no , , , ,

Tutorial: Como Transformar uma foto em desenho (Com Vídeo)

Descrição: Aprenda como transformar uma foto em desenho utilizando ferramentas, modos de blend e filtros combinados no Photoshop.

revisado dia 20/01/2021.

Tutorial Intermediário

Vídeo

Link para download da imagem: http://yabuilder.com/7n9J

01. Para transformar uma foto em desenho 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> Filter Gallery> 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.

Escrito por André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, venceu o prêmio iBest na categoria tecnologia em 2008 e dois prêmios de criatividade da Adobe. Ex-colaborador do Tech Tudo (http://Globo.com), iMasters (UOL) e Revista Photoshop Creative.

$ s Comentários

Deixe uma resposta
  1. 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!

  2. 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!!

  3. 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

  4. 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!
    tutoriaisphotoshop.blogspot.com/2006/10/ps-help.html

  5. 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

  6. 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!!

  7. 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

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

  9. 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

  10. 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!!

  11. 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!! 🙂

  12. 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[at]gmail.com

  13. 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.

  14. 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

  15. 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”

  16. 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

  17. 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.

  18. 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,
    :/

  19. 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…

  20. 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

  21. 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

  22. 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

  23. 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

  24. 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!

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

    SOCOORRRO….!!!!!

  26. 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

  27. 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!!!!!

  28. 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

  29. 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!

  30. 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

  31. 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!
    😉

  32. 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

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

  34. 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!

  35. 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

  36. 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!

  37. 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?

  38. 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.

  39. 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.

  40. olá muito bom , parabens. Mas estou com um pequeno problema, após o passo 7, nao consigo fazer mais nada pois a camada some e as opçoes de filtro ficam todas desativadas. pode me ajudar? 🙁

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

5 × cinco =

Tutorial: Criando relâmpagos

Dove.