Tutorial para usar o Pen Tool no Photoshop

O Photoshop não serve apenas para retocar fotografias. Com a ferramenta Pen Tool (caneta vetorial) é possível fazer recortes perfeitos e obter ilustrações vetoriais com excelente resultado. Para realizar uma Line Art, basta refazer as linhas importantes de um desenho ou qualquer objeto. Veja como usar a Pen Tool na continuidade deste artigo.

Para o que serve e quais são os tipos de canetas do Photoshop?

A caneta do Photoshop serve para criar ou transformar imagens em desenho vetorial. A ferramenta se declina em - Caneta de curvatura para desenhar linhas curvas e retas intuitivamente; a Caneta padrão para criar linhas curvas e retas com grande precisão;
a Caneta de forma livre para desenhar caminhos como se estivesse com um lápis na mão; várias opções de Caneta Magnética que desenham a partir de marcadores que se ajusta às arestas de áreas definidas; na imagem; o recurso Traço sensível ao conteúdo que automatiza o processo para traçar figuras. Para conhecer o conjunto de canetas do Photoshop, use o atalho Shift + P.

Como transformar uma foto em desenho com a ferramenta Pen Tool

Você vai aprender, a partir de agora, a passar desta imagem:

Para esta:

Para tanto, usamos o Photoshop CS3 Pro Extended, mas as versões anteriores são tão boas como esta, e quanto o resultado.

Por que escolher a ferramenta Pen Tool

A Caneta é uma ferramenta muito poderosa, porém para tirar proveito total do que ele pode fazer é preciso conhecer um pouco do que ela é capaz de fazer. Na verdade, ela permite realizar curvas de alta precisão e, portanto, fazer desenhos ou contornos de objetos. O resultado obtido é chamado de Line Art. Esta ferramenta se encontra aqui:

Como utilizar a ferramenta

A ferramenta Pen Tool permite desenhar linhas retas, ângulos e curvas. Para isso, basta colocar pontos. Estes pontos, chamados Pontos de ancoragem, serão interligados e definirão o caminho a ser realizado pela caneta.

Teste! Crie um novo projeto Photoshop e tente o seguinte: selecione a ferramenta Pen Tool e faça uma sucessão de pontos como mostrado na imagem:


Note que este formulário será preenchido automaticamente por uma cor (a do primeiro plano), você pode fechar o contorno clicando no primeiro ponto de ancoragem. Depois do contorno fechado, se você clicar de novo, você criará uma nova camada.

Se você só quiser ver o caminho, você poderá criá-lo clicando no segundo botão na parte superior da vinheta:


Os caminhos assim obtidos não serão preenchidos, mas transparentes e nenhuma camada será criada. Precisamente, um caminho é uma sucessão de pontos de ancoragem. Se você quiser ver este traçado vá na janela Demarcador:


Na parte inferior da janela Demarcador, você verá quatro pequenos pictogramas em forma de círculo, a partir da esquerda:

  • O primeiro círculo serve para preencher o traçado e obter uma forma.
  • O segundo círculo serve para fazer o contorno do caminho com a ferramenta "pincel".
  • O terceiro botão permite fazer uma seleção a partir do caminho.
  • O quarto botão permite fazer o inverso do terceiro.

Você encontrará ao lado da ferramenta Caneta a ferramenta Free Pen (Caneta libre). Como, como se estivesse desenhando em uma folha de papel.

Como modificar o traçado

Lembre-se, estas linhas são feitas a partir de pontos de ancoragem. Esses mesmos pontos também são usados para alterar a forma do caminho, para demarcar melhor um objeto ou, simplesmente, para dar a forma que você quiser. Agora, vamos modificar a posição desses pontos e sua natureza, por assim dizer, porque se você reparou, as linhas que ligam os pontos de ancoragem são retas. Então, como transformar uma linha reta em curva? Simplesmente dotando cada ponto de ancoragem de duas tangentes de cada lado, como aqui:


À esquerda, tínhamos um caminho em zigue-zague, que foi transformado em curva, dotando cada ponto de duas tangentes. Podemos conseguir isso seguindo dois métodos, à sua escolha:

  • Primeiro método: ferramenta de conversão de pontos: Depois de desenhar um caminho, vá buscar a ferramenta de conversão: selecionando na paleta (clique com o botão direito do mouse direito na vinheta da ferramenta Caneta > ferramenta de conversão de pontos, ou mantendo pressionada a tecla ALT GR ao usar a ferramenta Caneta. Depois, clique nos pontos de ancoragem e arraste-os seguindo uma direção, que determinará a orientação da tangente. Repita este procedimento para todos os pontos de ancoragem que você tiver.
  • Segundo método: este método envolve a criação direta de um caminho em forma de curva sem usar a ferramenta de conversão (é por isso que ela não tem nome. Basta clicar para criar o ponto de ancoragem e manter o botão do mouse pressionado; em seguida, dirigir a tangente para onde quiser. Isso é o que podemos falar sobre tipos de ponto de ancoragem.

Mas, que fazer se um ponto de ancoragem não se encontrar na posição desejada, ou se a tangente não for dirigida como gostaríamos?

Não se preocupe, Photoshop previu outra ferramenta para isso na paleta das ferramentas. Logo acima da Caneta, você pode ver a ferramenta Seleção Vetores, que serve para selecionar e mover um caminho, sem alterá-lo. Clique, com o botão direito do mouse, nessa ferramenta e, em seguida, selecione Seleção direta. Esta opção é a que mais nos interessa. Selecione-a, clique em um caminho e você verá os pontos de ancoragem aparecerem. Clique em um ponto de ancoragem e mantenha o botão pressionado. Arraste para mover este ponto. Com a mesma ferramenta, você pode até mudar a direção das tangentes :sol:. Você também pode acessar esta ferramenta, mantendo pressionada a tecla CTRL, enquanto usar a ferramenta Caneta:


Agora você está pronto, passemos para a parte prática deste tutorial.

Como iniciar o projeto

Comece abrindo a foto que deseja trabalhar, eu sugiro usar a que coloquei no início, pois todas as explicações poderão ser usadas na realização deste projeto. Selecione a ferramenta Caneta em modo demarcador e comece a fazer um caminho nas linhas exteriores do veículo. Faças tantos pontos de ancoragem quantos quiser, para obter um caminho perfeito, como a imagem abaixo:


Quando terminar o caminho exterior do carro, interponha uma camada branca entre esta e o fundo (duplicar o fundo e excluir). Vá na janela Demarcador, selecione o caminho e clique no segundo botão embaixo. Então, você obterá isso:

Em seguida, oculte essa camada e comece a fazer caminhos mais precisos, isto é, demarcar melhor os detalhes do veículo. Proceda como antes: desenhe o contorno ou preencha o caminho usando os botões da janela Demarcador. Veja este exemplo:


Podemos ver que a frente do carro está quase pronta. Continue esse processo até obter um resultado semelhante ao mostrado no início do tutorial. Você poderá adicionar efeitos ou jogar com as cores na demarcação dos caminhos, para um melhor resultado.

Como são as variantes

Duas variantes do que acabamos de realizar:

A primeira:

A segunda:

Foto: © Roman Samborskyi - 123rf.com

Nosso conteúdo é produzido em colaboração com especialistas em tecnologia da informação sob o comando de Jean-François Pillou, fundador do CCM.net. CCM é um site sobre tecnologia líder em nível internacional e está disponível em 11 idiomas.
Este documento, intitulado 'Tutorial para usar o Pen Tool no Photoshop', está disponível sob a licença Creative Commons. Você pode copiar e/ou modificar o conteúdo desta página com base nas condições estipuladas pela licença. Não se esqueça de creditar o CCM (br.ccm.net) ao utilizar este artigo.

Assine nossa newsletter!

Assine nossa newsletter!
Junte-se à comunidade