Como finalizar e colorir desenhos feitos `a mão no Photoshop.

Revisado dia 29/01/08.

Descrição: Como melhorar seus desenhos com a ajuda do Photoshop.








01. Preparando seu Desenho.

Tente deixar as linhas de sua ilustração mais limpa possível. Não use sombreamento, pois isso dificultará próximos passos para a definição dos traços no Photoshop, caso use lápis uma boa opção é usar um lápis 2B que possui uma cor forte.

02. Scanner.

Um passo importante para a qualidade de seu trabalho é o momento de passar seu desenho pelo scanner, definir a quantidade de dpi's certo é essencial para podermos trabalhar o desenho depois. Para termos uma imagem de tamanho bom, que permita o uso de zoom, e que apresente boa definição usarmos na maioria dos casos 400 dpi's, e o modo de cores fica em Black/White (preto e branco).

03. Após scanear.

Abra o desenho no Photoshop e duplique a layer pressionando Ctrl+J. Dê o nome de "Desenho" e para a outra layer (original) dê o nome de "scan original".



Selecione a layer "Desenho" e vá em Image> Adjustments> Levels ou pressione Ctrl+L para abrir a caixa de Levels.

Aqui iremos deixar o background da imagem mais branco (para remover as marcas do papel) e escurecer as linhas do desenho para criar um maior contraste.

Com a caixa de Levels aberta (certifique-se que a opção "preview" está selecionada) vá puxando a seta branca até encontrar o ponto ideal onde as marcas do papel desaparecem deixando o fundo totalmente branco. Depois faça o mesmo com a seta preta, arrastando lentamente até encontrar o ponto ideal onde os traços da ilustração fiquem definidos e bem contrastados com o fundo.





04. Após o ajuste de Levels vamos remover o fundo, separando o desenho do background.

Duplique a layer e dê a ela o nome de "Desenho Recortado".

Para remover o fundo branco existem duas maneiras, uma delas é usando este tutorial que já foi postado aqui no blog, mas caso o resultado não seja bom o jeito será usar a ferramenta Magnetic Lasso Tool (letra L do teclado).

Caso você tenha que usar a Magnetic Lasso Tool (letra L do teclado) certifique-se de que o Anti-Alias esteja selecionado, vá traçando ao redor das linhas do desenho, a ferramenta deve grudar `as linhas facilmente.



Após criar sua seleção pressione Delete.



05. Agora crie uma nova layer pressionando Ctrl+Shift+N, dê o nome de "Cores".

Selecione a Pencil Tool (letra P do teclado) e escolha a cor desejada, para um melhor controle do trabalho crie uma layer para cada cor aplicada, assim no caso de troca de cores o trabalho ficará bem mais fácil, use a Zoom Tool para pintar em áreas mais complicadas.



Após pintar mude o modo de blend da layer para Darken. As linhas de seu desenho irão aparecer fazendo com que a cor perca sua opacidade e revele os detalhes do desenho.



Continue repetindo o processo até colorir toda a ilustração criando para cada cor uma layer diferente.

Compartilhe no Google Plus

Sobre André Sugai

Publicitário, Photoshopista, criador do Tutoriais Photoshop, colaborador Tech Tudo (Globo.com ), iMasters (UOL), Adobe, Revista Photoshop Creative e parceiro Adobe, Dollar Photo Clube e Wix. Siga-me no Twitter | Facebook | Portifólio.
    Comente com Blogger
    Comente com Facebook

24 comentários:

  1. Mais uma vez uma super dica!

    Parabéns!

    ResponderExcluir
  2. Valeu Wolftec!! estou tentando direcionar os tutoriais mais para esse lado de tratamento e retoque de fotos, espero que o conteúdo continue bem interessante para todos!! abraços!!

    ResponderExcluir
  3. bem! era mesmo o que andava procurando!! muito bom mesmo! :)

    fica bem

    ResponderExcluir
  4. Cara
    As imagens aki, e na casa dos meus colegas não estão aparecendo
    E eu precisava muito disso
    Ai eu fiz o que eu pude, mas pintei com a Brush Tool
    Botei uma Brush diferente
    e conforme eu ia pintando o desenho
    Dava uma impressão de que tivesse pintado com giz de cera
    Ficou bacana o resultado
    Mas queria poder acompanhar esse seu tutorial com imagens
    Ve se da um geitinho ai
    Flw cara

    ResponderExcluir
  5. Oi amigo!! obrigado pela visita e desculpe pelo incoveniente, algumas fotos realmente sumiram do blog mas estou tomando as providencias para coloca-las no ar o mais breve possivel, pode ter certeza de que ate sexta estaremos com tudo normalizado, abraço!!

    ResponderExcluir
  6. opaaa, muitoo massa
    soh tenho um problema, quando tento colorir, a cor que eu seleciono nao vai, apenas muda uma escala de cinza, estou usando CS3.

    ResponderExcluir
  7. Vocês são ótimos!
    Melhor site que já encontrei.
    Parabens!

    ResponderExcluir
  8. Ai andré, muito bom o seu tuto. Mas tenho um problema, na parte de deletar o fundo, eu pressiono delete, e não funciona, e fazendo atraves daquele outro tuto, ele apaga todo o branco da imagem e quando vou pintar cor por cor ele pinta a tela toda. E mais uma dúvida, realmente é pra usar o pen tool(tecla p)? Ele é pra fazer vetor é muito complicado? Obrigado

    ResponderExcluir
  9. Goostei muito; ando vendo o arquivo de tutoriais .. pude ver que vcs são ótimos mesmo !! tanto nas dicas , tanto no resulatado dos trabalhos
    =) !!

    Parabéens !! #D

    .:_Birino_:.

    ResponderExcluir
  10. como baixo esse toutorial

    ResponderExcluir
  11. Conheço outro jeito de colorir sem ter que deletar o Branco, coloque a layer do desenho no modo de blend "Darken" e crie as camadas de cores abaixo da layer com o desenho, assim o contorno sempre fica acima da cor e não é necessário usar o Laço Magnético, nem a caneta para selecionar o fundo e deletar.

    ResponderExcluir
  12. Muito obrigado, tirou algumas dúvidas minha.

    ResponderExcluir
  13. Qual é o nome do Photoshop?

    ResponderExcluir
  14. Bom, o q dá pra fazer tbm é colocar a camada da line art (contorno) em mutiply, acima de todas as camadas, e as cores numa mesma camada. Assim nao precisa se preocupar e ficar mudando de layer a cada cor. E pra sombrear, é só colocar uma camada acima da camada de cores, em mutiply tbm, mas dai usando um to de roxo ou cinza (como ficar melhor) para fazer a sombra. xD

    ResponderExcluir
  15. Cool! Muito bom o blog. E os tutoriais são muito bem explicados. Parabéns. ^^

    ResponderExcluir
  16. valew mesmo dá pra criar altos cartoons

    ResponderExcluir
  17. Difícil encontrar um tutorial tão bom quanto esse aqui... faz tempo q eu tô tentando descobrir como passar o desenho feito à mão pro photoshop e deixar as linhas mais "perfeitas". Aquela dica do Level vai me ajudar com certeza. Os vídeos q eu encontrava eram bons, mas as vezes eu não entendia a ferramenta q o cara usava...
    Parabéns, abraço!

    ResponderExcluir
  18. po nao da nem pra pintar essa porcaria

    ResponderExcluir
  19. Pô valeu mesmo!! Eu achava que não era póssível arte finalizar um desenho no photoshop! Pensei que ia ter que aprender a mexer com o ilustrator tbm! brigaduuu!!!

    ResponderExcluir
  20. ow mano tem tutorial de como colorir com efeito de luz?(se possivel bo photoshop tbm) e vlw pelo tutorial

    ResponderExcluir
  21. Obrigado me ajudou bastante mesmo *-*

    ResponderExcluir
  22. Ótimo tutorial, abriu várias portas para mim desenvolver minha arte!Muito obrigado!

    ResponderExcluir