Illustrator para iniciantes 8: Usando Offset Paths para Dynamic Lines

Este é o oitavo tutorial da série Illustrator para iniciantes. Até agora, você já aprendeu a traçar sobre rascunhos com a ferramenta Pen. Se você perdeu algum desses emocionantes tutoriais, você pode vê-los aqui. Com este tutorial, você vai aprender como criar linhas dinâmicas com o recurso Offset Path.

Este artigo é fonte de pesquisa, tradução e adaptação de um site externo. Não se esqueça de visitar o artigo original para prestigiar este fantástico trabalho. O link para o artigo original também pode ser visto no final deste artigo.

Créditos da imagem de destaque: 30 day sketchbook challenge de Matt Jonez Animation

No último artigo o desenho ficou mais ou menos assim.

No último artigo o desenho ficou mais ou menos assim.

Vamos começar selecionando as bolinhas dos olhos e a boca utilizando a ferramenta de seleção. Para selecionar vários objetos, pressione a tecla Shift enquanto clicar.

Vamos começar selecionando as bolinhas dos olhos e a boca utilizando a ferramenta de seleção. Para selecionar vários objetos, pressione a tecla Shift enquanto clicar.

Em seguida, mude a cor do contorno para nenhum e a cor do preenchimento para preto usando a paleta Swatch.

Em seguida, mude a cor do contorno para nenhum e a cor do preenchimento para preto usando a paleta Swatch.

Você também pode usar barra de menu na parte superior para mudar as cores.

Você também pode usar barra de menu na parte superior para mudar as cores.

Seu desenho deve ficar assim depois da mudança de cor.

Seu desenho deve ficar assim depois da mudança de cor.

Em seguida, selecione a parte da folha.

Em seguida, selecione a parte da folha.

Mude a cor deste objeto par branco. Embora ele não seja branco eu normalmente gosto de preencher os objetos de preto ou branco para começar. Não me pergunte o porquê. Isso é apenas a maneira como eu faço as coisas. Enfim… em vez de usar a paleta Swatch para mudar a cor, eu vou usar a ferramenta Conta-gotas. Com sua folha selecionada, clique em qualquer um dos espaços em branco da sua prancheta. A folha vai ficar branca.

Mude a cor deste objeto par branco. Embora ele não seja branco eu normalmente gosto de preencher os objetos de preto ou branco para começar. Não me pergunte o porquê. Isso é apenas a maneira como eu faço as coisas. Enfim... em vez de usar a paleta Swatch para mudar a cor, eu vou usar a ferramenta Conta-gotas. Com sua folha selecionada, clique em qualquer um dos espaços em branco da sua prancheta. A folha vai ficar branca.

Agora, vamos adicionar o deslocamento na forma da folha. Acesse Object> Path> Offset Path.

Agora, vamos adicionar o deslocamento na forma da folha. Acesse Object> Path> Offset Path.

Na caixa de diálogo que aparecer, defina o deslocamento para 2pt.

Na caixa de diálogo que aparecer, defina o deslocamento para 2pt.

Isto cria uma forma que é uniformemente 2 pontos maior do que o original. Defina a cor preta para o novo formato. Observe como ele se parece com uma linha, mesmo que seja apenas uma forma um pouco maior.

Isto cria uma forma que é uniformemente 2 pontos maior do que o original. Defina a cor preta para o novo formato. Observe como ele se parece com uma linha, mesmo que seja apenas uma forma um pouco maior.

Se você tiver problemas quanto a ordem das camadas, os objetos estão se sobrepondo da maneira errada. Você pode mover as camadas no painel Layers para organizar a sua ordem. Só tome cuidado para não posicionar as camadas de maneira errada. Caso isso aconteça, basta pressionar o Ctrl+Z.

Se você tiver problemas quanto a ordem das camadas, os objetos estão se sobrepondo da maneira errada. Você pode mover as camadas no painel Layers para organizar a sua ordem. Só tome cuidado para não posicionar as camadas de maneira errada. Caso isso aconteça, basta pressionar o Ctrl+Z.

Se você não estiver usando camadas, pode usar o Send to Back (Object> Arrqange> Send to Back).

Se você não estiver usando camadas, pode usar o Send to Back (Object> Arrqange> Send to Back).

Em seguida, repita os mesmos passos com o Offset Path na forma da haste.

Em seguida, repita os mesmos passos com o Offset Path na forma da haste.

Depois disso, faça a mesma coisa com os olhos. Para os olhos, eu usei 1 ponto de deslocamento.

Depois disso, faça a mesma coisa com os olhos. Para os olhos, eu usei 1 ponto de deslocamento.

Finalmente, vamos fazer com que as linhas fiquem um pouco menos uniformes. Selecione os olhos com a ferramenta de seleção. Quando os olhos estão selecionados, você pode ver uma caixa delimitadora em torno deles. Puxe para baixo a ponto de ancoragem no meio da caixa delimitadora. Isso fará com que a forma preta fique um pouco maior do que a espessura da linha, deixando o traço mais pesado na parte inferior.

Finalmente, vamos fazer com que as linhas fiquem um pouco menos uniformes. Selecione os olhos com a ferramenta de seleção. Quando os olhos estão selecionados, você pode ver uma caixa delimitadora em torno deles. Puxe para baixo a ponto de ancoragem no meio da caixa delimitadora. Isso fará com que a forma preta fique um pouco maior do que a espessura da linha, deixando o traço mais pesado na parte inferior.

Eu também fiz o mesmo com a foram da folha. Feito isso, o seu projeto está pronto, e você pode usar sua criatividade para preenche-lo com as cores que desejar. Talvez sua avó goste de pendurar este desenho na porta de sua geladeira. 😀

Eu também fiz o mesmo com a foram da folha. Feito isso, o seu projeto está pronto, e você pode usar sua criatividade para preenche-lo com as cores que desejar. Talvez sua avó goste de pendurar este desenho na porta de sua geladeira. :D

Este artigo é fonte de pesquisa, tradução e adaptação de um site externo. Não se esqueça de visitar o artigo original para prestigiar este fantástico trabalho.

Compartilhe este artigo:

Guia de Estudos para Aprender Design por Conta Própria

Baixe o nosso guia e receba dicas e as novidades do Clube do Design no seu email:

Este post tem 0 comentários

  1. Obrigado pela resposta Liute, mais em inglês não estou conseguindo fazer o tutorial, teria como dar uma explicação melhor ? DESCULPE FICAR TE PERTUBANDO !!!!!

  2. Boa noite Liute, em primeiro lugar OBRIGADO pelos tutoriais pois estou aprendendo muito com eles ! Tenho uma dúvida: Existe uma forma no Illustrator de criar um quadrado só no contorno de 20cm x 20cm com a parte interna todo gradeado ( tipo uma planilha do Excel ) cheio de quadrados de 2,5cm x 2,5cm ( tudo só na linha ), agora eu queria pegar o balde de tinta e pintar esses quadrados de 2,5 x 2,5cm. O objetivo é criar de forma rápida um desenho todo pixelado ( tipo ATARI ). Teria como ???

    1. O Illustrator não possui uma feramenta específica para criar grades, mas é realmente muito fácil criar uma grade, basta desenhar um quadradinho e ir duplicando ele, faça um, duplique e ponha ao lado do primeiro, selecione os dois, duplique e coloque ao lado, selecione os quatro, duplique e ponha ao lado. Se ir sempre duplicando, pegando o total que já tem, e ir duplicando de novo vai fazer isso muito rápido.
      Outra forma é simplesmente habilitar a grade “View> Grid” e fazer a brincadeira sem precisar desenhar quadrados que não vai usar.

      1. Obrigado pela resposta Liute !!!
        Mais cara fuçando o Google achei PERFEITO o que eu quero aprender
        ( how to create pixel art in Adobe Illustrator (8 bit) ), assiste o vídeo mais tem coisa que não entendi, veja que técnica legal de pintar os quadradinhos com o balde de tinta.

        http://www.youtube.com/watch?v=ya3Too-DBCY

        1. Alvaro, realmente eu cometi um engano, ele usa a ferramenta de grade retangular para fazer a grade de píxels que ele usa como referência. Depois então ele usa a Live Paint Buket que cria formas e preenchimentos com as cores do grupo que ele criou no painel de amostras.
          Um abraço!

Deixe uma resposta

Mais artigos pra você ler:
Como fazer um cartão personalizado

Como fazer um cartão personalizado

Aprenda nesse tutorial como criar um cartão personalizado de forma fácil.
Como organizar seu desktop?

Como organizar seu desktop?

Você já viu uma tela de computador lotada de atalhos e arquivos formando uma verdadeira bagunça visual que não dá…
Affinity Photo #11 - Usar Sobreposições

Affinity Photo #11 - Usar Sobreposições

As ferramentas Sobreposição podem ser usadas juntamente com o painel Sobreposições para que você possa aplicar ajustes padrão em áreas…
Praticando Caligrafia e Lettering

Praticando Caligrafia e Lettering

Nesse vídeo que fiz em meu canal Corporação Criativa eu faço algumas demonstrações sobre criação de caligrafia e lettering com diferentes canetas.…
Fechar Menu