Tutorial Illustrator: desenho com a caneta / pen tool

Rascunho e desenho final no Illustrator

Pen toolAprenda a utilizar a ferramenta caneta – pen tool – do Illustrator e veja como traçar um desenho.

 

Linha e preenchimento

As configurações de linha e preenchimento podem ser encontradas na barra de ferramentas lateral ou no topo.

Remova o preenchimento para facilitar o desenho de linhas.

Barra de ferramentas - linha e preenchimento Configurações de linha e preenchimento

Operações básicas

Linhas retas

Linhas retas no Illustrator

Clique para criar linhas retas.

Curvas

Criando uma curva

Clique e arraste para criar curvas.

Alternando entre retas e curvas

Alternando entre curvas e linhas

Clique uma vez no último ponto desenhado para continuar com uma reta ou criar um ângulo.

Fechando uma forma

Fechando uma forma

Clique no ponto inicial para fechar uma forma.

Deixando uma forma aberta para começar outra

Selecione outra ferramenta qualquer ou cancele a seleção (Ctrl + Shift + A).

Retomando uma forma aberta

Continuando uma forma

Para continuar uma forma aberta, clicar (ou clicar e arrastar para continuar uma curva) no ponto inicial ou final.

Editando pontos

Seta branca / Direct selection tool (A)

Editando com a seta branca

Utilize a seta branca para mover pontos e editar curvas.

Convert anchor point tool (Shift + C)

Convertendo um ponto em curva.

Clique e arraste em um ponto para transformar um ângulo em curva.

Convertendo um ponto em ângulo.

Clique em um ponto para transformar uma curva em ângulo.

Alterando os controles da curva.

Clique e arraste um dos controles da curva para criar um ângulo.

Controlando curvas durante o desenho

Alterando os controles da última curva.

Para alterar os controles da última curva, clique e arraste no último ponto desenhado.

Criando um ângulo ao desenhar a curva.

Para gerar um ângulo ao criar um ponto, antes de soltar o botão do mouse segure a tecla Alt (ou Option no Mac) e arraste o mouse para posicionar o controle da curva.

Ferramentas complementares

Add Anchor Point Tool (+)

Clicando na linha para criar um novo ponto.

Clique para criar um novo ponto.

Delete Anchor Point Tool (-)

Clicando em um ponto para removê-lo.

Clique para remover um ponto.

Scissors Tool / Tesoura (C)

Cortando uma linha com a Scissors Tool.

Clique para cortar uma linha.

Traçando sobre um desenho

Agora que você já conhece as ferramentas, pratique traçando sobre um desenho. Escolha um desenho com linhas definidas para evitar confusão na hora de traçar.

Inserindo uma imagem no Illustrator

Para incluir um desenho: Menu: File > Place.

Configurações do layer

Clique duas vezes sobre o layer e marque como template para diminuir a opacidade e bloqueá-lo.

Layers

Crie um novo layer para começar a desenhar.

Ilustração final.

Ilustração final.

 Dicas

  • Utilize o menor número possível de pontos. Pontos demais podem deixar as curvas com aspecto torto.
  • Preste atenção aos controles das curvas para entender a direção do próximo ponto. Com a prática fica cada vez mais fácil escolher onde posicionar os pontos.
  • Não fique muito preocupado em acertar os pontos na primeira vez. Eles podem ser editados depois.
  • Pratique. =D

13 Comments

  1. Alex Pedruzzi 26/12/14 - 4:00

    Muito bom!
    Sei que não é o ideal, mas tem como fazer um (tutorial desse) para photoshop?

    • Melina 26/12/14 - 5:37

      Oi Alex, estou planejando alguns tutoriais de Photoshop pra quando tiver tempo.

  2. Kedna Mayra 9/2/15 - 4:47

    Incrível. Estou fazendo isto no Flash CS6. Parecia que não iria sair bom, mas até que funcionou. -Em relação as curvas, claro¬¬-

  3. Ana Emilia Pires Andrade 2/7/15 - 11:23

    Muito bom, gratidão!

  4. pedro 12/7/15 - 11:57

    Fantástico, comecei a aprender agora, mas aos poucos estou conseguindo. Adorei o seu site, parabéns!

  5. Bartyra Galvão 13/2/16 - 11:22

    Não funciona comigo de jeito nenhum. A única coisa que consigo fazer são as linhas retas. Vcs conseguem fazer isso com o mouse ou usam a caneta da mesa digitalizadora? Só pode ter algo errado na minha configuração. Eu clico e arrasto p fazer as curvas e fica tudo doido. Alguém me ajude!

    • Melina 13/2/16 - 11:57

      Oi Bartyra,
      Pode usar o mouse ou mesa digitalizadora, funciona das duas formas. Você arrasta o mouse antes de soltar o click? Espero que consiga!

  6. Tafarel 17/3/16 - 3:10

    Melina, continue com esses tutoriais e com o seu trabalho… é muito bom, conheci ele hoje, mas é fantástico.

  7. Renato Menezes 11/7/16 - 1:20

    uhuuuuuu parabéns muito bom!!!

  8. everton 31/7/16 - 2:30

    Muito bom mesmo, parabéns

  9. Dimas 21/2/17 - 10:51

    Muito Obrigado 🙂

  10. Bruno Dantas 21/9/17 - 8:37

    A primeira vista parece bem difícil, mas com a prática fica muito natural fazer os desenhos. Basta seguir o passo a passo como ensinado como a Melina. Obrigado!!

  11. rafael 6/10/17 - 11:06

    sim.. como disse o AMigo aí em cima, um tutorial para photoshop seria realmente ótimo

Leave a comment

*

*

Studio na Colab55