Autor: Alemoart's Detudo.com | Publicado: 2010-06-29T06:17:00-07:00




Photoshop: Vetorizando sua foto (Falso
 Vetor).
01.
 Para <a href="http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html#" onclick="hwClick(&quot;criar&quot;);return false;" oncontextmenu="return false;" onmouseout="hideMaybe(this, &quot;criar&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;dotted 
1px&quot;; " onmouseover="hwShow(event, this, &quot;criar&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;solid&quot;;" style="border-bottom: 1px dotted; color: #cc3333; text-decoration: underline;">criar este falso <a href="http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html#" onclick="hwClick(&quot;vetor&quot;);return false;" oncontextmenu="return false;" onmouseout="hideMaybe(this, &quot;vetor&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;dotted 
1px&quot;; " onmouseover="hwShow(event, this, &quot;vetor&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;solid&quot;;" style="border-bottom: 1px dotted; color: #cc3333; text-decoration: underline;">vetor com uma <a href="http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html#" onclick="hwClick(&quot;foto&quot;);return false;" oncontextmenu="return false;" onmouseout="hideMaybe(this, &quot;foto&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;dotted 
1px&quot;; " onmouseover="hwShow(event, this, &quot;foto&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;solid&quot;;" style="border-bottom: 1px dotted; color: #cc3333; text-decoration: underline;">foto será necessário um bom 
domínio do Photoshop e da ferramenta Pen Tool, caso 
você não saiba como usá-la clique aqui, para ter 
um resultado bem detalhado serão necessárias algumas horas ou até dias 
de trabalho, por isso algumas vezes vale mais a pena realizar este tipo 
de trabalho em softwares que trabalham com vetores, no fim o resultado 
pode ser identico porém com o Photoshop você terá um bitmap que ao 
contrário do vetor não irá permitir um redimensionamento sem perda de 
qualidade.

Pressione Ctrl+O e abra a foto escolhida para ser trabalhada, para este 
tutorial iremos usar a imagem abaixo.

<img src="http://www.andresugai.org/Tutoriais/09.2007/T15/imagem1.jpg" title="para baixar esta foto clique com o botão direito e escolha Save
Image As" />

02. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, defina sua cor
 de Foreground com a cor #D9BA8D, pressione a letra P do teclado para 
selecionar a Pen Tool para 
criar a pele vá clicando e contornando todas as áreas de pele que 
estejam visíveis, na imagem abaixo começamos a contornar o braço.



03. Na parte dos dedos não se preocupe em fazer divisões exatas ou como 
na imagem que estamos usando os dedos se confundem e somem nos cabelos 
por isso não se preocupe em fazer esta parte com muita exatidão pois 
eles serão cobertos pelos cabelos mais a frente.



04. Ao terminar de contornar todas as áreas de pele da imagem clique com
 o botão direito dentro do contorno e escolha a opção Fill Path, note 
que em algumas áreas como as áreas próximas a roupas e cabelos não estão
 bem desenhadas, mas não se preocupe pois mais a frente isto irá 
desaparecer.



05. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez 
faremos o contorno do rosto, não se preocupe com olhos, boca e nariz 
neste momento, faça apenas o contorno como foi feito anteriormente com o
 corpo e preencha a seleção com a cor #E2C59B caso esteja usando a 
imagem do tutorial.



06. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez 
faremos o contorno do vestido, escolha a cor desejada mas escolha uma 
cor escura (com excessão da cor preta), pois mais adiantes usaremos 
cores mais claras para criar os detalhes do vestido e o preto para criar
 as áreas de sombra, neste tutorial usamos a cor #196339, proceda como 
nos passos anteriores



07. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, desta vez 
faremos a parte dos cabelos, para o cabelo da foto usada neste tutorial 
foi usada a cor #784234, que é a cor de base para cabelos pretos, caso 
seja feito em um cabelo loiro não comece com o amarelo e sim com um tom 
marrom, pois o que estamos fazendo agora é apenas a base, repita o mesmo
 procedimento realizado nos passos anteriores, sua imagem deverá ficar 
como a imagem abaixo.



08. Com a base pronta agora é hora de adicionar as sombras, quanto mais 
sombra mais realista a imagem irá ficar, quanto menos sombra menos 
realista e com mais cara de Cartoon sua imagem irá ficar, comece 
duplicando a foto original pressionando Ctrl+J, faça isso 4 vezes, 1 
para o corpo, 1 para o vestido, 1 para o rosto e 1 para o cabelo, e 
deixe as layers como na foto abaixo.



09. Agora pressione Ctrl+Alt+G (Ctrl+G na versão CS do Photoshop), ou vá
 em Layer&gt; 
Create Clipping Mask, aplique nas layers que contenham a foto usada,
 sua paleta de layers deve ficar como a da imagem abaixo.



10. Clique com a tecla Ctrl sobre as miniaturas das layers que contém os
 contornos feitos para ativar a seleção, em seguida vá em Select&gt; Inverse
 ou pressione Ctrl+Shift+I, clique na layer da foto que está acima desta
 layer e pressione Delete, faça isto com todos os contornos feitos, com 
isto estaremos deletando da foto usada as partes que não são 
necessárias.

11. Agora clique na layer que contém a imagem do corpo e depois vá em Image&gt; 
Adjustments&gt; Desaturate ou pressione Ctrl+Shift+U, isto irá 
deixar a foto preto e branca, em seguida vá em Image&gt; 
Adjustments&gt; Posterize, defina um valor entre 8 e 9 e pressione 
Ok, faça isto em todas as layers de foto que estamos trabalhando (corpo,
 rosto, cabelo e vestido), porém cada parte do corpo possui um valor 
diferente no filtro Posterize, isto
 vai muito da foto escolhida e de quanto de detalhes queremos trabalhar 
na foto.

12. Clique na foto do corpo e pressione Ctrl+Shift+Alt+N para criar uma 
nova layer e pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, pressione a letra D do teclado para definir 
sua cor de Foreground como preta (#000000), pressione a letra P do 
teclado para selecionar a Pen Tool e crie 
seleções nas áreas escuras (sombras) do corpo primeiro pegando a cor 
preta com o tom de cinza mais próximo, a cor de base que foi feita antes
 aqui está representada pelo cinza claro, por isso todas as outras 
tonalidades serão trabalhadas mais adiante.



13. Retire a visualização da layer que acabou de ser trabalhada e 
pressione Ctrl+Shift+Alt+N para criar mais uma layer, aplique outro Clipping 
Mask pressionando Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou indo em Layer&gt; 
Create Clipping Mask, pressione a letra P para selecionar a Pen Tool e desta 
vez selecione a cor preta junto com mais 2 tonalidades de cinza, repita o
 processo de crição de layer e seleção ao redor da cor até ter 
selecionado todas as cores, sempre que for criar uma nova layer retire a
 visibilidade da layer anterior, no tutorial foram criadas 4 layers de 
seleções em preto, porém isso pode variar dependendo da imagem ou nível 
de detalhe no filtro Posterize, 
agora defina sua cor de Foreground em branca (#ffffff), pressione 
Ctrl+Shift+Alt+N para criar uma nova layer e depois pressione Ctrl+Alt+G
 (Ctrl+G no Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, pressione a letra P do teclado para selecionar
 a Pen Tool e crie 
uma seleção nas áreas claras da imagem, no tutorial foram feitas duas 
layers pegando do tom mais claro para um escuro e depois do claro para 
dois tons mais escuros, depois de feito isso ative a visualização de 
todas as layers (com excessão da layer da foto do corpo) e mude o modo 
de blend das layers que acabamos de criar para Soft Light.
 



Sua imagem deve estar parecida com a imagem abaixo.



14. Diminua a opacidade das layers que acabamos de trabalhar (seleções 
de preto e branco do corpo) para 30%, clique com a tecla Ctrl 
pressionada na miniatura da primeira layer de sombra (seleção em preto) 
para ativar a seleção ao redor, pressione Ctrl+Shift+Alt+N para criar 
uma nova layer e vá em Select&gt; 
Modify&gt; Contract e defina um valor de 3 pixels, clique em Ok, 
pressione a letra G do teclado para selecionar a Paint Bucket 
Tool e preencha a seleção com a cor preta, mude o modo de blend da 
layer para Soft Light
 e defina o valor de 30% para Opacity, faça isto para cada layer em 
preto e branco (do corpo) que acabamos de trabalhar, sua imagem irá 
ficar assim.



15. Agora iremos trabalhar o vestido, o processo é o mesmo, pressionar 
Ctrl+Shift+Alt+N para criar uma nova layer, Ctrl+Alt+G (Ctrl+G no 
Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, pressionar a letra P do teclado para 
selecionar a Pen Tool e ir 
criando as seleções sempre em novas layers e retirando a visibilidade da
 layer anterior, ao final mudar o modo de blend da layer para Soft Light
 com opacidade de 30%.



16. O próximo passo é trabalhar o rosto, como o mesmo processo que 
fizemos anteriormente, por enquanto trabalhe a penas o rosto sem mexer 
nos olhos e lábios



17. Agora trabalharemos o cabelo, que é a parte mais complicada e 
demorada, para começar faça todo o processo que foi aplicado em outras 
partes do corpo e descrito anteriormente.



18. Adicione mais detalhes na cor branca e na cor preta para deixar os 
cabelos mais realistas criando inclusive a direção do penteado para dar 
mais realismo como pode ser observado na imagem abaixo.



19. O último passo para o cabelo é criar alguns fios que saem para dar 
mais realismo, pressione Ctrl+Shift+Alt+N para criar uma nova layer, 
pressione a letra G do teclado para selecionar a Paint Bucket 
Tool e pinte esta nova layer com a cor cinza clara, coloque esta 
layer abaixo das outras para criar um fundo cinza, este fundo servirá 
apenas para criar um contraste e ajudar na visualização dos traços, 
novamente crie uma nova layer acima da layer do cabelo pressionando 
Ctrl+Shift+Alt+N, não crie um Clipping Mask para esta layer, defina sua 
cor de Foreground com a cor #5E2E24, pressione a letra P do teclado para
 selecionar a Pen Tool e 
desenhe pequenos fios saindo do cabelo como mostrados nas fotos abaixo.



20. Abaixo você pode ver as áreas que foram criadas selecionadas e 
depois como ficou.





21. O próximo passo será criar os elementos do rosto, começando pelas 
sombrancelhas, pressione Ctrl+Shift+Alt+N para criar uma nova layer 
acima da layer do rosto, defina sua cor de Foreground para #5E2E24, 
pressione a letra P do teclado para selecionar a Pen Tool e crie a
 seleção ao redor da sombrancelha, depois clique com o botão direito do 
mouse e escolha a opççao Fill Path e 
pressione Ok.



22. Pressione Ctrl+Shift+alt+N para criar uma nova layer, pressione a 
letra P do teclado para selecionar a Pen Tool e crie 
uma seleção ao redor da parte branca do olho direito, preencha com a cor
 #A18D97, nunca com a cor branca pura.



23. Pressione Ctrl+Shift+Alt+N para criar mais uma layer e retire a 
visualização da outra layer do olho, pressione a letra P do teclado para
 selecionar a Pen Tool e crie 
uma seleção ao redor da íris, preencha a seleção com a cor #343C31, 
novamente pressione Ctrl+Shift+Alt+N para criar uma nova layer e retire a
 visualização da layer que estavamos trabalhando (a layer da íris), 
pressione a letra P do teclado para selecionar a Pen Tool e 
desenhe ao redor da pupila, preencha a seleção com a cor preta, ative a 
visualização das 2 outras layers do olho para ver como está ficando.



24. Pressione Ctrl+Shift+Alt+N para criar uma nova layer onde faremos os
 cílios, crie a seleção e preencha com a cor preta, logo após pressione 
novamente Ctrl+Shift+Alt+N para criar uma nova layer e posicione esta 
layer abaixo das outras layers do olho, pressione a letra P do teclado 
para selecionar a Pen Tool e 
desenhe as áreas de sombra do olho, ao final preencha a seleção com a 
cor preta, mude o modo de blend da layer para Soft Light,
 ao final teremos 3 layers com sombras e áreas escuras e 2 de áreas 
claras, deixe as layers de áreas claras com modo de blend Soft Light
 e opacidade em 100%, as áreas de sombra (pretas) ficam com modo de 
blend em Soft Light
 e opacidade em 80%.



25. Clique na layer que contém a parte branca do olho e pressione 
Ctrl+Shift+Alt+N para criar uma nova layer e depois pressione Ctrl+Alt+G
 (Ctrl+G no Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, defina sua cor de Foreground em branca 
(#ffffff), pressione a letra P do teclado para selecionar a Pen Tool e 
desenhe duas áreas como as mostradas na foto abaixo, preencha com a cor 
branca e defina o valor de 70% para a opacidade da layer.



26. Pressione Ctrl+Shift+Alt+N para criar outra layer e depois pressione
 Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, pressione a letra P do teclado para selecionar
 a Pen Tool e 
desenhe duas áreas como as da foto abaixo, preencha as seleções com a 
cor preta e mude o modo de blend da layer para Soft Light.



27. Agora clique na layer da íris e depis pressione Ctrl+Shift+Alt+N 
para criar uma nova layer, pressione Ctrl+Alt+G (Ctrl+G  no Photoshop 
CS) ou vé em Layer&gt; 
Create Clipping Mask, pressione a letra B do teclado para 
selecionara Brush Tool, 
defina um tamanho de 3 pixels, e desenhe um contorno ao redor da área 
verde usando a cor preta, pressione Ctrl+Shift+Alt+N para criar uma nova
 layere pressione Ctrl+Alt+G (Ctrl+G no Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask, pressione a letra B do teclado para selecionar
 a Brush Tool 
novamente e com a cor branca desenhe alguns pontos em volta da área 
verde do olho, mude o modo de blend da layer para Soft Light
 com 70% de opacidade. 



28. Pressione Ctrl+Shift+Alt+N para criar uma nova layer acima da layer 
da pupila, pressione a letra B do teclado para selecionar a Brush Tool com 
tamanho de 1 pixel na cor branca, desenhe um ponto como o da foto 
abaixo.



29. Neste momento sua imagem deve estar parecida com a imagem abaixo.



30. Para o olho esquerdo basta duplicarmos o olho direito, para isso 
criamos um layer set (uma pequena pasta contendo todas as layers do 
olho), para criar a layer set clique no ícone de uma pasta que fica no 
rodapé da paleta de layers, isto irá criar uma pequena pasta na sua 
paleta de layers, clique e arraste todas as layers do olho para dentro 
desta pasta, feito isto clique com o botão direito do mouse sobre a 
pasta e escolha a opção Duplicate Layer Set, clique na pasta que foi 
criada e vá em Edit&gt; 
Transform&gt; Flip Horizontal, pressione a letra V do teclado para 
selecionar a Move Tool e mova
 o olho para a posição correta, pressione Ctrl+T para acertar o ângulo 
correto do olho em relação ao rosto.



31. Agora faremos os lábios, escolha uma cor qualquer, para este 
tutorial usamos um vermelho escuro (#A7545B), pressione Ctrl+Shift+Alt+N
 para criar uma nova layer e depois pressione a letra P do teclado para 
selecionar a Pen Tool, crie o 
contorno dos lábios e preencha na cor escolhida, novamente pressione 
Ctrl+Shift+Alt+N para criar outra layer, pressione Ctrl+Alt+G (Ctrl+G no
 Photoshop CS) ou vá em Layer&gt; 
Create Clipping Mask e crie uma seleção ao redor das áreas escuras 
dos lábios.



32. Crie também a divisão dos lábios, ao final mude o modo de blend da 
layer para Soft Light
 com opacidade em 55%.



33. Crie mais algumas camadas repetindo os passos feitos em outras 
partes do corpo até achar que conseguiu um bom resultado.



34. Para o nariz, pressione Ctrl+Shift+Alt+N para criar uma nova layer e
 pressione a letra P do teclado para selecionar a Pen Tool, crie 
uma seleção ao redor das narinas e definições do nariz e preencha com a 
cor preta, mude o modo de blend da layer para Soft Light.



35. Abaixo a imagem no final.



36. Com algumas variações de Background.





<a href="http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html#" onclick="hwClick(&quot;Participe&quot;);return false;" oncontextmenu="return false;" onmouseout="hideMaybe(this, 
&quot;Participe&quot;); this.style.cursor=&quot;hand&quot;; 
this.style.textDecoration=&quot;underline&quot;; this.style.borderBottom=&quot;dotted 
1px&quot;; " onmouseover="hwShow(event, this, &quot;Participe&quot;); this.style.cursor=&quot;hand&quot;;
 this.style.textDecoration=&quot;underline&quot;; 
this.style.borderBottom=&quot;solid&quot;;" style="border-bottom: 1px dotted; color: #cc3333; text-decoration: underline;">Participe deixando seu 
comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo 
um "Olá!" na parte de comentários deste Post, sua participação é 
extremamente importante para o blog e também para todos os leitores que 
posteriormente terão acesso aos tutoriais e matérias que oferecemos por 
aqui.


Caso não queira ficar de fora das atualizações diárias do blog você tem 3
 opções bem práticas:






&nbsp;Siga-me
 no Twitter.
Cadastre-se e 
receba por e-mail o resumo diário do que foi postado aqui no blog.
Cadastre nosso 
endereço RSS para receber as atualizações via leitor de Feeds.

Obrigado por ter votado no ::Tutoriais Photoshop::
 para o iBest e Peixe Grande 2008 e 2009! Até a próxima!!




PDRTJS_settings_36439 = {
 "id" : "36439",
 "unique_id" : "default",
 "title" : "",
 "permalink" : ""
};










Editado por Andre Sugai
 em 21.9.07