Tutorial para o Vector Pen Tool no Photoshop

Dezembro 2016

Photoshop é um software 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 "vectoriel pen tool" (caneta vetorial). Depois, nós indicaremos as importantes 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 essa realização, usamos o Photoshop CS3 Pro Extended, mas as versões anteriores são tão boas como esta, assim como o resultado.

Porque escolher a ferramenta "Caneta"

A Caneta é uma ferramenta muito poderosa, mas muitas pessoas não tiram o proveito de tudo, 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 será chamado de Line Art. Esta ferramenta se encontra aqui:

O essencial da ferramenta Caneta

A ferramenta Caneta permite desenhar linhas retas, ângulos, mas também 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 Caneta 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 último permite fazer o inverso do terceiro.

Você encontrará ao lado da ferramenta "Caneta" a ferramenta "Free Pen". Como o próprio nome indica, esta ferramenta permite demarcar à mão livre.

Modificação do traçado

Você se 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. E. 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 ziguezague, 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.

Projeto inicial

Comece abrindo a foto que deseja trabalhar, eu sugiro usar 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 aqui:


Quando terminar o caminho exterior do carro, interponha uma camada branca entre esta e o fundo (fazer "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.

Variantes

Duas variantes do que acabamos de realizar:

Esta:



Ou esta:

Saiba mais

Como usar a ferramenta "Caneta" no Photoshop

Veja também :
Este documento, intitulado «  Tutorial para o Vector Pen Tool no Photoshop »a partir de CCM (br.ccm.net) está disponibilizado sob a licença Creative Commons. Você pode copiar, modificar cópias desta página, nas condições estipuladas pela licença, como esta nota aparece claramente.