Tutorial Photoshop: Traçado digital

Neste tutorial, vamos aprender de forma bastante simples a vetorizar uma imagem no Photoshop e depois fazer o traçado. Apresentarei três formas de se vetorizar uma figura de geometria simples e depois traçar linhas.
A forma que você vai escolher para fazer uma vetorização e seu traçado depende do aspecto que você quer passar às linhas base da sua figura. Aqui vou vetorizar um desenho de Bart do desenho animado “Os Simpsons”. Aí vai a figura original, que foi desenhada com caneta azul simples:

Photoshop aberto, clique em File>Open(ou Ctrl+O) e abra a imagem que vai vetorizar. No meu caso, abri essa aí em cima. Se quiser, pode usar essa também e seguir o tutorial com ela.
Agora vamos mostrar como fazer os traçados com a ferramenta Pen. Primeira coisa, desbloqueie a imagem original que chamaremos de Lineart(é só clicar no cadeado que aparece na layer) e diminua sua opacidade para cerca de 50 a 60% . Crie uma nova layer transparente em cima da Lineart e chame de Lines(pode escolher outros nomes, eu gosto de trabalhar assim).  Passemos às três formas básicas de fazer a vetorização e respectivo traçado:
(1) Utilizando apenas o brush normal
Para usar essa técnica, você escolhe um brush pequeno e de preferência com uma cor diferente do desenho original(já que podemos mudar a cor das linhas depois). Como meu desenho é azul, escolhi um brush de tamanho 3 px, 100% de Opacity e Flow, e cor preta. Selecione então a ferramenta Pen e dê um clique onde começará o traçado e depois outro clique no final do traçado. Com um clique no botão direito do mouse, escolha Stroke Path e depois na caixa que abrirá, marque Brush e Simulate Pressure. Por último, clique novamente no botão direito e escolha Delete path. Assim fará um traçado reto:




(2) Utilizando brush com Shape Dynamics
Repita o processo anterior, mas dessa vez use um brush maior(usei 7 px) e selecione Brush>Brush Presets>Shape Dynamics>Pen Pressure. Escolha Stroke Path e teremos um traço dessa forma:



(3) Utilizando o recurso Fill Path:
O principio para utilizar esse recurso é trabalhar melhor com a ideia de traços com diferentes tamanhos. Assim uma linha não fica sempre com o mesmo tamanho, mas suas variações de tamanho são determinadas por nós e não de acordo com o Brush como no caso (2). Para isso, iremos traçar com a ferramenta Pen onde queremos que a linha esteja e depois clicaremos no botão direito>Fill Path>Color e então você escolhe a cor(usei preto):



Como você pôde notar, a maioria dos traços não deveriam ser retas perfeitas, alguns deveriam ter leves curvaturas. Mas como fazer curvas com a ferramenta Pen? Simples, acompanhe:
(1) Utilizando Brush normal ou Brush  com Shape Dynamics:
Faça o mesmo passo inicial, escolha um Brush de 3 px, marque com a Pen os pontos inicial e o final:

Agora com um clique com o botão direito em cima do icone da Pen, escolha Add Anchor Point Tool. No ponto em que você quiser fazer a curvatura, faça um clique e utilizando esse ponto puxe e mode o traçado a seu gosto. Depois o processo é igual: Stroke Path e depois Delete Path. Para aplicar a técnica com Shape Dynamics é só usar o Brush um pouco maior e realizar a mesma sequência.



(2) Utilizando Fill Path:
Dessa vez, a coisa chegou ao maior nível de complicação, mas vocês verão que até isso é fácil. Vamos marcar os pontos como uma superfície e depois iremos usar a ferramenta Add Anchor Point para fazer o traçado curvo. Daí preenchemos com o Fill Path:



E aí? Conseguiram reproduzir? Pelas imagens vemos que a que aproxima a vetorização e o traçado digital mais do original geralmente é usando o Fill Path, mas tudo depende de como você quer as linhas. Nesse caso, como é um desenho dos Simpsons, as linhas são bem simples, então utilizei um Brush normal. O resultado depois de vetorizar a imagem toda é o seguinte:


No próximo tutorial, vou ensinar como pintar essa imagem de modo simples e depois mostrar um passo a passo que vai enriquecer o trabalho finalizado e dar um toque de artista! Não percam!
Até a próxima!
Obs1: Se quiser ficar apenas com o traçado, crie uma nova layer em cima da lineart e a use o Paint Bucket Tool com uma cor branca nela. Aí sim, pode até apagar a layer da lineart e ficar apenas com as linhas feitas digitalmente. Para trocar a cor das linhas da lineart, basta clicar em lock transparent pixels(que você encontra na parte de cima do guia de layers, onde aparece “Lock:”) e então com um Brush no tom que você escolher, pinte as linhas. Simples.
Obs2: Se você decidiu fazer a imagem do Bart como eu nesse tutorial, uma dica para os olhos ficarem com o formato circular perfeito(assim como é no desenho real) é utilizar a ferramenta Custom Shape e nela escolher aquela forma que é de uma circunferência. Eu só procederei assim quando partir para o estágio da colorização, então o traçado desse tutorial está com os olhos do Bart não perfeitamente circulares.
Tempo total para concluir essa imagem : cerca de 10 minutos.