no , , , ,

Efeito Cartoon.

revisado dia 16/10/2007.

PreviewDescrição: Como transformar suas fotos com um efeito que lembra muito imagens de cartoon.

Tutorial Intermediário

01. Abra a imagem a ser trabalhada, para este tutorial iremos usar a imagem abaixo, certifique-se que a imagem esteja no modo de cor RGB, para saber isso vá em Image> Mode> RGB Color, logo após conferir pressione Ctrl+J para duplicar a layer.

tutoriais photoshop

02. Agora vá em Filter> Artistic> Poster Edges.

03. Depois entre em Image> Adjustments> Brightness/Contrast e defina os seguintes valores para Brightness: 10 e Contrast: 30.

tutoriais photoshop

04. Vá em Filter> Artistic> Cut Out. E seu efeito estará terminado.

tutoriais photoshop

Site de origem: hhttp://www.photoshopcstutorial.com/photo-effects-tutorials/cartoon-drawing-tutorial.php

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. Ameeeeeeiiiiiiii esse tutorial…
    Fiz milhares de desenhos aqui!!!
    Valeu!!

  2. Cara, por favor será q vc pode dizer o nome em português da ferramenta : Cut Out, pois meu Adobe Photoshop é em português, eu tambem não achei no artigo PS Help!

    Seu blog é mil!
    Valeu!!!

  3. Oi glaucia!!, legal!! fico feliz que tenha curtido 🙂

    luan, olhei lá no PS Help! e tem sim, é só ir no link “Tradução dos filtros – Inglês/Português.”, e ir em Cutout, Cutout – Espátula, então você tem que ir em Filtro> Artistico> Espátula :), espero que ajude, volte sempre!!

  4. Andre
    primeiramente gostaria de parabenizar-te pois acho sua ideia de criar esse site super genial. Estou sempre utilizando seus tutoriais, e acho você melhor que muitos autores de livros e palestrantes de photoshop.
    Agora por favor tire-me algumas dúvidas:
    Meu photoshop é em português e o caminho que faço é o sequinte arestas posterizadas só que independente dos valores que coloco a fotografia sempre fica com um ruído muito feio que nunca consigo tirar, e no ultimo passo vou em recorte de arestas.Me mande os valores dos filtros.
    O photoshop que utilizo é o CS. Será que este é o problema?
    Acho esse um dos melhores efeitos para fotografia, sei que é alguma coisa boba que estou errando, mas já tentei mil vezes e não consigo fazer. Se tiver um tempinho me responda
    Abraços
    Luciana

  5. Olá!
    Gostei muito do tutorial, como sempre você fez um ótimo trabalho.
    Eu precisava de uma ajuda para dar esses efeitos a uma foto, principalmente o texto.
    aycu23.webshots.com/image/19462/2000316270260134959_rs.jpg

    Se você pode dar uma olhada e postar alguma coisa sobre isso agradeço ;p
    kledac[at]gmail.com
    Deixei meu email, se por algum motivo precisar.
    Abraços

  6. Oii Luciana!! 🙂 valeu pelos elogios, mas como todos aqui ainda estou aprendendo :), fico feliz que tenha curtido o tutorial, quanto a sua pergunta, bom, fica um pouco difícil de passar os valores nesse tutorial porque depende da foto, mesmo eu fazendo com outras fotos aqui em casa os valores muda, vai muito do olho mesmo.. e dependendo da qualidade da foto que você está usando, (caso ela seja muito pequena, menor que 150Kb) aí a coisa pode complicar mesmo, mas o primeiro filtro o Poster Edge(Arestas Posterizadas), ele realmente suja um pouco a foto, só no último filtro aplicado é que isso é limpo, qualquer coisa mande a foto para eu dar uma olhada, espero que tenha ajudado :), valeu pela visita, volte mais vezes!!

    Oi Anderson!! você quer recriar o efeito desta foto? se for isso posso postar sim.. é só ter um pouco de paciência :D, valeu pela visita!!!

  7. Oi André…acabei de descobrir seu blog e estou encantada com tantos tutos bem explicados. Parabéns!!!! Tentei fazer esse tuto, mas na hora de aplicar o CutOut não aparece no preview e, sinceramente, não sinto diferença qdo aplico. Parece que só chego até o Brightness/Contrast. O que estará faltando para aplicar o CutOut???? Obrigada desde já. Abraços, Val.

  8. Oi Valéria, estranho isso acontecer, bom em todo caso mexa nos sliders existentes na caixa do filtro Cutout, o primeiro Slider chamado No. of Levels deixa o efeito com mais ou menos detalhes, o segundo chamado Edge Simplicity vai deixar as bordas de cada cor separada mais suavizada ou mais quebradas, agora o Edge Fidelity quando mais você aplicar mais fiel a sua imagem original ele irá ficar, e quanto menos mais “quadrada” sua imagem ficará, agora a combinação dos tres no final é que dá o efeito, o complicado é que para cada foto esses valores mudam, então aí vai do olho da pessoa mesmo 🙂 espero que ajude, volte mais vezes!!

  9. seu blog nao é apenas bom é maravilhoso
    =D
    parabensss
    fico esperando anciosamente os proximos posts

  10. Amigo seu blog com tutoriais é simplesmente DESNUMBRANTE! Faz tempo que o acesso pra me aperfeiçoar um pouco sobre photoshop.

    Tem uma coisa que eu gostaria de saber que é apenas como você coloca os antigos tutoriais naquela parte Tutoriais Anteriores. Ficaria muito grato em saber através de você como poderia fazer isso também no meu blog!
    Tenho um blog de V360 (celular)

  11. Oi,vc deve lembrar de mim ne?A sua fa,talvez nem lembre pelo q vi sao muitos rsrsrs.Menino desde q conheci esse blog nao faço outra coisa na net e esse efeito tava doida pra aprender,pena q nao tenho tanto tempo.To aprendendo pra caramba aqui e ainda to pra ver tutoriais tao explicativos como os teus.Parabens mais uma vez.
    Eu queria te pedir se possivel ensinasse como cortar uma foto e tb um tutorial sobre mascaras digitais.Encontro cada uma linda no orkut,mas nao to conseguindo colocar as fotos atras das mascaras.No mais amigo eu so tenho a agradecer,seu blog é show.Fica na paz

  12. Oi kalinne, lembro sim :), fico feliz que curta o blog tanto quanto eu!! (ainda preciso reformar muita coisa por aqui, só falta tempo!!), vou pesquisar alguma coisa e criar um post sobre recortes, acho que existem mais pessoas como você que se beneficiariam :), quando a máscaras digitais não posso ajudar muito porque nunca baixei e use, mas se quiser me passe o link para eu baixar, assim posso lhe ensinar com mais certeza!! valeu pelas visitas!!

  13. Parabéns, mais 1 tutorial simples e bom, já estou fazendo testes pq como tu mesmo disse, varia de foto pra foto.

    Valeu!

  14. Oi Ad®iano, fico feliz que tenha conseguido e curtido o efeito, abraços, volte sempre!!

  15. Adoro esse efeito, e seu tutorial está ótimo!
    Eu só queria saber que valores eu coloco nas duas ferramentas?

  16. Oi raquel, obrigado pelo elogio ao blog, acabei não colocando os valores porque esse tipo de efeito os valores mudam de foto para foto, ou seja, mesmo usando um valor em outra foto não irá ficar igual… então acabei não colocando :), volte mais vezes!!!

  17. Filter> Artistic> Poster Edges

    Traduz para mim o meu é em português tô apanhando aqui
    Valeu!!

  18. Oi sthefanie, aqui no blog muitas pessoas como você também usam o Photoshop em Português por isso criei a sessão PS Help! que tem traduções de filtros, modos de blend e vários termos usados nos tutoriais, além é claro do básico sobre Photoshop, mas respondendo a sua dúvida “Poster Edges – Arestas Posterizadas”, espero que ajude!!

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

  19. a sua image ficou muito legal e é muito simples o processo mas o meu fica estranho cheio de rabiscos nada parecido com oseu
    e incrivel nauh ficou bom mesmo …. oque posso estar fazendo errado ????

  20. Oi giz, em qual passo exatamente seu efeito começa a ficar diferente do tutorial?, obrigado pela visita!!

  21. na primeira fica todo rabiscado e mesmo diminuindo os valores fica estranho..quais valores vc usou..?

  22. Oi giz, os valores mudam de foto para foto por isso acabei não colocando os valores de alguns filtros, nessa parte o que vale mais é seu bom senso, tente deixar como o efeito da foto que postei 🙂 obrigado pela visita!!

  23. Oi André! Em primeiro lugar gostaria de parabenizá-lo pelo excelente trabalho desenvolvido aqui! Ameeeeei os tutoriais, de grande valia para todos nós! Obrigada!
    Em segundo lugar, gostaria de saber se posso te enviar algumas fotos que tentei aplicar essa técnica (cartoon) e sei que estou errando mas não sei onde!? O resultado final fica muito “brilhoso”, diferente do teu! Você pode me ajudar? Obrigada!

  24. Oi Diana, se quiser pode postar a url da sua foto aqui no blog que eu dou um olhada :), obrigada pelo elogio ao blog, volte sempre!! 🙂

  25. André…

    nesse efeitoo a minha foto não fica parecendo um desenho não,fica mais pra um rascunho.Fica uns tons pretos muitoo escuross,tentei fazer com essa mesmaa foto dai do exemplo pra ver como ficaava e não deu certo.Como faço para tirar essa parte preta q fica na foto estrangando ela!?

    Juliana

  26. Oi Juliana, tente mudar os valores dos filtros aplicados, como disse anteriormente para cada foto usada os valores mudam e tudo depende do olhometro mesmo, espero que consiga aplicar o efeito, obrigado pela visita e desculpe a demora na resposta 🙂

  27. Olá! o blog é ótimo!
    queria saber os valores pra quando colocamos Poster Edges e Cut Out.
    Obrigada!

  28. Oi Camila, como estes valores variam conforme a foto usada o ideal é ir testando o melhor valor para a foto usada, obrigado pela visita, desculpe a demora na resposta!! 🙂

  29. Olá, estou tentando fazer esse efeito em uma foto mais o ultimo passo tá complicado… o meu photoshop é em portugues e a opção é espátula correto? só que ele pede valores e quais voce utilizou para essa foto?
    também vi anterirmente um post sobre como fazer a foto parecer hq, eu tentei mais aquele não consegui mesmo traduzindo os nomes não deu certo tem como vc me dar uma força??

    Abraços

  30. Oi Tábata, o caminho correto no último passo é Filtro> Artistico> Recorte de Arestas, os valores mudam de acordo com a foto usada por isso o que vale mais é o seu bom gosto, revisei o texto do tutorial adicionando um script de tradução, porém ele só funciona no Firefox, caso esteja usando o Internet Explorer você não conseguirá aproveitar deste recurso infelizmente, obrigado pela visita!! 🙂

  31. Oi, peguei foto do seu tutorial e tentei de várias formas, só que naum ficou igual… eu gostaria de saber exatamente os valores usados nesta foto, pq achei o máximo!! esse tutorial. Obrigada pela atenção

  32. Já conhecia essa técnica, uso ela pra fazer vetores…

    experimente!!!
    hehe

    parabéns…

  33. Olá!
    eu não to conseguindo de jeito nhm chegar a um valor q dê…será q vc não pode me dizer quais os valores que vc usou nessa imagem??
    bjinhuss

  34. expetacular, o efeito e como o tutorial simplificou o trabalho. perfeito!

  35. Muito bom e prático esse tutorial, minha foto ficou parecendo realmente um desenho, valeu!!!!

  36. Oi………amei esse tuto…sou fã do PHOtoshop e há mto tempo queria aprender a fazer isto com minhas fotos…acredita ´que já tenho amigos querendo??? rsrsrsrsr
    Obrigada e Parabéns por ensinar…e qto a vc tá aprendendo, que nada, vc é fera!

    Bjus

  37. Legal! vai me quebrar um galho (mesmo eu não sendo designer). Vou pirar em um projetinho pessoal usando esse tutorial. Valeu!!!!

  38. noooooooooossa muito bom mesmo…meu irmão instalou o photo shop para mim ,fazia um dia que ele tinha instalado eu entrei nesse site e já soube mexer brigaduuuuu

  39. Já favoritei o site…. os tutorias são MA-RA-VI-LHO-SOS!!!!!! Obrigada!!!!

  40. Era o que eu procurava! Que bom! Obrigada, já te sigo no Twitter!!!

  41. não tem CUT OUT no meu Photoshop *o*
    o meu photoshop é o CS3 EXTENDED

    consegui fazer tudo, menos o cut out :/

    heeeeeeeeeelp

  42. maravilha este post! Mas onde posso baixar o filtro "recorte de arestas" ou "cutout"?

  43. Pelo que eu vi dos comentários, parece que seu tutorial é pra alguns recursos "inimagináveis"!!! Não se acha quase nenhum. Tenho o Picasa 3, e quero fazer por ele. Tem jeito? E outra coisa: Será que vc pode ser mais objetivo e simples nas explicações? Repare que alguns comentários o pessoal não tem conhecimento de muitos termos técnicos.

  44. cara, ficou legal o efeito.
    mas os braços e o rosto não achei que ficou tanto como cartoon.
    quero dizer, provavelmente a maioria das pessoas iriam saber que era um photo antes.
    enfim, nao sei se entendeu. Obrigado pelo tutorial.

  45. Poderia dar os valores do Cutout e Poster Edge
    pq aki nao ficou certo…

  46. olá, eu gostei da dica de como fazer a imagem virar imagem de quadrinhos, mas os olhos na minha foto ficaram escuros demais, nem da pra ver. não ficaram parecidos como do seu exemplo! como faço para clareá-los?

    Obrigada,
    Liv.

  47. Ótimas dicas de efeitos com o photoshop. Gostei muito dos posts. O photoshop sempre surpreende!

  48. parabéns! e obrigado por suas dicas. seu blog é um referencial para muitos designers e artistas gráficos de todo o Brasil. Obrigado mesmo por suas dica
    Ailton Teodoro

  49. Em algumas fotos é muito complicado fazer este tutorial. Noutras é bem simples! A foto tem de estar bem tratado pelo que entendi.

    Eu quando aplico o cutout em algumas fotos a imagem fica muito cinzenta.

  50. Verdade Tiago, além da técnica é bom treinar o olho para essas coisas pois muitos efeitos não ficam muito bons em determinadas fotos, principalmente se elas forem de baixa resolução.

  51. não estou achando esse filtro artistico.. meu PS é o CC.. será que não tem?

  52. vai em editar preferencias plugins e ai clica em mostrar todos os grupos e nomes da Galeria de Filtros

    ta ai o comando.

Deixe uma resposta

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

5 × quatro =

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

Senac São Paulo promove oficinas gratuitas na área de tecnologia.

Tutorial: Textura Abstrata