Aula 3 da cadeira de Criação e Tratamento de Imagens Digitais do curso de Programação para Jogos Digitais.

2. vetorização
Como já mostrado, o Photoshop oferece uma série de shapes prontos e
modificáveis que não são nada mais do que desenhos vetoriais prontos ou
modificáveis. Os básicos são o retângulo (Rectangle Tool), o retângulo
chanfrado (Rounded Rectangle Tool), a elipse (Elipse Tool), o polígono
(Polygon Tool) e a linha (Line Tool) que são formas primitivas. Há também
uma série de shapes complexos dentro de Custom Shape Tool.

3. vetorização
Caso o usuário deseje desenhar seus próprios shapes basta utilizar a
ferramenta de caneta (Pen Tool) e suas demais sub ferramentas.

4. vetorização
Sempre antes de se criar um personagem ou qualquer ilustração vetorizada é
feito um sketch (rascunho) da mesma. Um Sketch, por ser um desenho rápido,
pode ser facilmente alterado quando certa feita se percebe que determinados
detalhes ou mesmo posições não ficaram bem aparentes.
Para treinarmos as nossas
habilidades, nesta aula iremos
vetorizar um sketch de
personagem como o ao lado.

5. vetorização
Iluminação e sombras serão criados em uma futura aula, mas todos os
detalhes, com cores chapadas serão vetorizados nesta aula, levando-se em
consideração questões já estudadas como quantidade de pontos âncora e uso
de curvas de Bézier.
Não há um lugar específico para se começar. Quando não se domina uma
técnica pode-se começar de alguma região mais simples como formas básicas
e ir progredindo na dificuldade conforme se trabalha.
Por haver uma grande quantidade de camadas de shapes à serem desenhados,
o quanto antes deve-se organizá-los em grupos e subgrupos de objetos.

6. vetorização
Neste caso iniciou-se criando todas as elipses da ilustração somando-se 15. As
que sobrepuseram outras elipses tomaram cores de um tom mais claro, neste
caso apenas cinzas, afim de deixar a preocupação com cores para o futuro. A
maioria das elipses foram criadas enquanto se mantinha pressionado o botão
Shift que faz com que as mesmas fossem perfeitamente circulares. Porém
elipses como as da base das pernas e braço foram criadas em formato elíptico
afim que passem sensação de perspectiva. A elipse do furo da arma do
personagem teve que também ser rotacionada para seguir a perspectiva do
mesmo e para isto usou-se a função no menu superior em Edit/Free
Transform (Ctrl + T).

7. vetorização

8. vetorização
A partir deste momento alguns grupos já podem ser criados como o grupo da
cabeça, englobando as três elipses contidas ali, o grupo do tronco contendo as
seis elipses (peito, base do braço da esquerda e pernas), o grupo perna direita
contendo os três círculos da mesma e o grupo braço da direita contendo as
quatro elipses restantes.
A partir de agora todas as formas serão criadas e posteriormente adicionadas
aos seus devidos grupos, ou novos grupos serão feitos para conter as mesmas.

9. vetorização
A mão no lado esquerdo do personagem pode ser criada com retângulos,
então faça isto e utilize a ferramenta de rotação citada acima para encaixá-los
corretamente. Quando rotação não bastar, por causa de distorção perspectiva,
por exemplo, utilize a ferramenta Direct Selection Tool (atalho A) para
selecionar e mover diretamente qualquer dos quatro vértices de cada
retângulo. Crie um grupo para todo o braço esquerdo e insira estas camadas
ali. Depois crie também os retângulos da arma na mão direita e insira no
grupo correspondente (você pode também criar subgrupos à sua vontade
contendo partes e objetos).

10. vetorização
Lembre-se que neste momento a iluminação não deve ser levada em
consideração, assim evita-se retrabalho no futuro quando iremos setar
novamente cada uma das cores.
Agora é o momento de pegar a ferramenta Pen Tool e começar a recriar as
formas mais complexas. A parte principal do tórax por exemplo. Crie-a
utilizando curvas Bézier e depois envie para a última camada do grupo
“tronco”.

11. vetorização
Para criar algumas peças as vezes é necessário se retirar a visualização das
que estão por cima do desenho. Para isto lembre-se de clicar sobre o pequeno
olho da camada (ou grupo).

12. vetorização

13. vetorização
Vetorize desta forma todas as
partes restantes do personagem
e lembre-se da principal regra:
utilize o menor número de
vértices que precisar.
Ao final desligue a visualização
do sketch.