Vetorizando sua foto (Falso Vetor).

COMPARTILHAR:

revisado dia 20/10/07. Descrição: Efeito que simula a vetorização real através do Photoshop. 01. Para criar este falso vetor com ...

revisado dia 20/10/07.

Descrição: Efeito que simula a vetorização real através do Photoshop.








01. Para criar este falso vetor com uma 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.



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> 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> 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> Adjustments> Desaturate ou pressione Ctrl+Shift+U, isto irá deixar a foto preto e branca, em seguida vá em Image> Adjustments> 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> 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> 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> 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> Modify> 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> 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> 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> 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> 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> 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> Transform> 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> 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.



COMENTÁRIOS

BLOGGER: 110
Loading...
Nome

.ai,18,.eps,8,.jpg,5,.png,12,.psd,287,.svg,2,2006,90,2007,380,2008,943,2009,1780,2010,1823,2011,1825,2012,1765,2013,240,2014,559,2015,1197,2016,509,360,4,abril,211,abstrato,56,actions,60,adobe,4,adobe max,1,agosto,347,ajax,1,allan portilho,1,animação,39,arte,27,artistas do photoshop,990,axis,5,backgrounds,1,basekit,1,básico,52,benq,9,bethesda,4,bgs,13,bmx,1,booombox,2,brasilmegaarena,2,brushes,93,bug,1,capcom,1,cartazes de cinema,7,cartazes de rock,114,codemasters,1,com2us,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,445,dica ninja,99,dificuldade 1,19,dificuldade 2,214,dificuldade 3,648,dificuldade 4,190,dificuldade 5,24,divulgação,1,diy,32,documentário,20,dollarphotoclub,37,download,1132,edição de vídeo,1,efeito,733,esportes,11,fastcom,3,ferramentas online,1,fevereiro,280,filme,1,flipbook,1,flow motion,1,fontes,408,fotolia,13,fotoshistoricas,40,fotosqueabalaramomundo,75,gamebau,1,gifart,2,goPro,1,gradientes,7,guest post,5,hitbox,1,hopi-hari,1,html5,3,hyperlapse,5,hyperx,9,ícones,91,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,275,julho,254,junho,228,kingston,6,layer style,22,leitores,1,lightpainting,1,live-stream,2,maio,153,março,264,matéria,468,maurício de souza produções,1,melhordasemana,17,mob2b,1,mockup,30,música,48,natal,1,novembro,527,off-topic,208,outubro,508,palestra,7,parkour,1,patern,35,pdf,1,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,positivo,10,post pago,2,prezi,1,printi,2,project ten,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,razer,19,responsivo,2,retoque de imagem,102,rixty,3,saga,3,setembro,288,shapes,2,showreel,7,skate,2,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,1,template,4,teste,1,texto,158,textura,127,tilt-shift,3,timelapse,21,tipografia,3,tp,1,tunning virtual,3,tutorial,2104,tutorial builder,2,tutorial player,2,ubisoft,32,ui,15,unboxing,1,vice,64,vídeo,459,vídeo aula,204,video mapping,3,wallpaper,1,web,18,webfont,1,xma,5,
ltr
item
::Tutoriais Photoshop::: Vetorizando sua foto (Falso Vetor).
Vetorizando sua foto (Falso Vetor).
http://www.andresugai.org/Botoes/Complexidade/5.jpg
::Tutoriais Photoshop::
http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/
http://www.tutoriaisphotoshop.net/2007/09/vetorizando-sua-foto-falso-vetor.html
true
34833248
UTF-8
Todos os Posts Carregados Não encontramos nenhum post VEJA TODOS Leia Mais Responda Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM TAG ARQUIVO BUSCA TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Domingo Seg Ter Qua Qui Sex Sáb Janeiro Fevereiro Março Abril Maio Junho Julho Agosto Setembro Outubro Novembro Dezembro Jan Fev Mar Abr Maio Jun Jul Ago Set Out Nov Dez agora 1 minuto atrás $$1$$ minutes ago 1 hora atrás $$1$$ hours ago Ontem $$1$$ days ago $$1$$ weeks ago mais de 5 semanas atrás Seguidores Siga CONTEÚDO PREMIUM Compartilhe para desbloquear este conteúdo Copie todo código Selecione todo código Todos os códigos foram copiados para o Clipboard Não foi possível copiar todo código / textos, por favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar