em , , , , ,

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.

Deixe um comentário

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

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

118 Comments

  1. 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? :(

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

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

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

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

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

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

  8. 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!
    ;)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Tutorial: Criando relâmpagos

Dove.