Vetorizando uma imagem

Enquete

Dê sua opnião sobre meu WEBSITE!

Currently 2.29/5
1
2
3
4
5

Rating: 2.3/5 (78 votos)

ONLINE

Partilhe esta Página

Vetorizando uma imagem

Este é um efeito bem simples mas que conquista cada vez mais admiradores e cada vez mais pessoas querem saber como fazê-lo. Na verdade existem várias maneiras de se fazer um "Vector" no Photoshop. Neste tutorial eu vou tentar mostrar a MINHA maneira. Depois do seu primeiro vetor e com um pouco de prática você acabará fazendo do seu próprio jeito. O meu jeito de fazer vetores de hoje é completamente diferente de quando eu aprendi.

1

Primeiro vamos começar aumentando em 200% o tamanho da imagem (o tamanho real da imagem, não somente o zoom). Menu Imagem/Tamanho da Imagem (Image/Image Dimensions), coloque 200 de largura (Width) e ao lado mude para porcentagem (percentage). Isso porque já que vamos vetorizar, vamos aproveitar para criar uma imagem com uma qualidade melhor. Teremos que criar uma camada para cada core do desenho. Para isso eu utilizo máscara de camada.

2

Como este desenho terá um traçado preto, vamos economizar trabalho e dor de cabeça criando uma camada com o contorno da imagem inteira e todo preto, como se fosse uma sombra. Então crie uma nova camada e preencha a mesma completamente com a cor preta. Agora aplique máscara a esta camada clicando no ícone de máscara na paleta Camadas, aperte Ctrl+I para inverter a cor da máscara e revelar o desenho que está na camada de baixo.

3

Vá para a paleta Demarcadores (Paths), crie um novo demarcador clicando no ícone da folhinha ao lado da lixeira. Pegue a ferramenta caneta (pen tool)

e comece a criar o contorno externo desenho. Se você não sabe como criar uma seleção com a ferramenta caneta, dê uma olhada no meu .: Guia Rápido da Ferramenta Caneta (Pen Tool) :.

4

Se você vai criar uma seleção que é basicamente arredondada, você não precisará de muitos pontos de ancoragem. Apenas crie nos locais onde as curvas do desenho terminam, por exemplo, veja os pontos que eu usei para esta área. Veja também os pontos depois de convertidos em curvas com a ferramentas "Converter Pontos".

5

Agora que temos o nosso Demarcador (Path) pronto, vamos criar uma seleção. Então na Paleta Demarcadores (Paths) clique no botão Criar Seleção. Vá para a paleta Camadas e clique na máscara que criamos anteriormente e aperte "D" e depois Ctrl+Del para preenche-la com branco. Pronto já temos o nosso fundo preto que será usado com traçado. Aperte Ctrl+D para tirar a seleção.

6

Oculte esta camada clicando no ícone com um olho. Crie uma nova camada e preencha com um ton de cor da pele (eu usei #FFD0A3). Aplique Máscara e aperte Ctrl+I para ocultar tudo.

7

Agora o sistema que usaremos para o restante do desenho será o mesmo. Vá para a paleta Demarcadores (Paths) e crie um novo Demarcador. Este usaremos para a pele. Vá para a paleta Camadas, clique na máscara e com a ferramenta Caneta (Pen Tool) comece a marcar a área somente da pele deixando parte preto do traçado intacta. Veja como eu fiz na orelha. Mas para os traços internos como os olhos por exemplo, você precisará de um modificador da Ferramenta Caneta: Excluir Áreas de Forma em Sobreposição.

Com esse modificador, trace as áreas dos olhos e sombrancelhas. Na chupeta, faça apenas a seleção da parte de fora. Não é necessário fazer isso com áreas de outra cor, pois usaremos outras camadas para elas.

8

Terminado o Demarcador da pele retorne a paleta de Camadas, clica na máscara da camada com a cor da pele e aperte Alt+Del. Agora você deve ter o resultado ao lado. Se você revelar a camada com a sombra que fizemos anteriormente terá uma idéia do que estamos fazendo.

9

Bom, agora é só seguir criando outras camadas, máscaras e demarcadores para as outras cores do desenho.

10

Após ter criado todas as camadas com as cores necessárias do desenho nós criaremos as sombras para dar mais vida e deixar o desenho mais interessante. Na paleta de Camadas, duplique a camada com o fundo preto que usamos para o traçado. Coloque esta camada duplicada em cima de todas. Coloque o modo de camada para Multiplicação (Multiply) e 20% de opaticidade. Clique na máscara da camada que você duplicou. Agora com a ferramenta Caneta (Pen Tool) você irá selecionar as partes que você que que fiquem claras no desenho.

* Quando selecionar uma área que quer que fique clara, clique com o botão direito e selecione "Criar Seleção" (Make Selection) e aperte Ctrl+Del.
* Quando selecionar uma área que quer que fique escura, clique com o botão direito e selecione "Criar Seleção" (Make Selection) e aperte Alt+Del.
* Você não precisa fazer uma seleção completa. Veja a minha seleção.

11

Após criar as sombras o desenho estará terminado. Agora você pode tirar proveito das máscaras, porque já que você não "desenhou" e sim criou camadas com cores e aplicou máscara com as formas que precisava, se você quiser mudar a cor de algum elemento é só preencher a camada que tem o elemento com a cor desejada. Ou aplicar Ctrl+U - Matiz/Saturaração (Hue/Saturation) na camada que você deseja mudar a cor. E você nem precisa se preocupar com a sobra, uma vez que ela fica em uma só camada e é aplicada a todas as camadas. Então divirta-se trocando as cores... =p

Nota:

Agora que você terminou você pode apagar ou ocultar a camada com o desenho original.

Claro que o desenho usado neste tutorial é bem simples, mas com as técnicas utilizadas neste tutorial você já pode começar a fazer os seus próprios vetores mais "realistas". Talvez até vetorizar algumas fotos...
Se você quiser baixar o PSD e a Imagem (arquivo zipado) deste tutorial clique aqui (sd.psd).

Meus sinceros agradecimentos para Invisigoth/Chris e Daw pelo grande apoio e incentivo.