Preview Descrição: Como deixar uma foto com efeito quadrinho.

Tutorial Intermediário

01. Pressione Ctrl+O para abrir a foto a ser trabalhada, neste tutorial iremos usar a imagem abaixo.

tutoriais photoshop

02. Agora vá em Image> Adjustments> Levels ou pressione Ctrl+L e defina os valores de 60, 1.00 e 220 para Input Levels, sua foto deverá ficar como a foto abaixo.

tutoriais photoshop

03. Agora vá em Filter> Artistic> Film Grain e defina o valor de 4 para Grain, 0 para Highlight Area e 10 para Intensity, estes valores podem variar conforme a foto usada, por isso caso esteja usando outra foto não se espante se o resultado final for um pouco diferente do mostrado neste tutorial.

tutoriais photoshop

04. Arraste a layer para o ícone de Add New Layer no rodapé da paleta de layers ou pressione Ctrl+J para duplicar a layer, dê o nome de HALFTONE para a nova layer.

tutoriais photoshop

05. Vá em Filter> Pixelate> Color Halftone, defina o valor de 4 para Max Radius e deixe o restante dos valores inalterados, pressione Ok e mude o modo de blend da layer para Darken.

tutoriais photoshop

06. Clique na layer HALFTONE e vá em Layer> Layer Style> Stroke e defina uma valor de 20 pixels para Width, Inside para Position, e #F5ECE1 para Color.

tutoriais photoshop

07. Pressione Ctrl+Alt+Shift+N para criar uma nova layer, pressione a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um retângulo no canto superior esquerdo da tela, pressione a letra G do teclado para selecionar a Paint Bucket Tool e selecionar a cor laranja, clique dentro da seleção para pintá-la, vá em Layer> Layer Style> Stroke e defina um valor de 3 pixels para Size na cor preta, pressione novamente a letra M do teclado para selecionar a Rectangular Marquee Tool e crie um outro retângulo desta vez na parte inferior direita da tela, pressione a letra G do teclado para selecionar a Paint Bucket Tool e pinte a seleção de branco, vá em Layer> Layer Style> Stroke e defina um valor de 3 pixels para Size na cor preta como feito anteriormente.

tutoriais photoshop

08. Agora pressione Ctrl+Alt+Shift+N para criar uma nova layer e pressione a letra M do teclado para selecionar a Rectangular Marquee Tool, crie um retângulo ao redor da foto como na imagem abaixo e depois vá em Edit> Stroke e defina o valor de 4 para Width, preto para cor, Center em Location e pressione Ok.

tutoriais photoshop

09. Pressione Ctrl+D para retirar a seleção da imagem e vá em Filter> Blur> Blur More, em seguida vá em Filter> Distort> Ripple, defina um valor de 20% para Amount e Medium para Size, aplique Filter> Sharpen More para finalizar a borda.

tutoriais photoshop

10. Adicione algumas legendas para a foto e ela estará finalizada.

tutoriais photoshop

Site de origem: http://www.photoshoproadmap.com/Photoshop-blog/2007/09/13/give-your-photos-a-retro-comic-book-effect/

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.

42 Comments

  1. Você tem um ótimo blog, aprendi muitas coisas aqui, alias, a maioria do que sei sobre photoshop. Queria tirar uma dúvida: Vetorizei um desenho no Corel e queria jogar esse efeito em cima da imagem JPEG para parecer uma HQ. Tem alguma maneira de não mudar muito a cor e deixar o mesmo efeito Comic Book?

  2. Eu amei o tutorial, sempre procurei por esse efeito, mas no passo 8
    eu não consigo add o Stroke, eu coloquei uma nova camada, usei o
    Rectangular Marquee Toll, mas nada, eu add o stroke e ñ aparece.
    O que eu faço?

    Abraços!

  3. André … amei esse efeito
    queria agradecer também por você disponibilizar
    tutoriais excelentes para nós desde de conheci o site
    todo dia dou pelo menos uma passadinha por aqui …
    e isso me ajudou muitooo na minha evolução com o photoshop
    Valeu André … 🙂

    By Thata

  4. Olá..gostaria de uma ajuda..no ultimo passo… quando eu abro a retangular Marquer Tool ta tudo ótimo até aí..mas na hora que eu pego a Paint Bucket Tool e clico dentro da seleção pra pintar, não fica preenchido..e sim como se pintasse só os pixels tbm…alguem pode me ajudar??
    agradeço desde ja,
    abraços!!

  5. Andre, adoro os tutoriais do photo shop que vc faz, porem nao conssegui encontrar o que estou tentando fazer, eu gostaria de escrever em uma foto de familia, escrever algumas frases, sera que vc poderia me ajudar?

  6. Muito bom esse efeito
    Mas gostaria de saber o nome da fonte
    essa fonte já é típica de história em quadrinhos, por isso gostaria de saber o nome dela.
    Enviei por favor no meu msn gab_angell89[at]hotmail.com
    Muito obrigado desde já

  7. André, eu já resolvi o problema. É que eu uso um programa de acelerador de downloads e qndo salva, dpndendo do q, salva numa pasta desse programa, e não na pasta “Font” do Windows. Obrigada pela atenção. Mas por quê apareceu no Word…isso eu não sei xD

  8. Oi Carolina, depois de ter baixado a fonte e instalado, quando você abre o Photoshop, cria um arquivo novo e pressiona a letra T do teclado, na parte superior da tela irá aparecer a barra de opções da ferramenta, o primeiro menu drop down que aparece da esquerda para a direita é o menu de fontes disponíveis para uso no Photoshop (aqui deve aparecer todas as fontes que você tem no computador listadas pelo nome), sua fonte não está nesta lista? caso não esteja não sei o que pode esta acontecendo pois como você disse no Word está aparecendo né? obrigado pela visita!!

  9. Oi André,
    Eu baxei as letras pelo site que você passou o link mas não aparece no Photoshop =
    Aparece algumas das que eu baxei no Word mas no Photoshop não apareceu nenhumaa!! ='(
    O q pode ter acontecido?
    Obrigada e, mais uma vez, parabéns pelo blog.

  10. Oi Simone, o texto é opcional porém caso queira adicionar basta pressionar a letra T do teclado para selecionar a Horizontal Type Tool clicar na área que deseja escrever e pronto, basta escrever seu texto ok?, obrigado pela visita!! 🙂

  11. Oi Carletty, basta você instalar no seu computador e reiniciar o Photoshop, da próxima vez que você usar a Horizontal Type Tool a fonte instalada estará na lista de fontes do Photoshop, você usa mac ou pc? obrigado pela visita!!

  12. OLÁ!
    ADOREI ESTE TUTORIAL, E TBM ME INTEWRESSEI PELA FONTE USADA, E COMO ACONSELHADO FUI AO SITE BAIXAR AS TAIS FONTES, MAS AGORA NAO SEI COMO USAR ESSES ARQUIVOS DE MODO QUE EU POSSA ADICIONAR AO PHOTOSHOP!

    SOU MUITO LEIGA NESSE ASSINTO.
    TERIA ALGUM TUTORIAL JA FEITO, OU ENTAO, CRIAR ALGUM QUE POSSA ME AJUDAR
    GRATA

  13. Oi Anônimo, fiz apenas aulas de fotografia na faculdade, porque? hahah, obrigado pela visita!! 🙂

    Oi [sna]*, andava meio sumido mesmo hein, :D, quanto a fonte, bom nesse site tem várias fontes de quadrinhos 🙂

    dafont.com/theme.php?cat=102&nb_ppp=50&text=Tutoriais+Photoshop

    obrigado pelas visitas!! 🙂

    Oi ina, fico feliz que esteja gostando e aprendendo, qualquer dúvida é só manda um recado ok? obrigado pelas visitas, volte sempre!! 🙂

    Oi João, dá sim, e não é muito complicado, daqui alguns dias coloco o tutorial ok? obrigado pela visita!! 🙂

    Oi Pedro, obrigado pelo elogio ao blog e pela visita, mas como faço para entrar em contato com você?

    Oi Anônimo, me parece que a fonte usada é paga, mas nesse site você encontra um monte de fontes com cara que hq de graça, obrigado pela visita!!

    dafont.com/theme.php?cat=102&nb_ppp=50&text=Tutoriais+Photoshop

    Obrigado pela visita Srtá Hork , volte mais vezes!! 🙂

    Oi Tie, realmente, quando se usa outras fotos um detalhe ou outro precisa ser mudado, mas dominando a técnica fica fácil aplicar em qualquer tipo de foto, obrigado pela visita, volte sempre!! 🙂

    Oi Ariane, pode mandar sim, foi você que fez o tutorial? obrigado pela visita, meu e-mail é guitarfreaks[at]gmail.com 🙂

    Oi Eva Alinne , bom, não conheço este efeito que você citou mas se quer mexer nas cores o ideal seria mexer no Levels e se você tiver conhecimento mexer no Curves também, obrigado pela visita, volte sempre!

    Oi Luan, como algo criativo e engraçado é relativo acho que é complicado eu dizer para você o que funciona ou não, as vezes o que eu acho criativo ou engraçado possa não ser para você e vice-versa né? :), obrigado pela visita!

  14. Ola André
    tambem venho acompanhando quase todos seus tutos e fico d cara com o q o photoshop eh capais…e o cara q manipula ele tbm neh……
    pois intaum….eu tava afim de faze um logotipo pra stampa na camisa….algo criativo e zuando d algo…heehhe….poderia me dar uma ideia?
    mto obrigado e parabens pelos tutoriais!!

  15. olá, venho sempre acompanhando e tentando reproduzir os tuttoriais postados aqui.
    Gostaria de saber como eu faço pra editar uma foto e deixá-la com as cores vibrantes estilo “total dream”.

  16. Oi André, muito bom esse tuto ^^ Adorei o/ Ow, André, dá uma olhadinha nessa imagem:
    img409.imageshack.us/img409/2653/resultadonq1.jpg
    Isso foi feito no Photofiltre, mas eu descobri como fazer no Photoshop. É bem simples ^^ Se quiser postar um tuto aqui me deixa um recado no orkut que eu te passo o tuto ^^
    Meu kut caso você queira o tuto:
    orkut.com/Profile.aspx?uid=6852478649328135149

  17. Ola Andre,

    Adorei teu blog. Tem umas 2 semanas que comecei a brincar com PS e com certeza o teu blog eh o que mais tem me ensinado. Está de parabens!!!
    Fiz esse tutorial, mas tive que refazer varias vezes por causa das configuracoes…usei uma foto muito grande. Mas vale a pena refazer tb pra praticar..

    Pena que essas fontes do link do tutorial original sao bem carinhas..

    beijao e muito obrigada
    tie

  18. gostei deste tutorial muito bom so que eu gostaria de saber o nome desta fonte que voce utilizou principamlente a etra “A” que é diferente das outras, com essa fonte fica realmente muito parecido com um hq. parabens pelo trabalho e por favor se puder me fala onde posso encontrar essa fonte valeu e um abraço.

  19. André, parabéns pelo excelente trabalho aqui. O melhor blog que vi do gênero, super completo.

    Caso tenha interesse em trocar link, entre em contato comigo.

    Virei leitor assíduo.

    Abraços.

  20. E ae kra…

    Continuo sem tempo, sempre que dá passo por aqui e dou uma olhada, mas só agora deu pra comentar…

    Tô adorando os últimos tutoriais… Coisas simples mas muito úteis pra qualquer um!

    Ah, me diz que fonte é essa que vc usou nesse tutorial? Nas legendas dos quadrinhos?

    ^^ Flws!

  21. valeu andré!!
    aqui é o anonimo do outro post =D
    se voce puder em algum post ou soh comentar como se faz um mural daqueles fico feliz.. =D
    estou usando photoshop faz uma semana ainda nao sei muito bem =]
    seu blog ta me ajudando muitooo ….
    valeuuu andré!!
    voce fez faculdade de fotografia??
    parabensss

  22. Oi Ernani, eu que agradeço a visita! obrigado e volte sempre! 🙂

    Oi Felipe, é, ou estão ignorando o blog por fugir dos temas tradicionais ou não conhecem :D, um outro blog que gosto de ler e quase não vejo sendo cogitado por aí é o Macmagazine, realmente não sei o que acontece, mas enfim, caso queira criar o manifesto lá na comunidade sinta-se a vontade :D, aliás só para esclarecer, não larguei a comunidade, o que houve foi que depois da mudança de layout do orkut eu não consegui mais postar em nenhuma comunidade, ficando restrito apenas ao scrapbook (a única coisa que ainda funciona no meu computador), mas antes do final de novembro estarei com um Mac novinho em folha :D, abraço e volte sempre!!

  23. Olá André
    Estive dando uma navegada pela net e pude perceber que não estão incluindo o Tutoriais Photoshop em diversos itens legais da blogsfera!
    Será que o pessoal em geral, tem preconceito com quem quer ajudar a desvendar os “mistérios” do Photoshop??
    O caso é que o seu blog não entrou no Super Trunfo Blogs, em seguida foram lançados outros dois itens, a Garrafa de Vodka Absolut e o Mapa do Outro Lado da Blogsfera Brasileira. Agora é o Blogurinhas, que novamente o Tutoriais Photoshop não entrou!!
    Ahhh, acho que os leitores do seu blog(estou me incluindo nessa, rsrs), devem fazer um manifesto, para que mesmo que tarde, o Tutoriais entre nesses projetos!!
    E como sempre parabéns pelos tutos e pelo aniversário do blog.
    Flw
    Té mais

  24. Oi Flávia, vou atualizar hoje a barra lateral, mas enquanto ela não é atualizada você pode utilizar o link acima do título do tutorial chamado Tutorial Anterior, obrigado pela visita, volte sempre!! 🙂

  25. Amigos…, venho acompanhando os tutoriais e cada vez mais fico fascinada pelo photoshop. Meus sobrinhos e filhas adoram as fotos por mim modificadas e com a ajuda de vcs.
    Mas quero saber onde andam os outros tutoriais??
    No dia 2 ou 3 de outubro vi um que era a foto recortada nos quadrados e depois não o achei. Onde foi parar?
    Reparei que o ultimo tutorial na pagina (tut. anteriores) já tem alguns dias = Vetorizando sua foto.Como faço para falar com vcs??
    Obridada

Palestra – Photoshop CS3 – Imagem Real e Imagem Virtual – Impacta – 06/10/07

Tutorial: Rosa Abstrata