Tutorial para usar o Pen Tool no Photoshop

Maio 2017

Photoshop é um software da Adobe muito poderoso, ele não serve apenas para retocar fotografias, como pensa a maioria das pessoas. Vamos mostrar neste tutorial o básico da utilização de uma ferramenta indispensável: a ferramenta 'Pen tool' (caneta vetorial). Depois, nós indicaremos as principais etapas para realizar um pequeno projeto. Essa ferramenta também permite fazer recortes perfeitos e assim, obter imagens de ilustração vetorial e caminhos com excelente resultado.

Para realizar uma Line Art, basta refazer as linhas importantes de um desenho ou de qualquer objeto, daí o seu nome.


Objetivo desta dica

Neste tutorial, você vai aprender 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 muitas pessoas não tiram o proveito total, pois não sabem usá-la corretamente. 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.

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 o próprio nome indica, esta ferramenta permite demarcar à mão livre.

Como modificar o traçado

Você lembra que 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, direção esta 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.
Agora, uma outra preocupação: o 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, nós também temos outra ferramenta prevista 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 ue 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 aqui:


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, a fim de obter um resultado melhor.

Como são as variantes

Duas variantes do que acabamos de realizar:

Esta:



Ou esta:

Saiba mais

Como usar a ferramenta "Caneta" no Photoshop

Veja também

Artigo original publicado por . Tradução feita por pintuda. Última modificação: 23 de janeiro de 2017 às 09:48 por ninha25.
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.