Transformando uma foto em ilustração com múltiplos resultados finais

COMPARTILHE:

Descrição: Hoje veremos uma técnica que resulta em uma imagem que lembra muito uma ilustração, no decorrer do tutorial é possível conseguir...

Preview Descrição: Hoje veremos uma técnica que resulta em uma imagem que lembra muito uma ilustração, no decorrer do tutorial é possível conseguir 3 resultados diferentes com a mesma técnica, para isto usaremos algumas ferramentas de seleção, filtros e modos de blend.

Tutorial Intermediário


01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo.

tutoriaisphotoshop.net

02. Clique e arraste a layer para o ícone de Create a New Layer no rodapé da paleta de layers ou pressione Ctrl+J para duplicar a layer.

tutoriaisphotoshop.net

03. Vá em Filter> Stylize> Find Edges.

tutoriaisphotoshop.net

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

tutoriaisphotoshop.net

05. Pressione Ctrl+L para abrir a caixa de Levels, aumente a intensidade do preto e do cinza na imagem, seu gráfico de verá ficar parecido com o da foto abaixo.

tutoriaisphotoshop.net

06. Agora vá em Image> Adjustments> Threshold.

tutoriaisphotoshop.net

07. Para cada tipo de imagem o valor será diferente mas tente deixar a imagem como a da foto abaixo.

tutoriaisphotoshop.net

08. Agora vá em Filter> Blur> Gaussian Blur, deixe sua imagem como a da foto abaixo.

tutoriaisphotoshop.net

09. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas suaves e tamanho médio, apague eventuais sujeiras que podem ter sobrado depois da aplicação do filtro, vá em Filter> Artistic> Cutout.

tutoriaisphotoshop.net

10. Defina os valores abaixo e pressione Ok.

tutoriaisphotoshop.net

11. Clique na layer Background novamente e arraste para cima do ícone de Create a New Layer ou pressione Ctrl+J para duplicar a layer.

tutoriaisphotoshop.net

12. Deixe a layer duplicada no topo da paleta de layers e mude o modo de blend para Multiply.

tutoriaisphotoshop.net

13. (Opcional 1) Vá em Layer> Hide Layers para retirar a visibilidade da layer duplicada (que está no topo da paleta de layers), clique na layer onde temos nossa imagem preto e branco, crie uma seleção (usando a ferramenta que você achar mais prática, Lasso Tool, Pen Tool, Quick Mask etc).

tutoriaisphotoshop.net

14. Com a seleção feita clique no ícone de Quick Mask Mode no rodapé da paleta de ferramentas, sua imagem deverá ficar como a da foto abaixo, vá em Filter> Blur> Gaussian Blur e defina o valor de 3 pixels para o Radius, pressione Ok.

tutoriaisphotoshop.net

15. Pressione a letra Q do teclado para ativar a seleção novamente, clique na layer que retiramos a visibilidade e vá em Layer> Show Layers para ativar a visibilidade da layer, pressione Delete e sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

16. (Opcional 2) Agora a outra opção é, com a seleção ainda ativa clique na layer colorida que está no topo da paleta de layers, pressione Ctrl+Shift+I para inverter a seleção, o céu ficará selecionado, pressione Delete, sua imagem ficará como a da foto abaixo.

tutoriaisphotoshop.net

17. (Opcional 3) Este passo continua onde o passo 12 parou, vá em Filter> Noise> Median, defina um valor baixo no campo Radius, quanto maior for o valor menos detalhes sua imagem terá.

tutoriaisphotoshop.net

18. Agora pressione Ctrl+L para abrir a caixa de Level e defina os valores abaixo.

tutoriaisphotoshop.net

19. Pressione Ctrl+J para duplicar a layer, mude o modo de blend da layer para Overlay, defina a opacidade em 50%, pressione Ctrl+J para duplicar a layer novamente, vá em Filter> Blur> Radial Blur, pressione Ok, mude o modo de blend da layer para Screen e defina a opacidade em 50%, sua imagem no final ficará como a da foto abaixo.

tutoriaisphotoshop.net

site de origem: http://tutorials-place.com/content/articles/item/photo-to-sketch-and-painting-new-way/

COMENTÁRIOS

BLOGGER: 9
  1. Oi Guilherme, também gostei bastante dos inúmeros resultados que são possíveis através deste efeito, obrigado pela visita!

    ResponderExcluir
  2. Boa tarde.
    Eu gostaria de parabeniza-ló pelo seu belissímo trabalho.
    Eu entro no seu blog todos os dias.
    Na semana passada eu entrei e havia um tutorial muito legal, era de uma
    composição de foto com rolo de filme para casamento.
    Só que agora eu não estou encontrado no seu blog, teria como me mandar por e-mail?

    Ficaria muito grata.
    Suelhybento@yahoo.com.br
    Carandaí-MG

    ResponderExcluir
  3. Boa Tarde andré! Sou fã do seu blog, tenho até cadastrado meu e-mail para receber noticias de atualizações, e este tuto ficou realmente incrivel! Apesar de ter tentado com outra foto e não ter ficado bom, gostei mesmo da explicação, só uma dúvida, como optei pelo opcional 3, quando você pede para colocar o "Median" e diz defina os valores abaixo, na foto abaixo a tabela é da Levels e não da Median! então fiquei sem saber qual valor deixar no Median! E gostaria de saber um e-mail que você utilize pois preciso de uns tutoriais e não estou achando e gostaria que você me desse uma ajuda! já enviei e-mail para este CONTATO mas já faz mais de 1 semana e ainda não obtive resposta! Estou no aguardo!
    Meu e-mail é dan.machado02@gmail.com

    Abraço e mais uma vez Parabens!

    E sobre a pergunta da Suelhy ai de cima é simples de achar, como o tutorial é recente, basta entra no blog, e logo no inicio ali em cima tem um botão escrito TUTORIAL ANTERIOR, basta ir clicando nele até chegar no tutorial que deseja!

    Abraços

    ResponderExcluir
  4. Oi Kєℓℓєη, obrigado pela visita!! :)

    Oi Anônimo, o tutorial que você está procurando é o Composição de casamento.

    http://www.tutoriaisphotoshop.net/2009/11/composicao-de-casamento.html

    Como o Danilo falou logo abaixo basta você ir clicando no link Tutorial Anterior para ir voltando aos tutoriais e matérias postadas anteriormente, obrigado pela visita! :)

    Oi Danilo, foi mal pelo e-mail, deve ter passado batido, minha caixa recebe centena de e-mails por dia, utilizo o andre.sugai@terra.com.br, vou dar uma filtrada e procurar seu e-mail, respondo ainda hoje, quanto ao tutorial acabei de ver e revisar, no caso do filtro median você define o valor de acordo com o que você deseja fazer na imagem, se ele for alto vai deixar sua imagem com um aspecto de rabisco no estilo giz pastel, mas você perde detalhes, então você decide se quer mais detalhes ou menos, no caso deste tutorial o valor aplicado foi baixo, menor que 2 pixels e logo abaixo foi alterado o valor de levels para aumentar a intensidade das cores e do preto na imagem, obrigado pela visita! vou procurar seu e-mail!

    ResponderExcluir
  5. Incrivel...
    simplesmente INCRIVEL, esse foi um dos melhores totu q já vi na internet.
    Parabens pelo blog, os tutos estão me ajudando mto a aprender uns truquezinhos no photoshop.

    Vc teria um tuto com o efeito da photo do Obama, aquela com 3 cores, achei um tuto no site da photoshop creative mas eu "travo" no meio e não consigo o efeito, se vc pudesse postar alguma coisa desse tipo iria ajudar mto.

    ResponderExcluir
  6. Boaa Noiite Andréé... ! Eu gostariia muiito dee saaber coomo see colokaa traçoos pontilhaados aoo redoor daas fotoos noo Photooshoop Cs4 !!!
    Obriigadaah !

    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,412,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,123,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,517,outubro,745,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,152,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,473,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Transformando uma foto em ilustração com múltiplos resultados finais
Transformando uma foto em ilustração com múltiplos resultados finais
http://www.andresugai.org/Tutoriais/11.2009/T12/imagem19.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2009/11/transformando-uma-foto-em-ilustracao.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2009/11/transformando-uma-foto-em-ilustracao.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