Tutorial: Criando uma ilustração com uma foto comum

COMPARTILHE:

Como criar um efeito que lembra muito uma ilustração a partir de uma foto comum usando filtros e ajustes de layer.

Preview Descrição: Como criar um efeito que lembra muito uma ilustração a partir de uma foto comum usando filtros e ajustes de layer.

  • [message]
    • ##check##AVISO: Criando uma ilustração com uma foto comum

      • Caso você esteja usando o Photoshop em Português coloque o mouse sobre o nome do recurso que está sendo utilizado e veja a tradução em Português. Os recursos que possuem tradução estão marcados em vermelho no texto.
        Se você tiver dúvidas sobre o uso de alguma ferramenta visite o PS Help! para saber como utilizar a ferramenta desejada.
        Alguns tutoriais não possuem a opção de download das imagens, caso queira utilizar uma imagem em alta resolução para acompanhar o tutorial visite o PS Downloads e escolha um dos sites indicados para download de imagens em alta resolução.
        Em caso de dúvidas e sugestões utilize a área de comentários logo abaixo. Obrigado :)

tutoriais photoshop

01. Pressione Ctrl+O e abra uma foto qualquer, para este tutorial usaremos a foto abaixo, caso queira utilizar a mesma imagem clique com o botão direito sobre a foto e escolha a opção Save Link As.

Criando uma ilustração com uma foto comum

02. Caso a layer que contém a foto da garota possua o ícone de um cadeado clique duas vezes sobre a layer e pressione Ok, agora pressione a letra P do teclado para selecionar a Pen Tool.

Criando uma ilustração com uma foto comum

03. Na barra de opções da ferramenta defina os valores abaixo.

Criando uma ilustração com uma foto comum

04. Crie um Path ao redor da moça na foto.

Criando uma ilustração com uma foto comum

05. Ao terminar o Path sua imagem deverá ficar como a da foto abaixo.

Criando uma ilustração com uma foto comum

06. Agora clique na opção Intersect Path Areas na barra de opções da ferramenta, como na foto abaixo.

Criando uma ilustração com uma foto comum

07. Crie Paths ao redor das partes vazadas do cabelo.

Criando uma ilustração com uma foto comum

08. Agora vá em Window> Paths, clique sobre o Path (na paleta de Paths) com o botão direito do mouse e escolha a opção Make Selection.

Criando uma ilustração com uma foto comum

09. Defina os valores abaixo e pressione Ok.

Criando uma ilustração com uma foto comum

10. A moça na foto deverá ficar com uma seleção ao redor, como na foto abaixo.

Criando uma ilustração com uma foto comum

11. Agora vá em Select> Inverse para inverter a seleção, pressione Delete.

Criando uma ilustração com uma foto comum

12. Agora pressione Ctrl+Shift+U ou vá em Image> Adjustments> Desaturate para retirar a saturação da imagem.

Criando uma ilustração com uma foto comum

13. Agora pressione Ctrl+L ou vá em Image> Adjustments> Levels para abrir a caixa de Levels.

Criando uma ilustração com uma foto comum

14. Defina os valores abaixo e pressione Ok.

Criando uma ilustração com uma foto comum

15. Algumas áreas ficarão muito sombreadas como na foto abaixo, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deverá ser a branca, pressione a letra B do teclado para selecionar a Brush Tool, passe nas partes indicadas.

Criando uma ilustração com uma foto comum

16. Sua imagem deverá ficar como a da foto abaixo.

Criando uma ilustração com uma foto comum

17. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Layer> Create Clipping Mask.

Criando uma ilustração com uma foto comum

18. Mude o modo de blend da layer para Darken.

Criando uma ilustração com uma foto comum

19. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas duras e tamanho médio, escolha uma cor qualquer, neste tutorial a cor usada foi a amarela, comece pintando o cabelo.

Criando uma ilustração com uma foto comum

20. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Layer> Create Clipping Mask, mude o modo de blend da layer para Darken, escolha outra cor, no caso deste passo a cor usada foi um rosa claro para pintar a pele da moça na foto.

Criando uma ilustração com uma foto comum

21. Repita o procedimento para todas as partes da imagem.

Criando uma ilustração com uma foto comum

22. Crie uma layer apenas para as sombras sobre os olhos, abaixo do nariz etc.

Criando uma ilustração com uma foto comum

23. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, dê o nome de background para a nova layer, deixe ela abaixo da layer com a foto usada, sua paleta de layers deverá ficar como a da foto abaixo.

Criando uma ilustração com uma foto comum

24. Clique na layer background, escolha uma cor qualquer, no caso deste tutorial a cor escolhida foi um roxo claro.

Criando uma ilustração com uma foto comum

25. Agora vá em Filter> Sketch> Halftone Pattern, defina os valores abaixo e pressione Ok.

Criando uma ilustração com uma foto comum

26. No final sua imagem ficará como a da foto abaixo.

Criando uma ilustração com uma foto comum

site de origem: http://www.psdeluxe.com/tutorials/photo-effects/drawing-realistic-color-portrait.html

COMENTÁRIOS

BLOGGER: 12
  1. Hahaha....André, vc leu meus pensamentos! Entrei aqui para tentar achar algum tutorial que transformasse as fotos em desenhos ou que pelo menos ficassem como sombras. E foi reto e direto! ashuudhasdadas Agora sim vou poder começar a criar meu convite de 18 anos! Vlw! :)

    ResponderExcluir
  2. caraca efeito pop art com qualidade
    otimo
    isso ai chama uma atençao em um poster ou cartaz
    poxa vida valeu andré esse efeito e simples e tem um impacto impagável.
    ABRACO E VALEU

    ResponderExcluir
  3. show hein, parabéns mais uma vez andré pelo tutorial^^!!!
    dá até pra se fingir de desenhista e fazer uma história em quadrinhos hein^^!!!
    vlw!!!

    ResponderExcluir
  4. Muito obrigado andre...vc é show!!!!

    ResponderExcluir
  5. Não consigo pintar o cabelo como está no exemplo. Pinta as partes negras também

    ResponderExcluir
  6. Muito bacana, no entanto, em fotos de pessoas negras os números a serem colocados nos níveis não cooperam muito..Quais vc indica nesse caso?

    ResponderExcluir
  7. olá; primeiramente parabéns !!

    Quando vou em " make selection " e defino os valores, clico em Ok aparece " Warning:No pixels were selected "......

    porque....?? não estou conseguindo prosseguir !!

    ResponderExcluir
  8. aconteceu o mesmo comigo, então usei o polygonal lasso tool, e pelo q parece, ficou do mesmo jeito. Aqui, nao estou encontrando o Create Clipping Mask. o Meu photoshop é o 7, sera q é por isso?

    Luan

    ResponderExcluir
  9. Estou tendo um problema: toda vez que eu tento pintar, a tinta fica por cima do desenho, como se borrasse a foto.
    Estou usando o Ps Cs2.
    Abraços.

    ResponderExcluir
  10. Pra mim, a foto não fica preta e branca nos levels, ela fica do mesmo jeito..

    ResponderExcluir
  11. POdiia ter escrito as coisas do photoshop em portugues ke o meu é traduzido !

    ResponderExcluir
  12. Amigo no passo 9 , quando clico em Ok aparece uma msg : "Warning:no pixels were selected" . Pode me ajudar?OBrigado!

    ResponderExcluir

Nome

.ai,71,.asl,1,.eps,24,.indd,1,.jpg,20,.png,40,.psd,594,.sketch,2,.svg,7,2006,90,2007,352,2008,942,2009,1780,2010,1822,2011,1825,2012,1764,2013,240,2014,559,2015,1195,2016,518,2017,748,2018,700,2019,410,2am,1,2axion,1,360,4,abril,378,abstrato,223,acer,1,actions,151,adobe,32,adobe experience house,1,adobe max,1,agosto,532,ajax,1,allan portilho,1,animação,39,aritana,1,arte,27,artistas do photoshop,1079,axis,5,backgrounds,1,basekit,1,básico,68,benq,9,bethesda,4,bgs,121,bmx,1,booombox,2,brasilmegaarena,2,brushes,107,bug,1,bunker,1,campus party,1,capcom,1,cartazes de cinema,117,cartazes de rock,203,cinemark,1,codemasters,1,com2us,3,concurso cultural,1,css3,1,curta,6,de(ath)sign,236,designbunkertp,1,dezembro,642,dica ninja,99,dificuldade 1,38,dificuldade 2,389,dificuldade 3,948,dificuldade 4,332,dificuldade 5,56,distortions,4,divulgação,1,diy,32,dji,1,dlink,1,documentário,105,dollarphotoclub,37,download,1780,edição de vídeo,3,efeito,1076,esportes,11,fastcom,3,ferramentas online,1,fevereiro,492,filme,3,flipbook,1,flow motion,1,fontes,569,fotolia,13,fotoshistoricas,39,fotosqueabalaramomundo,75,gamebau,1,games,214,gamevil,1,gastore,1,gifart,27,gomidia,1,goPro,1,gradientes,7,greenk,1,guest post,5,historia da foto,22,hitbox,1,hopi-hari,1,hoplon,19,html5,3,hype,2,hyperlapse,5,hyperx,31,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,15,kinship,2,layer style,43,lbee,1,leitores,1,levelup,15,lightpainting,1,lista,2,live-stream,2,magic the gathering,1,maio,336,março,466,matéria,591,maurício de souza produções,1,melhordasemana,17,mestres da pintura,35,meutimao,1,mob2b,1,mockup,39,música,48,natal,1,novembro,698,off,1,off-topic,515,outubro,743,palestra,7,parkour,1,patern,46,pdf,2,pérolas do instagram,1,photoshop básico,1,Photoshop CC,2,photoshop express,1,photoshop week,1,pixel show,1,plugin,4,png,1,positivo,16,post pago,2,prezi,1,printi,2,project ten,2,psd,2,psdownloads,1,pshelp,1,pszuero,2,purgatorium 90,1,rawar,2,razer,36,relink,141,responsivo,2,retoque de imagem,111,rixty,3,saga,12,selecaoTP,44,setembro,520,shapes,2,showreel,7,skate,59,skillab,1,smyowl,6,sony,1,speedart,3,speedpaint,8,splashscreen,1,stop-motion,9,tectoy,4,template,4,teste,1,texto,272,textura,137,tilt-shift,3,timelapse,21,tipografia,3,tp,2,tunning virtual,14,tutorial,2210,tutorial builder,2,tutorial player,2,ubisoft,71,udemy,1,ui,16,unboxing,1,vaio,1,vice,64,vídeo,706,vídeo aula,470,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Tutorial: Criando uma ilustração com uma foto comum
Tutorial: Criando uma ilustração com uma foto comum
Como criar um efeito que lembra muito uma ilustração a partir de uma foto comum usando filtros e ajustes de layer.
https://www.andresugai.org/Tutoriais/07.2009/T01/imagem27.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/07/criando-uma-ilustracao-com-uma-foto.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/07/criando-uma-ilustracao-com-uma-foto.html
true
34833248
UTF-8
Ver todos os Posts Não encontramos nenhum post VEJA TODOS Leia Mais Responder Cancelar Resposta Deletar Por Home PÁGINAS POSTS Veja Todos RECOMENDAMOS TAMBÉM LABEL ARQUIVO SEARCH TODOS OS POSTS Não encontramos nenhum post relacionado com sua busca Voltar para a Home Domingo Segunda Terça Quarta Quinta Sexta Sábado Dom 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 Seguir THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copie todo código Selecione todo código Todos os códigos copiados para o clipboard Não foi possível copiar todo código / textos, pro favor pressione [CTRL]+[C] (ou CMD+C no Mac) para copiar