E aí, pessoal!
De volta ao AtomicDesign! No post anterior, o blog mostrou as primeiras etapas de criação do visual de um personagem ou mascote, utilizando o Photoshop.
Esta segunda etapa, mostrarei como faço para definir melhor o traço de meus desenhos e como dou "aquele" acabamento especial para a profundidade. Tudo da forma mais rápida e prática possível. Vamos lá!
Etapa 4: Definindo os Traços
Na etapa anterior, tínhamos todo o conceito visual da personagem já estabelecido.
Agora, o objetivo é tornar as linhas do desenho mais precisas. Um caminho fácil de ótimo resultado é usando o Adobe Illustrator.
Para isso, ainda no Photoshop, seleciono apenas a àrea do
Layer com traços pretos, sem as cores, que foi duplicado na
Etapa 3. Copio (Cntrl + C) e, já no Illustrator, colo (Cntrl + V) a figura.
Seleciono a imagem em preto e branco já colada no Illustrator. Uma barra com várias opções aparece na parte superior do programa. Na versão CS5, a melhor forma de definir os traços é clicando na setinha para baixo, ao lado de
Live Trace, assim como na figura abaixo. Escolho
Tracing Options.
Após isso, aciono o
Preview e faço os ajustes necessários com as opções disponíveis até que o desenho fique com a suavidade que almejo. Atente-se para opção
Blur, que tira o ruído da linha, mas aumenta sua espessura; e para opção
Path Fitting, que suavisa os pontos quebrados. Não deixe de acionar o item
Ignore White.
A partir daí, é importante fazer alguns ajustes nas arestas da imagem com defeito. Clico em
Expand, que aparece novamente no menu superior, e utilizo o
Pen Tool (tecla "P") para arrumá-las.
A imagam abaixo compara os traços de antes e depois da edição no Illustrator.
Etapa 6: Aplicando as Cores
Esta etapa é uma das mais rápidas. Mais uma vez, duplico as linhas pretas geradas no Illustrator, e usarei o mesmo procedimento da
Etapa 3 para colorir a personagem com as cores já pré-estabelecidas.
Etapa 7: Luz e Sombra
Finalmente, chego ao acabamento do desenho. Utilizo layers distintos, um para as "sombras" e outro para as "luzes".
Na camada de sombras, aciono a opção
Overlay e, com o
Brush Tool, pinto de preto as áreas escuras. Para colocar o
Layer em
Overlay, observe a figura abaixo.
Dependendo do efeito desejado, posso usar ou não opacidade tanto na camada quanto na pressão do pincel (
Brush Tool).
No
Layer para as luzes, a mesma coisa. Aciono
Overlay, escolho a cor branca para o pincel e defino algumas áreas com maior incidência de luz.
... e pronto! Nossa personagem está finalizada, com traços bem definidos, cores, luz e sombra.
Qualquer dúvida, entre em contato comigo pelo e-mail
luisaugustoprates@gmail.com ou através dos
Comentários aqui do blog.
Até a próxima, no AtomicDesign!
