como criar um personagem - parte 2



0 comentários
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!

como criar um personagem - parte 1



0 comentários
Fala, galera!

O AtomicDesign está com um post de tema inédito!
Desta vez, mostrarei, passo a passo, como faço para desenvolver um personagem direto do computador, sem o uso de papel, lápis ou qualquer outra ferramenta que não seja digital.


Geralmente, uso dois programas básicos da Adobe: o Photoshop e o Illustrator.

Para criar direto do computador, recomendo o uso de um tablet para desenho. Os melhores são da marca Wacom, muito reconhecida no mercado (www.wacom.com).

O modelo que uso é o Cintiq 12WX, que é sensacional! Ele me permite desenhar direto na tela, aproximando-se do desenho livre no papel.


Sem mais delongas, vamos às etapas:

Etapa 1: Esboçando



Abro o Photoshop e começo a desenhar livremente várias formas a fim de encontrar uma ideal. Utilizo um pincel (Brush) suave e com um pouco de opacidade, pois minha intenção é apenas esboçar. Neste caso, estava criando uma personagem pré-adolescente do sexo feminino.

Com as proporções e formatos pré-definidos, crio uma segunda imagem que seria do perfil. Como tinha pressa no material, acabei descartando o desenho da garota de costas, mas o ideal seria fazê-lo.

Etapa 2: Definindo


Neste momento, escolho um pincel com maior definição (100% preto) e começo a desenhar os detalhes da garota da forma mais precisa possível, mas sem a obrigatoriedade da perfeição, pois irei retocar o traço posteriormente.

Importante esclarecer que os traços mais definidos estão em uma camada (layer) acima dos traços de esboço da Etapa 1, no Photoshop.

Etapa 3: Escolhendo as Cores


A partir daí, duplico o layer com traço definido. Volto ao layer original (abaixo) e não mexo no layer duplicado (acima), pois precisarei reajustar os traços posteriormente.

Escolho a ferramenta "baldinho" do Photoshop (Paint Bucket Tool) para pintar o desenho.
Esta etapa é só para escolher as cores, portanto, não me preocupo muito se as cores estão saindo do lugar. Troco de cores algumas vezes até obter a composição desejada. Pronto! A concepção visual da personagem está finalizada.

... e por enquanto é só, pessoal.
No próximo post mostrarei como faço para finalizar o desenho, tornando as linhas bem definidas e a imagem com profundidade, através do uso de luz e sombra. Até breve!

newer post older post