Como transformar uma imagem normal em ilustração.

COMPARTILHE:

Descrição: Neste tutorial veremos como transformar uma foto comum em uma ilustração. Tutorial Intermediário 01. Pressione Ctrl+O e a...

Preview Descrição: Neste tutorial veremos como transformar uma foto comum em uma ilustração.


Tutorial Intermediário



01. Pressione Ctrl+O e abra uma imagem qualquer, neste tutorial usaremos a imagem abaixo.

tutoriais photoshop





02. Vá em Layer> New Fill Color> Solid Color, presione Ok e escolha a cor branca, vá em Layer> Hide Layers, pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de Basic Shapes e pressione Ok, vá em Layer> Hide Layers, clique na layer Background (que contém a foto usada) e pressione a letra P do teclado para selecionar a Pen Tool, crie algum traços para definir a forma da pessoa na foto (caso não saiba como usar a Pen Tool clique aqui), crie alguns traços como nas fotos abaixo.

tutoriais photoshop

tutoriais photoshop

tutoriais photoshop

03. Agora clique na layer Basic Shapes e vá em Layer> Show Layers, clique na Fill Layer e vá em Layer> Show Layers para ativar a visualização de ambas as layers, clique na layer Basic Shapes, agora pressione a letra B do teclado para selecionar a Brush Tool, selecione um brush qualquer, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de 12% para Roundness, 45º para Angle, agora clique em Shape Dynamics e defina o valor de 100% para Size Jitter, 35% para Minimum Diameter e 5% para Angle Jitter e feche a janela de Brushes, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra A do teclado clique para selecionar a Direct Selection Tool com o botão direto do mouse sobre um dos traços criados com a Pen Tool e escolha a opção Stroke Path, na caixa que irá abrir clique na opção Simulate Pressure e escolha a opção Brush no menu dropdown e pressione Ok, caso seu traço fique muito fino ou muito grosso pressione Ctrl+Z para desfazer a ação, pressione a letra B do teclado para selecionar a Brush Tool e defina outro tamanho para seu Brush.

tutoriais photoshop

tutoriais photoshop

04. Repita os passos 02 e 03 algumas vezes até completar todos os detalhes de sua ilustração.

tutoriais photoshop

tutoriais photoshop

05. Clique na layer Background e pressione Ctrl+J para duplicar a layer, coloque a cópia da layer no topo da paleta de layers (acima da layer Basic Shapes), mude o modo de blend da layer para Color, pressione a letra B do teclado para selecionar a Brush Tool, vá em Window> Brushes, clique em Brush Tip Shape e defina o valor de Angle em -45°, desabilite a opção Shape Dynamics, feche a janela de Brushes, clique na Fill Layer e pressione Ctrl+Shift+N para criar uma nova layer e dê o nome de Paint, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, defina o valor de 10% para a opacidade do Brush na barra de opções da ferramenta no alto da tela, vá passando o Brush nas áreas onde deseja colorir, sua imagem deve ficar como a da foto abaixo.

tutoriais photoshop

06. Caso precise apagar alguma parte que saiu errada a melhor maneira é pressionando a letra E do teclado para selecionar a Eraser Tool, indo em Window> Brushes e definindo os mesmos valores que foram usados na Brush Tool, defina a opacidade do Brush em 50% na barra de opções da ferramenta e aplique nas partes que devem ser apagadas, para modificar as cores das peças de roupa clique na layer que estiver no topo da paleta de layers e vá em Layer> New Adjustment Layer> Hue/Saturation, arraste o slider de Hue até chegar na cor desejada, ajuste o slider de Saturation, clique no ícone da máscara que existe ao lado da Adjustment Layer e pressione Ctrl+I para inverter, pressione a letra E do teclado para selecionar a Eraser Tool, certifique-se de que a opacidade da layer esteja em 100% na barra de opções da ferramenta, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco e passe a Eraser Tool nas áreas onde deseja mudar a cor da roupa.

tutoriais photoshop

07. Use a mesma técnica até modificar tudo que deseja na imagem.

tutoriais photoshop

tutoriais photoshop

08. Clique na layer Paint e pressione Ctrl+Shift+N para criar uma nova layer, dê o nome de bkg paint e pressione Ok, pressione a letra B do teclado para selecionar a Brush Tool, defina um tamanho grande para o Brush com opacidade em 5% e passe no Background da ilustração, ao final sua imagem estará como a da foto abaixo.

tutoriais photoshop





site de origem: http://psdtuts.com/photo-effects-tutorials/create-an-illustrated-look-from-a-photograph/


COMENTÁRIOS

BLOGGER: 35
  1. VALEU AE ANDRÉ !!!!!!!!!!!!!!
    VC EH O CARA!!!!
    MUITISSIMO OBRIGADO!!
    AGRADECIDO!
    xD

    ResponderExcluir
  2. André, Gostaria de saber ComO fazer um Efeito tipo esse oh

    http://images.orkut.com/orkut/albums2/ATgAAAAR3ULILNnAjuW2rK5lsUeSPXvLNTEyOBHsRpyXtO81Xx2cxbpkcmmptZzJO95-L17EXSYRB9RUIbv6mIX8vKvtAJtU9VADDd2ddWLqNj4F-4K1E1K0EewjTg.jpg

    desde jah agradeço.
    parabens pelo Blog

    ResponderExcluir
  3. caara...
    nossa, eu me considero um leitor bem exigente do seu blog, e sempre cobro quando acho que o tuto não ficou "a altura", então, o minimo que eu devia fazer era elogiar esse aqui, o tutorial é simplesmente ótimo!
    abraços!

    ResponderExcluir
  4. Boa noite!!!

    Você, André, soube escolher muito bem o tutorial.
    Esse é show!

    Um abração.

    Minha.

    ResponderExcluir
  5. Algumas dúvidas:

    2ºParte:
    Os traços seram feitos na camada com a foto não é ?

    3º Parte:

    Após fazer isto "abrir clique na opção Simulate Pressure e escolha a opção Brush no menu dropdown e pressione Ok" o brush era pra selecionado ou temos que fazer isso ?
    E qual é a camada para terminar o desenho ?
    A camada Basic Shapes ?


    Muito o tutorial........Obrigado desde já...................

    ResponderExcluir
  6. André uma dúvidazinha....
    depois de adicionar a hue/saturation eu não consegui passar a borracha, eu clico na mascara, mas diz que não pode ser editado...

    ResponderExcluir
  7. Bom dia André,

    Adoro seu blog, tem me ajudado muito. E justamente por essa ajuda é que eu tenho uma sugestão que acredito todos os seus visitantes iriam adorar.

    Ví que teu blog completou um aninho de vida, e que foi premiado pelo prêmio IBEST. Que tal comemorar essas duas vitórias com um presentão aos seus visitantes?

    Minha idéia é: Que tal se você compilasse em um arquivo único (PDF) todos os tutoriais já publicados neste primeiro ano de vida, como forma de presentear os seus visitantes assíduos?

    Ótima idéia né? Eu ia adorar.

    Forte abraço

    ResponderExcluir
  8. eu tentei fazer ..mas nao saiu...quando foi pra fazer a nova camada chamada paint e pintar com brush....ficou errado...saiu bem o fundo mas moça mesmo ...não deu certo ...

    o que sera que deu errado ???
    brigadinho ...

    ResponderExcluir
  9. André uma dúvidazinha....
    depois de adicionar a hue/saturation eu não consegui passar a borracha, eu clico na mascara, mas diz que não pode ser editado...

    ResponderExcluir
  10. Muito bom o tutorial! ficou bem maneiro o efeito... só tive uns probleminhas na hora de pintar, ficou meio esquisita, mas acho que com um pouco mais de prática melhora. Parabéns!

    ResponderExcluir
  11. Cara...Esse tutorial salvou meu namoro! Fiz uma montagem minha e da minha namo!! hehe vlw! Não páre de postar nunk cara! Conheço muitos fãs seus! E eu sou um deles! abraço!

    ResponderExcluir
  12. ANDRE...QUERIDO....BOA TARDE...NAO CONSEGUI NEM PASSAR DA PRIMEIRA ETAPA DAS CAMADAS LA... AFINAL DE CONTAS...QQ É ESSA HIDE LAYER q eu nao acho aki... putz!

    =(

    me ajudaaaaa... uso PHOTOSHOP 7.0 ta ligado ne? mas no mais, parabens...seu espaço é perfeito!

    beijos querido

    ResponderExcluir
  13. No segundo passo, há um termo ainda sem tradução, que é o "hide layers" que em português no photoshop ficou "ocultar camadas".

    Peri

    ResponderExcluir
  14. Outras traduções:
    No passo 3, a tradução para "show layers" fica "mostrar camadas", "Window> Brushes" fica janela - pincél, "Roundness" é redondez, "angle" é ângulo,

    "Stroke Path" significa "Traçar Subdemarcador" e "simulate pressure" significar "simular pressão" e "brush" é "pincel"


    Peri

    ResponderExcluir
  15. Cara! muito bom!
    parabens!


    tive umas dificuldades rsrs...
    eu uso o Photoshop 7.0 e não consigo usar direito o pen tool, não consigo deixar os traços abertos...eles se sempre se fecham sozinhos...
    como eu faço??

    Valeu, mais uma vez parabens!

    ResponderExcluir
  16. mais cara meu PS eeh in portugues como eu vo mexe si vs explica as coisas in ingles ?

    ResponderExcluir
  17. Andre,

    O efeito é ótimo.
    Gostaria que voces lembrasem que isto é um tutorial, sugiro que efetuaem os passos em paragrafos diferentes e uma outra coisa muito importante esta a questão de Português x Inglês, os comandos a grande maioria esta sem tradução, ou não conseguimos achar "mesmo em português".

    Volte a fazer os tutorias com mais passos fica mais facil para acompanhar.

    Espero que use isto como sugestão e não como crítica.

    Ps. não esqueça de efetuar as traduções deve ajudar um pouco mais.

    Obrigado

    ResponderExcluir
  18. Oi, André...
    Primeiramente quero dizer que virei fã disso aqui!
    Então, aproveito para tirar uma dúvida: quando eu termino de fazer o passo 3, o que era pra aparecer em preto, fica transparente... Aparecem as linhas que eu desenhei com a Pen Tool, mas não o efeito.
    Por favor, me tira essa dúvida :)
    Se possível, responde no meu e-mail: bia_issler@hotmail.com
    Obrigada desde já.

    ResponderExcluir
  19. Olaa... estou com um problema
    Meu photoshop é em inglês mesmo, mas não encontro o hide layers!
    Obrigada

    ResponderExcluir
  20. Oi André,
    Parabéns pelo seu trabalho é fantástico....
    Meu fotoshop é 7.0 em portugues e eu n consegui fazer o seu passo-a-passo, gostaria muito que vc me ajudasse!!!

    ResponderExcluir
  21. Oi André,
    Parabéns pelo seu trabalho é fantástico....
    Meu fotoshop é 7.0 em portugues e eu n consegui fazer o seu passo-a-passo, gostaria muito que vc me ajudasse!!! se puder responder meu e-mail: anairicevolto@itelefonica.com.br

    ResponderExcluir
  22. Simplimente massa...

    MuitO Bom..

    ResponderExcluir
  23. Muito bom, gostei da iniciativa de criar o Tutoriais Photoshop. Gostaria também de poder
    passar alguns conhecimentos. Como faço?
    Entrem em contato: gmaganos@gmail.com

    Gerb Maganos

    ResponderExcluir
  24. O meu tambem é em portugues, não consigo encontrar o hide layerss!
    Tem como me ajudar?? Por favor
    rahsbeghen@hotmail.com

    ResponderExcluir
  25. Eu li o tuto sobre a pen tool, mas ainda não sei criar mais de uma linha, quando quero terminar a minha, não sei como fazer outra, pois ele continua a linha que estou fazendo, portanto me perdi no passo 02. huhuiaHuia
    Se puder me ajudar, agradeço

    ResponderExcluir
  26. Shooow, muito bom...farei com certeza em uma foto minha!!! Parabéns!!! Muito Bom o tutorial!!!

    ResponderExcluir
  27. legal issso
    mas nos usuarios queremos montar nossas proprias imagens

    ResponderExcluir
  28. legal!
    mais nos usuarios queremos montar nossas proprias imagens

    ResponderExcluir
  29. eu fiz, ficou um lixo o meu 'bua

    ResponderExcluir
  30. ALEXANDREHARALAMPIDIS@YAHOO.COM.BR26 de junho de 2009 11:53:00 BRT

    ola, gostaria de saber se o photoshop 7.0 não tem HIDE LAYERS.
    POIS MUITOS DOS TUTORIAIS NAO CONSIGO SEGUIR POR FALTA DESTA FERAMENTA.
    ESPERO RESPOSTAS
    OBRIGADO

    ResponderExcluir
  31. também nao estou achando o hide layers, e o meu também é o 7

    ResponderExcluir
  32. Cara, baixa o CS4, eu uso-o e aprovo. Muito bom, o 7.0 esta muito atrasado.

    Minha montagem não ficou assim, tão boa quando a do tutorial, mais fiz um cartão todo desenhado com fotos de minha namorada junto a mim é claro, Ficou show de bola, tirei o esquema que toca música em cartão quando aberto, coloquei nesse.
    Ta ai uma idéia que vocês podem fazer.

    ResponderExcluir
  33. E qual é o photoshop que usa aí?

    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,415,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,33,ícones,96,idc,2,imagem,1,infográfico,1,inspiração,34,janeiro,480,julho,494,junho,393,kingston,16,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,520,outubro,748,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,216,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,489,video mapping,3,wallpaper,1,warspear,1,wbgames,1,web,25,webfont,1,wix,3,xma,5,
ltr
item
::Tutoriais Photoshop::: Como transformar uma imagem normal em ilustração.
Como transformar uma imagem normal em ilustração.
http://www.andresugai.org/Tutoriais/06.2008/T04/imagem13.jpg
::Tutoriais Photoshop::
https://www.tutoriaisphotoshop.net/2008/06/como-transformar-uma-imagem-normal-em.html
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/
https://www.tutoriaisphotoshop.net/2008/06/como-transformar-uma-imagem-normal-em.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