Camiseta Twitter !! Garanta já a sua!

[PHOTOSHOP] Efeito Desenho

Categorias: Colunas, Photoshop

24 comente

Olá, galera! O meu nome é Gefferson, sou designer de interfaces e desenvolvedor de websites e a partir de hoje estou começando uma nova coluna, que vai mostrar os principais truques de um dos programas mais usados pelos designers: o Adobe Photoshop.

Nessa minha primeira aparição, vou mostrar um efeito super útil e interessante, que é simular um efeito de “desenho à mão” em preto-e-branco. Clique em Leia+ e veja os passos.

Antes de mais nada, clique aqui para baixar a imagem original que eu usei nesse exercício. Escolhi o Mario Bros em homenagem ao Guanabara, pois sei que ele é um grande fã do encanador baixinho e barrigudo.

1º PASSO: Abra a imagem, agora precisamos duplicar a camada da imagem que iremos colocar o efeito. Existem algumas formas de se fazer isso :

  • clicando com o botão direito do mouse sobre a layer (camada) e escolhendo a opção Duplicate Layer (Duplicar Camada)
  • Pelo caminho Layer / Duplicate Layer
  • Pelo atalho Ctrl+J

2º PASSO: Vamos transformar a imagem para o formato preto-e-branco, o que pode ser feito de várias maneiras:

  • Image / Adjustments / Desature
  • Pelo atalho Shift+Ctrl+U

3º PASSO: Iremos duplicar novamente nossa imagem base que agora está em preto-e-branco (Veja o 1° Passo).

Agora teremos duas imagens em preto-e-branco.

4º PASSO: Agora precisamos inverter as cores de nossa nova duplicata, a Layer 1 copy. As opções são:

  • Pelo caminho Image / Adjustments / Invert
  • Pelo atalho Ctrl+I

Agora nossa imagem ficará completamente diferente, o que era branco está preto e vice-e-versa.

5º PASSO: Iremos mudar a Blending ( amostragem ) da nossa layer duplicada, mas apenas a de cima, não usaremos mais a layer1, que foi nossa primeira duplicata da nossa imagem base.

A caixa onde vem escrito “Normal” contém nossas opções de amostragem, fica localizada a esquerda da caixa de Opacity ( Opacidade ). Mudaremos a blending de nossa layer para Color Dodge.

6º PASSO: Muito bom, estamos quase lá, agora só falta colocar um filtro Blur. Ele serve para dar uma esfumaçada na imagem, mas para o que queremos ele virá a calhar.

Clique em Filter / Blur / Gaussian Blur… Eu usei o valor de Radius: 5,0 pixels, mas vocês podem mudar esse valor conforme o gosto de vocês. É só marcar a caixa PREVIEW e conferir como está ficando sua imagem com o novo filtro.

Pronto! Veja aqui o resultado Final :

Pronto! Concluímos aqui o efeito desenho… Espero que todos tenham gostado! Em breve trarei novos efeitos ou umas dicas sobre as ferramentas desse poderoso software de edição. Envie seu comentário com críticas, dúvidas e sugestões.

Fiquem com Deus e um grande abraço a todos!

Related Posts with Thumbnails
  • Showwwwwwwwww de bolaaaaaaaaaaaaaaaaa!!

    Parabens Mulek!

    Abs!

    [Responder]

    maio 6, 2008 @ 11:07 am
  • Boa negão… parabéns, “ceja bem vindo e esprimente a linguiça” -> http://www.ponto.altervista.org/Linguas/Letreiros/Linguica.jpg

    [Responder]

    maio 6, 2008 @ 11:43 am
  • Opa Amigão, parabens, muito bom, vou até colocar no blog da minha facul, pode deixar q seus créditos e do guanabara.infoirão juntos.. hehehe

    Abraço e parabens novamente

    [Responder]

    maio 6, 2008 @ 12:00 pm
  • Muito bom esse efeito, eu costumava fazer de um jeito diferente, mas dessa forma fica bem melhor.Parabéns ao site dar uma atenção especial aos designers. Valeu, continuem assim!!!

    [Responder]

    maio 6, 2008 @ 12:26 pm
  • :O Excelente! Eu sempre quis aprender a usar o photo$hop mas nunca consegui entender o que as apostilas falavam, e o senhor explica muito bem :) .
    Qual versão do photoshop você(s) recomendam para um pc com 512 de ram? :(
    abraços e sempre acompanharei sua coluna.

    [Responder]

    maio 6, 2008 @ 1:01 pm
  • Neri Júnior | 15 Anos | Curitiba -PR

    Não fico la AQUELA coisa mas fico legal!
    Abraços!

    [Responder]

    maio 6, 2008 @ 1:04 pm
  • Bem legal,só faltou finalizar com line art pra tirar o sombreado…iria dar mais “firmeza” ao traço =]

    bom tuto,parabens

    [Responder]

    maio 6, 2008 @ 2:26 pm
  • ThiagØ

    Bom efeito, vai das pessoas saberem usar gradiente da cor e combinar … mto bom .

    [Responder]

    maio 6, 2008 @ 4:54 pm
  • Primeiramente muito obrigado a todos, Rafael “infected” acredito que com 512 de Ram vc possa usar tanto o cs quanto o cs2, eu uso o CS3 que é a ultima versão lançada e que está ótima por falar nisso… . Emerson a qualidade da arte final visualizada aki no GUANABARA.INFO está baixa pois eu salvei numa qualidade nao tão boa visando o peso da imagem, se puder e ou quiser siga os passos da matéria e veja como ficou ae na sua casa! …

    … é isso ae galera, mandem duvidas… e etc… que vamos tentar ajudar a todos.
    No mias é só! Gostaria de agradecer a todos novamente e Abs.

    [Responder]

    maio 6, 2008 @ 6:44 pm
  • Acosta

    Caraca, muuuuito bom, me amarro em computação gráfica, é essa área que pretendo seguir, apesar de estar me formando em porgramação e redes. Espero que vc coloque muito mais dicas de photoshop e tudo que se refira a essa área. Parabéns!!!!

    [Responder]

    maio 6, 2008 @ 7:40 pm
  • Acosta

    só gostaria de pedir uma coisa, tem como vc colocar os caminhos em português também, se não for muito incomdo. valeu

    [Responder]

    maio 6, 2008 @ 7:55 pm
  • Gostaria de um tutorial para fazer algumas dark arts, vejo algumas legais na net e tal, até já fiz algumas, mais nada muito profissional…

    abraço

    [Responder]

    maio 7, 2008 @ 9:32 am
  • Caroline (Barbie)

    Oi Gibam!
    Parabéns pela coluna, clara, bem explicativa e objetiva. É sempre bom ampliarmos nossos conhecimentos. Vou sempre passar por aqui e aprender algo novo.
    Beijo.

    [Responder]

    maio 7, 2008 @ 10:09 pm
  • leuo

    krak kra.
    mt bomm
    eu tava qrendo msm um lugar pra parender essas coisa em photoshop..
    sempre q vc lançar me avisa plix
    ABração Geef

    [Responder]

    maio 7, 2008 @ 10:15 pm
  • Rodrigo Paiva

    muito bom,
    muito bom tutorial…

    [Responder]

    maio 11, 2008 @ 7:38 pm
  • Seu nome

    Que isso!! Ta excelente!! Arrasou!!
    Espero as próximas “aulas” anciosa!!
    Parabéns!!
    Bjos

    [Responder]

    maio 15, 2008 @ 10:27 pm
  • Marcel

    muito bom
    eu estou começando a criar webs e preciso de aulas com o photoshop…

    [Responder]

    junho 29, 2008 @ 10:57 pm
  • Johnny

    mto bom kra…..continue assim! :P :P :D

    [Responder]

    março 10, 2009 @ 8:06 pm
  • :mrgreen: Muito legal

    [Responder]

    abril 21, 2009 @ 10:44 pm
  • Eu amo photoshop, Deem uma olhada no meu blog tudo lá é feito no photoshop até animações o blog naõ é lá grandes coisas mas devagarinho eu chego lá estou aprendendo html com o gustavo vou ficar fera, por falar em html cade a aula 12 eu estava tão feliz, Você não vai fazer mais aula não? beijos

    [Responder]

    maio 18, 2009 @ 12:01 pm
  • Luan

    e aee!!

    seguinte…
    eu gostaria de saber como se faz uma logo igual do photoshop onde..
    as letras no meio da logo são vazias, ou seja, aparece tudo q está embaixo da logo!

    [Responder]

    setembro 14, 2009 @ 1:42 pm
  • Luis Milher

    Showwwwwwww de Bolaaaaaaaaaaaaa
    Gosteiiiiiiiiii

    Muitoooooooooooo

    [Responder]

    outubro 2, 2009 @ 6:55 pm
  • muito boa essa dica.gosto de desenhar mangá e colorir usando photoshop.Ela pode ser ultio.

    [Responder]

    fevereiro 12, 2010 @ 2:31 pm
  • @oliveirakevin7 - 14 - Santo André

    Show Guanabara, agora tudo o que eu procuro no GOOGLE manda pra cá. kkk

    abs.

    [Responder]

    junho 30, 2011 @ 2:42 pm

Comentar