Transformando uma foto em desenho. | ::Tutoriais Photoshop::

Transformando uma foto em desenho.

Preview revisado dia 26/10/2007.

Descrição: Como transformar uma foto normal em desenho.








01. Pressione Ctrl+O e abra a foto escolhida, a foto que iremos usar neste tutorial será a foto abaixo.



02. Duplique a layer Background para isso vá em Layer> Duplicate Layer ou pressione Ctrl+J. Isto irá criar um nova layer com o nome de 'Layer 1'.

03. Retire a saturação da 'layer 1'. Vá em Image> Adjustments> Desaturate ou pressione Ctrl+Shift+U.



04. Duplique a 'Layer 1'. Pressione Ctrl+J e renomeie a layer criada para 'Layer 2'.

05. Inverta as cores da 'Layer 2 '. Vá em Image> Adjustments> Invert ou pressione Ctrl+I.

06. Neste momento você deve ter 3 layers, a layer Background (original), e acima dela 2 layers, a 'Layer 1' e a 'Layer 2'.



07. Mude o modo de blend da 'Layer 2 ' para Color Dodge.

Se tudo estiver certo sua imagem irá ficar completamente branca.



08. Agora aplique um Gaussian Blur na 'Layer 2' indo em Filter> Blur> Gaussian Blur. Defina o Radius como 2.



09. Pressione a letra B do teclado para selecionar a Brush Tool e defina a cor preta para Foreground, defina a opacidade do Brush por volta de 2% ou 3% e pinte sobre as áreas que você queira mais destaque.



10. Na área dos olhos aumente a opacidade para 5% ou mais e pinte para realçar.



11. Remova o fundo da foto mudando a cor do Brush para branca e pintando nas áreas que queira remover, defina a opacidade do Brush entre 25% a 50%.



12. Para criar a textura do grafite vá em Filter> Texture> Texturizer, selecione 'sandstone texture' e ajuste os valores de Scale e Relief de acordo com sua foto.



13. Ao final sua foto ficará assim.

Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

115 comentários:

  1. Parabéns este foi o melhor tutorial de desenho que eu ja vi!
    abraços

    ResponderExcluir
  2. Valeu Fernando!! este também é um dos meus preferidos aqui do blog! abraços! volte sempre!

    ResponderExcluir
  3. cara muito bom este tutorial gostei bastante, porém to com um problema aqui...

    nessa foto postada por vc eu consegui fazer tudo direitinho, parece q a luz, brilho, contraste dela está perfeito para esse tipo de trabalho... mas e quando se trata de outras fotos?

    pq eu tenho fotos aqui que eu tentei fazer, e nao ficou tao legal :/... umas fotos meio claras, outras escuras de mais... ai na hora de por "radio 2,0" ou fica branco de mais ou fica meio escuro!

    o cabelo preto das pessoas fica muitoo forte.. bom, nao sei..

    tem como dar um jeito de fazer isso mesmo que as fotos estao mais
    claras ou mais escuras?

    outra coisa, gostaria de pedir um TUTORIAL!! tem como?

    como entro em contato com vc André?

    adorei o seu blog...

    abraços!

    ResponderExcluir
  4. Oi Lucas!!, desculpa pela demora na resposta, andei com uns probleminhas aqui no blog, mas vamos lá, bom como você mesmo disse, essa foto o efeito ficou bom, e você mesmo já sabe a resposta, quando você diz que suas fotos ou estão muito claras ou muito escuras, o segredo é preparar a foto antes de começar a aplicar um efeito, deixar ela apropriada para a aplicação do efeito é o segundo passo, o primeiro é selecionar uma boa foto, digo boa quando falo de tamanho em MegaPixels, fotos de celulares ou com resolução VGA dificultam muito a aplicação de efeitos, eles acabam ficando muito ruins pelo fato da foto não apresentar uma qualidade boa, antes de começar a fazer este tutorial pegue suas fotos e vá em Image> Brightness & Contrast, lá de uma regulada e depois é só aplicar o efeito deste tutorial :), pode pedir tutorial sim.. eu dou uma pesquisada e assim que tiver alguma coisa legal eu posto aqui no blog, abraços cara!! volte sempre!!

    ResponderExcluir
  5. IRADO esse! Fiz aquie ficou SHOW!
    Parabéns!

    ResponderExcluir
  6. Valeu f.mello, fico feliz que esteja curtindo os tutoriais!!, volte sempre!!

    ResponderExcluir
  7. André parabens pelo trabalho.Meu nome é kalinne.Baixei o photoshop cs3 ontem e vim dar uma olhada pra ver se aprendia alguma coisa.Cara faz 3 horas q to aqui olhando tudo enlouquecida.Tenho maior vontade de aprender,mas nao sabia q tinha tantos efeitos.Pô mas quando chegou nesse,q ja tinha visto e sempre tive maior vontade de fazer,tive q parar amigo pra te agradecer pela boa vontade,pela paciencia,pelo tempo investido,pela responsabilidade q demonstras ter e por tudo mais.Cara virei tua fã.Um beijao e muito sucesso pra vc.
    Ah!ja ia esquecendo,eu num sei nada de photoshop,mas sou inteligente,se prepara pra tirar minhas duvidas.
    Esse eu vou fazer assim q chegar em casa.bj

    ResponderExcluir
  8. Oi kalinne, eu comecei a mexer com o CS3 esta semana também, estou adorando, uso o Photoshop há alguns anos e essa versão é uma das melhores que já vi, fico feliz que tenha curtido o blog, no que eu puder ajudarei sim!! :), no blog também temos uma seção chamada PS Help! com muita coisa pra ajudar a galera que está começando, dá uma passada por lá também!!, volte sempre kalinne

    PS Help!
    http://tutoriaisphotoshop.blogspot.com/2006/10/ps-help.html

    ResponderExcluir
  9. oi Andre,onde eu mudo as cores do brush?quando eu aplico esta sem cor nenhuma e eu nao sei onde é.to empacando nessa 9º e 11º parte pq nao to sabendo mudar a cor.o desenho ficou bom,mas nao perfeito como o seu,ficou muito clarinha.mas diz detalhado como aqui nos tutoriais,pq eu nao sei de nada,to aprendendo,apesar de q de tanto tentar fazer,nao to precisando mais ve nesse tutorial.brigadão

    ResponderExcluir
  10. Oi kalinne, na foto do passo 9 está marcado com vermelho onde se deve mudar a cor do brush, está na paleta de ferramentas, para mudar a cor basta clicar sobre o quadrado preto (da foto 9) e escolher a cor desejada, o mesmo vale para o passo 11, onde para mudar a cor para branca você deve clicar no pequeno quadrado da paleta de ferramentas e escolher a cor branca, seu brush irá pintar com a cor que estiver selecionada neste quadrado :), espero que ajude, volte sempre!!

    ResponderExcluir
  11. Oi andré, tudo bem??
    Agradeço mais uma vez por poder utilizar seu blog como ferramenta para trabalhar!!! Estou aprendendo muito por aqui!!
    Gostaria de pedir um tutorial...
    Um tutorial que ensinasse a tirar o fundo da imagem e deixar ela transparente atras.... tenho umas fotos que não gtostaria de ter o fundo para colocar outras coisas...
    obrigado
    andressa

    ResponderExcluir
  12. Ok Andressa, vou preparar algo sobre isso!! :) volte sempre!!

    ResponderExcluir
  13. Nossa !
    Parabéns pelos tutoriais, andei procurando e esse foi o melho site e tutoriais qu encontrei !!
    Parabéns pelo seutrabalho!

    ResponderExcluir
  14. muuuito bom esse tuto... realmente o melhor q ja vi até agora
    parabéns hein!!

    ResponderExcluir
  15. André!!!!!!!!
    Começei a mecher no Photoshop essa semana... mas no meu computador eu tenho o CS3.. e no passo 9 dá meio que problema..

    * Eu aperto B, mudo a cor , faço tudo o que está escrito.. mas.. nao consigo "pintar" deixar mais escuro onde quero

    Abraços
    Matheus

    ;D

    ResponderExcluir
  16. Oi Math, quando você pressiona a letra B do teclado para selecionar a Brush Tool qual o valor de Opacity na barra de opções da ferramenta no alto da tela? caso seja menos que 10% aumente o valor até sentir alguma diferença, obrigado pela visita!!

    ResponderExcluir
  17. Eu só consigo fazer uma foto em desenho se for em preto e branco? há algum jeito d deixá-la colorida?
    e cara, ótimo blog viu?

    ResponderExcluir
  18. Oi Jefferson, caso você queira colorir os traços depois de feito basta pressionar Ctrl+U, clicar na opção Colorize e mover os sliders, obrigado pela visita e pelo elogio ao blog!! :)

    ResponderExcluir
  19. Simplesmente F A N T Á S T I C O e nada mais...
    Gerb Maganos

    ResponderExcluir
  20. Noooooossa!
    melhor tuto q eu jah vi sobre
    o assunto!!!
    xD

    Grato!
    :P

    ResponderExcluir
  21. Oi Gerb, fico feliz que tenha gostado volte sempre!! :)

    OI Dihh, volte sempre!! :)

    ResponderExcluir
  22. Bom dia André, sou apaixonado por photoshop e tudo que aprendi foi com amigos como você.
    Porém gostaria que você me ensinasse como eu coloco textos em uma porta dessas de loja em que elas são sanfonadas, pois sou letrista e gostaria de apresentar uma arte para meus clientes mais real possível, e quando eu coloco o texto na porta elas, as letras não acompanham as ondulações das portas.
    Obrigado pela atencão.
    Meu nome é Alexandre José Alves da Silva e meu e-mail:a.com.visua@gmail.com

    ResponderExcluir
  23. muito boa esplicação

    simple e facil de se entender


    vlw pela ajuda


    fuuuuuuuuuuuuuuuuuuuiiiiiiiiiiiiiiiiiiii

    ResponderExcluir
  24. o unico problema é que essas paradas estão em ingles para quem tem photoshop em portugues é froids, vou trocar o meu photoshop para um gringo por causa desse site, ta com muito conteudo bom, de nivel avançado mas dificil de fazer pelo fato do idioma.

    ResponderExcluir
  25. OOii Andre!!!
    Sou Betinh@...(desculpe anda nao me cadastrei...to aprendendo)
    Comecei agora e sou apaixonada por fotografia e por PS!!
    Vç é o meu IDOLO!!!cara,tu saca muito e tem a maior boa vontade de ensinar o que sabe!!!!isso é divino!!!!Deus te abençoe por isso! é muito legal...
    To começando agora e nao vou te largar....
    BBBjjkssss

    ResponderExcluir
  26. Parabens pelo tutorial perfeito.Muito bom ,bem didático . Continue nos ajudando .grata
    bjus

    ResponderExcluir
  27. Te amo! aheuhaueuaheaueaue... falando sério: valeu mesmo!

    ResponderExcluir
  28. ola! parabens pelo tutorial. muito bem explicito.
    Só que eu como sou novo no photoshop tive uns problemas.
    É que nao consigo passar do 9º topico :(, nao consigo utlilizar nenhuma ferramente. será que me podes aJudar?
    "VALEU"

    ResponderExcluir
  29. Aiii Consegui metadee...
    pq meu photoshop é em português..
    daii não consegui terminar gostaria que vc me expplicasse como ficaria passso a passo a camada como seria nome que ia tah lá.
    Grata Ilka Gomes

    ResponderExcluir
  30. Olá, realmente o tutorial mais fácil de fazer e com resultados execelentes, tratando-se de desenhos apartir de imagens.
    Muito bom, gostei!
    Abraço e tudo de bom,
    Gabriel B. Neutzling.

    ResponderExcluir
  31. mesmo problema da Ilka gomes.
    meu photoshop é o CS2 em português e eu não consigo aquele aplique que você fez que ficou tudo brando, fui traduzir ve se dava, mas a tradução deu "cor esquivo "
    dae não fiz mais,
    :/

    ResponderExcluir
  32. show muitooooooooooo bom nota 10 valew pelo tuto

    ResponderExcluir
  33. meu photoshop é o cs3 e tá em portugues...
    e sou pessimo pra traduzir ou achar essas opções...
    se não fosse pedir muito, será que tem como colocar os nomes das ferramentas da versão CS3 em portugues?
    a tradução não é nada com nada...

    ResponderExcluir
  34. No meu ps não achei no menu filter a opção blur,e não consegui deixar como um desenho a minha foto.Isso é porque meu ps é o cs2?

    ResponderExcluir
  35. Parabens!!! Ficou muito legal!!!

    ResponderExcluir
  36. O Meu CS3 esta em Português e qual a opção que equivale a "Color Dodge"

    ResponderExcluir
  37. Pessoal descobri que a opção " Color Dodge " no CS3 em português equivale a " Subexposição Linear".

    ResponderExcluir
  38. Seu tutarial é nota 10 parabens.
    Espero aprender muito + no próximo ano.
    Feliz ano novo para vc e todos usuarios.
    Zefi

    ResponderExcluir
  39. Ano novo começo.. OTIMOO!
    beloO, tutorial... Parab´ns.
    abraçoO
    fui

    ResponderExcluir
  40. muito massa, so q nao tenho este programa,como faço,para ter ele??? me ajudem................

    ResponderExcluir
  41. Arrasou, deu certinho aqui. Melhor tutorial que já fiz de desenho, e olha que eu usei o cs2 em português... os atalhos ajudaram muito!

    Viviane

    ResponderExcluir
  42. quero saber se depois que eu fizer o desenho tem como colorir e como faço pra colorir?

    ResponderExcluir
  43. oooi
    baxei o photoshop ontem ;x
    e amei o tutorial
    mais ali no passo 07
    "07. Mude o modo de blend da 'Layer 2 ' para Color Dodge.
    "
    nãão sei como faz pra mudar p esse color ;x

    fora que no meu computador não fika nessa ordem
    06. Neste momento você deve ter 3 layers, a layer Background ( original), e acima dela 2 layers, a 'Layer 1' e a 'Layer 2'.
    não aparecem as fotinhas
    aparece so os nomes e assim :
    aparece a fotinha orginal em baixo dela layer via copy, depois
    desaturate, e depois desse invert
    como faço pra renomear as layers?
    to aprendendo agr e não sei mexer em nada direito :$
    hauhauha
    obrigado

    ResponderExcluir
  44. oooi,meu nome é maíra
    baxei o photoshop ontem ;x
    e amei o tutorial
    mais ali no passo 07
    "07. Mude o modo de blend da 'Layer 2 ' para Color Dodge.
    "
    nãão sei como faz pra mudar p esse color ;x
    não aparece aquela segunda janela escrito layer,channels,paths e agr ?
    é ó cs3
    obrigada

    ResponderExcluir
  45. Sensacional véi, vcs realmente smepre vão além das expectativas, um abraço e cada vez mais sucesso pra vcs!!! Paz

    ResponderExcluir
  46. Olá Andre, muito bom esse tuturial, nota 1000! Sou iniciante no software e se vc tiver mais algumas dicas ou tutoriais para trabalhar na area de design grafico manda para mim. pyter@oi.com.br

    Valeuuuuu!

    ResponderExcluir
  47. Ae cara... onde eu consgio baixar esse photoshop eu tinha mas exclui... Agora estou querendo denovo mas nao acho.

    ResponderExcluir
  48. muito bom, vc está ajudando muitas pessoas obrigado

    ResponderExcluir
  49. Realmente o melhor tutorial que ja vi!
    Meus Parabens ! Excelente! :D

    ResponderExcluir
  50. Ow..muito bom o tutorial. Só tem um probleminha..enpaquei na parte em aplicar o efeito "Filter - Blur - Gaussian Blur"...fiz td direitinho..mas o efito não se aplica na layer 2...Ajuda aí!!!
    Bjos

    ResponderExcluir
  51. Parabéns.Você é um excelente mestre(professor),digo isso porque sou professora e quando vejo avanço no meu aluno é porque sei que além da inteligência dele houve a minha competência de professora em repassar as informações.foi isso que aconteceu entre nós.Obrigada pelo tutorial e o apoio.
    DEUS LHE ABENÇOE E PROTEJA.
    BOA SORTE!

    ResponderExcluir
  52. muito bom esse tutorial ae..
    pra imagem fica perfeita é só almentar um pouquinho o constraste...
    esta de parabens!

    ResponderExcluir
  53. POW ALGUÉM PODE ME AJUDAR.....
    O MEU FOTOSHOP É EM PORTUGUÊS....
    Ñ CONSIGO ENTENDER APARTI DA 9° PARTE.....

    SOCOORRRO....!!!!!

    ResponderExcluir
  54. http://www.youtube.com/watch?v=BhKadQ6rjm8

    tutorial do photoshop em portugues

    ResponderExcluir
  55. aew andré se eu mudar a blend pra color dodge e a imagem não ficar totalmente branca o que eu faço? me ajuda aew man plis ^^
    flws

    ResponderExcluir
  56. vc fazeriaa esse photoshop p mim, se eu te mandar a ft? bjs

    ResponderExcluir
  57. verdade fala serio queria tanto fazer minha foto assim ia ficar mó massa

    ResponderExcluir
  58. obrigada me sentir uma verdadeira artista.

    ResponderExcluir
  59. Como eu baixo este programa, preciso urgente, por favor me responda.....

    ResponderExcluir
  60. ñ funcionaaaaaaaa!!!
    e véi kkkkkkkkk........
    beijus

    ResponderExcluir
  61. Melhor tutorial da net

    parabens

    ResponderExcluir
  62. Simplesmente Adoreii!!!
    Minha foto ficou perfeita.
    Obrigado

    ResponderExcluir
  63. Bem explicado, excelente.Pena que não consigo trabalhar no Photshop.Não tenho curso só curiosidade. Me dei bem com o Photofiltre.Sou um velhote mexendo no computador heheheheheh. Parabéns

    ResponderExcluir
  64. parabéns!!!
    ainda bem q tenha pessoas como vc q nos ensina sem cobrar nada!
    abraços

    ResponderExcluir
  65. já faz um bom tempo que trabalho com o photoshop, fora a música, o photoshop é minha paixão, amo!!! gostaria de pedir a voce André um tutorial cujo tema central fosse a música..por exemplo: claves de sol, notas, partituras, etc...
    Amei teu blog, e sem nenhum exagero é o melhor que eu já vi, e olha que eu vivo garimpando a internet....
    Parabéns!!!!!

    ResponderExcluir
  66. Olá, adoro fotografia e amo photoshop.
    Graças a vcs estou conseguindo fazer umas montagens muito legal, (faço por distração), já estou até ensinando meu filho de 3 anos, rsrs.
    Continuem com o trb de vcs pq está otimo.
    Parabens

    ResponderExcluir
  67. PARABÉNS....
    MUITO BOM MSM!!
    FAÇA OUTROS COMO ESSE!!
    POR FAVOR
    KKKKK
    ADOREII...

    ResponderExcluir
  68. Meu isso é sem palavras....
    Parabéns

    ResponderExcluir
  69. Uaaaaaaaau! Esse ficou show!
    Eu passei o brush tool várias vezes, aumentando a opacidade e deixava cada vez mais real, tambem pus um contraste depois de pronto, ficou idêntico aos de verdade!

    ResponderExcluir
  70. muito bom eu só queria saber se da para engrossar a linha?
    se der me ensine como se faz.
    obrigado valeu muito

    ResponderExcluir
  71. Excelente tutorial! Sou biólogo e trabalho com freqüência com desenhos feitos a partir de fotos tiradas em estereomicroscópios. Esse procedimento vai me poupar muito tempo e a qualidade da conversão ficou ótima.
    Marcelo

    ResponderExcluir
  72. AMEI!!!
    Faço desenhos de foto e em algumas tenho dificuldade em fazer alguns detalhes pequenos, ou sombreamentos...
    Transformando em desenho e depois reproduzir facilitou muito o meu trabalho!!
    Muuuuuuuuuuuuito obrigada!
    ;)

    ResponderExcluir
  73. sou bolito mais sou hgordo

    ResponderExcluir
  74. nao gostei ate o dumpr.net qee nao precisa baixar programa neinhuum eh melhor do ke esse e see fika meio estraho eh so abri a footoo no paint e apaga o borraooo






    odiiieeei

    ResponderExcluir
  75. OLA SOU DANIEL ... PAREI APENAS PARA DIZER: - PARABENS!!! MINHAS FOTOS FICARAM LINDAS,ESSE TUTORIAL EH MASSA. VALEU...ABRAÇOS

    ResponderExcluir
  76. Sou Adriano.
    Valeu pelo tutorial, brigadão, assim podemos ver que existem pessoas que dividem seus conhecimentos de graça, não aqueles que querem apenas ganhar dinheiro, se aproveitando das pessoas que não sabem fazer ainda. Valeu mesmo!

    ResponderExcluir
  77. Muito bom este blog. Estou começando agora com o PhotoShop e achei muito fácil.

    Abraços

    ResponderExcluir
  78. Parabén exelente tutorial eu usei o CS em portugês e ficou 100 % parabens pelo grande tutorial :)

    ResponderExcluir
  79. Parabéns tutorial perfeito, muito show : )

    ResponderExcluir
  80. cara, adorei esse tutorial! super facil e o efeito fica muito maneiro!!!

    ResponderExcluir
  81. queria saber como transformar fotos em desenhos

    ResponderExcluir
  82. Parabens cara, mais eu queria ver outros modos de desenhos, o coloridos ou em outras cores. beleza.vou ficar no aguardo valeu.

    ResponderExcluir
  83. Tu e muito bom andre parabéns esse blog eo melhor só venho aqui nele pq esses tutoriais são demais.

    ResponderExcluir
  84. adorei esse aseso goostaria d3e participra

    ResponderExcluir
  85. adoreiiii mais como abaixai esse programa ????

    ResponderExcluir
  86. vc trabalha com a coisa mais legal do brasil gostei bastante ta de parabens

    ResponderExcluir
  87. nossa eu sei e desenhar mecho com gráficas
    eu sei fazer mekhor so que isso

    ResponderExcluir
  88. O tutorial é bastante simples (não é complexo) e é muito útil para quem quer dar um 'up' em algumas fotos. Posso dizer que para o que eu queria esse tutorial foi muito útil e aprendi logo da primeira vez que fiz. Agora já posso fazer só.

    Nota: 10. xD

    ResponderExcluir
  89. isso nao parece um desenho , parece uma foto de 500 anos atras

    ResponderExcluir
  90. Muito bom! Bastante detalhado e simples de entender!

    ResponderExcluir
  91. Valeu brother excelente blog me ajudou muito sou designer valeu nota 10000...

    ResponderExcluir
  92. valeuuu, me salvou de fazer um croqui :P

    ResponderExcluir
  93. Parabéns, ótimo tutorial!!!
    Visite o nosso blog http://porrataphoda.blog.com

    ResponderExcluir
  94. CARAMBA, ANDRÉ! LI TANTOS ELOGIOS Q FICA IMPOSSÍVEL Ñ TENTAR! NUNCA FIZ USO DO PHOTOSHOP... MAS... VOU TENTAR SEGUIR SUAS INSTRUÇÕES ( EH! VC É MUITO DIDÁTICO!) E DEPOIS TE FALO. MAS, COM CERTEZA, JÁ SOU SUA FÃ!(ADOOOORO FOTOS!) VOU FAZER MUITAS PERGUNTAS E VOU ABUSAR DE FAZER PEDIDOS! ME AGUARDE! PARTINDO PRA POR EM PRÁTICA AS SUAS VALIOSAS DICAS! ATÉ MAIS!

    ResponderExcluir
  95. Posso fazer uma pergunta? Esse desfoque gaussiano (Gaussian Blur) dá uma sensação de pintura borrada. Há outro jeito de transformar uma imagem em desenho "feito a mão" em qualquer Photoshop?

    ResponderExcluir
  96. Obrigado pelo tutorial.
    Procurei muito pra fazer minha logo.
    Abraço

    ResponderExcluir
  97. Por se tratar de um tutorial, a linguagem está muito resumida para pessoas que já conhecem os termos. É complicado, eu que estou entrando neste mundo agora e que me encontro perdido. Achei que seria bem mais fácil se tivesse mais detalhes de onde entrar e como entrar, e não simplesmente termos em inglês.

    ResponderExcluir
  98. Por se tratar de um tutorial, a linguagem está muito resumida para pessoas que já conhecem os termos. É complicado, eu que estou entrando neste mundo agora e que me encontro perdido. Achei que seria bem mais fácil se tivesse mais detalhes de onde entrar e como entrar, e não simplesmente termos em inglês.

    ResponderExcluir