Tutorial – Colorindo um desenho no Photoshop

Esse é meu primeiro tutorial! \o/ (primeiro de muitos espero =D)

Vou falar sobre como colorir um desenho utilizando o Photoshop (no meu caso o CS2).

Gosto de desenhar, sempre gostei! Mas tem hora que cansa vc ficar vendo soh aqueles desenhos sem cor… sem vida…

Vou mostrar como dar vida a seus desenhos de uma forma bem simples! chega de enrolaçao que o tutorial eh grandao…

obs: um minimo de familiarizaçao com o ambiente do Photoshop é interessante pra acompanhar esse tutorial…

1- começamos abrindo um desenho em preto & branco…

abrir imagem

2 – duplicar a imagem

sempre trabalhe na cópia, caso vc faça alguma merda besteira não vai perder o original!

menu duplicar

duplique a imagem clicando com o botao direito do mouse na barra de título da imagem

3 – converter a imagem de Gray8 para RGB24 se precisar!

talvez quando um desenho preto e branco quando é saneado vem como escala de cinza (gray) e pra adicionar cor no PS (photoshop) vc precisa converter a imagem pra RGB (colorida).

gray

Veja a indicaçao de GRAY na barra de título da imagem aberta

converter para RGB

para converter basta utilizar o menu…

rgb

e pronto, como está indicado a imagem agora eh RGB

4 – preparar os layers (camadas) da imagem!

o photoshop trabalha com layers, que trata-se de várias camadas sobrepostas! mas quando vc abre uma imagem comum do arquivo, o PS soh mostra um layer (o Background) e este está bloqueado! (veja o icone do cadeado). Para desbloqueá-lo vamos duplicado, a copia do layer estará livre!

rgbSelecione o layer background
rgbclique com o botao direito e escolha a opçao para duplicar
rgbagora vemos 2 layers iguais, mas o novo layer nao está bloqueado!
rgbbotao direito no layer antigo e vamos deletá-lo

rgbvamos mudar o tipo de aplicaçao do layer para MULTIPLY (depois explico o que significa), mas essa etapa eh importantíssima pra coloração funcionar!

rgbclique na setinha pequena ali em cima…
rgbe crie um novo layer chamado ‘pele’
rgbagora podemos ver os 2 layers (background e pele), perceba que no layer pele existe um quadriculado, esse quadriculado significa que não existe informação nenhuma nesse layer! (claro! acabamos de cria-lo)

rgbagora selecionamos a ferramenta zoom na barra de ferramentas…

rgbe ampliamos o rosto do boneco personagem, vc tambem pode usar Ctrl+ e Ctrl- pra dar zoom, e usar as barras de rolagem pra se localizar no desenho! deixe o rosto dele completamente aparecendo…

5 – pintar cada regiao

rgb

escolha a ferramenta lapis (pencil) na barra de ferramentas, caso ela nao esteja aparecendo, clique e segure o botao do mouse na setinha preta perto do icone, eh bom saber onde esta cada ferramenta, com o tempo vcs vao aprendendo…

rgb

escolha a cor vermelha (ou outra qualquer) na ferramenta de seleçao de cor, basta clicar no quadradinho que vai abrir uma janela pra seleçao de cor!

rgb

com a ferramenta lapis ativada, clique com o botao direito em algum ponto da imagem, vai abrir essa caixinha pra vc configurar o lapis, ajuse o diametro do lapis, e coloque o Hardness no maximo (importantíssimo).

rgbagora comece a pintar APENAS O ROSTO do personagem, sem se preocupar com os traços do rosto, mas preste atençao para nao ultrapassar os limites do rosto pintar capacete dele. Nao tem problema passar por cima dos contornos pretos, o importante eh nao pintar uma parte branca ALEM do contorno que limita a regiao do rosto! Observe que eu deixei o diametro do lapis grande pra poupar trabalho!

rgbo resultado é esse, cobrindo todo o rosto mas sem passar os limites do contorno dele

rgbagora crie um novo layer (vc jah sabe fazer isso) com o nome ‘cabelo’

rgbno caso do cabelo, se eu tentar pintar com o diametro do lapis muito grande, vou acabar ultrapassando os limites do cabelo ISSO NAO PODE!!!!, entao ajusto o diametro clicando com o botao direito em qualquer lugar da imagem…

rgbno caso do cabelo, precisei diminuir o diametro mais algumas vezes pra poder pintar as pontas dos cabelos. esse eh o resultado da pintura do cabelo e do rosto. vc pode fazer o mesmo processo pras outras partes do personagem, basta usar um layer para cada parte do corpo que tenha uma cor distinta!

rgbagora selecione o background
rgbe arraste-o para cima
rgbe coloque-o acima dos outros layers

rgbo resultado na imagem é esse!!! \o/
ai vc pergunta: “mas como isso aconteceu se eu pintei por cima dos contornos do rosto?”

bem, quando vc estava pintando o rosto, lembre que vc estava pintando o layer do rosto! O LAYER! como o layer do rosto e do cabelo estavam a cima do layer do background, vc soh via a pintura do rosto! quando vc arrastou o background pro topo, ele apareceu por cima da parte colorida!

O rosto no background é branco, mas quando mudei a opçao lah no começo para MULTIPLY ocorre este efeito, oq era branco no background (unico configurado como MULTIPLY) passa a ser a cor que tem por baixo, tudo que é preto no backgroun, continua sendo preto!  São as propriedades da multiplicaçao!!!

x * 1 = X   e    X * 0 = 0

falando em cores:

vermelho * branco = vermelho       e       vermelho * preto = preto

por isso ativar o MULTIPLY é tao importante! sem isso, quando eu colocasse o background no topo dos layers, o rosto do personagem continuaria branco! entenderam? =D

6 – adicionar sombreamento

agora vamos adicionar sombreamento no nosso personagem, pra parecer algo mais realistico (e fica muito mais bunitinho =D)

rgb Selecione o layer cabelo

rgbselecione a ferramenta MAGIC WAND, ela é uma ferramenta de seleçao…rgbclique sobre a regiao do cabelo (lembrando que vc selecionou o layer cabelo)

rgbao clicar no cabelo, a ferramenta seleciona toda a regiao que vc pintou, perceba que ele seleciona por cima dos contornos pretos, porque o que importa é o que está no layer ‘cabelo’

rgbagora seleciona a ferramenta pincel (Brush Tool)

rgbna ferramenta de seleçao de cor, escolha um azul mais escuro que o azul do cabelo

rgb

com a ferramenta pincel ativada, clique com o botao direito em qualquer lugar da imagem para configuar o pincel, ajuste o diametro do tamanho da sombra que vc deseja colocar (com a prática vcs vao aprender) e ajuste o HARDNESS para 20% por ai. Nao se preocupe se o tamanho do pincel vai ultrapassar os limites do cabelo…

rgbveja que quando estou pintando, mesmo que eu pinte fora da regiao do cabelo, soh a parte selecionada é alterada! essa é uma das caracteristicas de uma regiao selecionada! um pincel/lapis/borracha soh funciona dentro da regiao selecionada!

rgbterminei de adicionar a sombra (azul escuro) no cabelo todo, agora vamos pra pele

rgbselecione o layer da pele

rgbagora escolha um vermelho mais escuro (mesmo esquema do cabelo)

rgb

utilizando a feramente MAGIC WAND selecione a regiao do rosto (lembrando que o layer ‘rosto’ deve estar selecionado)

rgbe com o pincel vá adicionando sombra no rosto da mesma forma que fez com o cabelo

rgbagora remova a seleçao indo no menu correspondente (ou com as teclas Ctrl+D)

rgbe aproveite o resultado! \o/

7 – ajustar cores

mas pra que vc vai querer um personagem com o rosto vermelho e cabelo azul??? nem cavaleiros do zodiaco exagerava tanto nas cores! 😛

como eu disse, a cor nao importa, veja porque…

rgbselecione o layer ‘pele’

rgbvá no menu e escolha a opçao ‘Hue/Saturation’

rgbmarque as opçoes ‘Colorize’ e ‘Preview’, e perceba que a cor do rosto mudou completamente!!! é porque o ajuste de Hue/Saturation despresa a informaçao de cor, pra ela soh importa a luminosidade (claro/escuro), por isso escolhemos fizemos a sombra mais escura que a cor normal

rgbajuste os parametros para obter um tom de pele e de OK

Explicando: HUE é a cor, SATURATION é a intensidade da cor e LIGHTNESS eh luminosidade! mova os parametros e perceba o efeito de mudar cada um deles.

rgbagora faça o mesmo procedimento para o cabelo, lembre de selecionar o layer ‘cabelo’. eu escolhi um tom vermelho pro cabelo dele

rgbclique no olhinho ao lado do layer background pra faze-lo sumir!

rgbveja como ficou a imagem sem os contornos! como desabilitei o layer com o contorno, soh sao exibidos os outros layers que estavam por baixo dele!

8 – corrigir detalhes

rgbagora vamos corrigir o olho, selecione o layer ‘pele’

rgbuse o pincel com a cor branca e um diametro apropriado para pintar a regiao do olho de branco!

rgbveja o resultado final que legal =D

9 – admire seu trabalho =D

rgbessa é a imagem final! imagina como ficaria no desenho completo…. =D

rgbveja o efeito que dah a adiçao de cor no desenho todo, mesmo sem sombreamento já deu outra vida ao desenho! =D

espero que tenham gostado desse tutorial! tentei passar todos os passos necessários da forma mais simples possível!

futuramente posto outros desenhos (de minha autoria) coloridos no photoshop

até a proxima! o/

59 Respostas to “Tutorial – Colorindo um desenho no Photoshop”


  1. 1 Maira 04/03/2009 às 16:41

    Sem querer entrei no seu blog, mas achei essa dica sensacional!!!

    Vc teve o dom de explicar da maneira mais fácil possível!! Eu ainda não testei [pq estou sem PS nesse computador], mas assim que tentar, vou postar no meu blog a experiência!

    =D

  2. 2 matheus 27/04/2009 às 23:10

    Êita amei o tutorial vou baxar e tentar fazer igual!!nossa fica muito show!!

  3. 3 Breno 11/06/2009 às 13:17

    muito bom^^
    primeira vez q eu tento fazer alguma coisa no photoshop,e WOW!!!
    xD

  4. 4 Ivan Aparecido Pires Sabino 22/06/2009 às 20:39

    Olá Raphael eu estou fazendo curso de photoshop mas é só aos finais de semana e eu estou pintando uma casa que na verdade é um sobrado enorme só pra ver como vai ficar para evitar de pintar e não gostar da cor depois de pronto mas surgiu um probleminha o portão é todo quadriculado e estou tendo dificuldades para pintar os quadriculados do portão e o chão do lado de dentro que é visivel devido o portão ser quadriculado me envia uma dica de como eu posso pintar obigetos quadriculados no photoshop e se quizer pode me adicionar no msn que ai nós trocamos experiências sobre photoshop, o meu é o CS3 versão 10.0 mas são quase todos iguais mudam apenas alguns detalhes

  5. 5 Cristiane 04/07/2009 às 12:08

    nossa,que tutorial ótimo =D
    era justamente o q eu tava precisando *o*

  6. 6 Marcos 11/08/2009 às 11:20

    Gostei pakas man tava proucurando varios tutoriais aki na net mas tpw nenhum flws sobre esse negocio ae da matriz/saturação cara me ajudou bastante ^^, (pq tpw to fazendu um manga so por diversao msm ai quero colorir umas pgs xD) meu idolo *-*

    Abraço flws…………….

  7. 7 Meno.R.: 15/08/2009 às 23:43

    Pow eu estava procurando um tutorial assim eu qeria aprender a pintar e fazer sombras
    Por as sombras que dao realidade ao desenho

    obrigado pela tutorial vlw mesmo me salvou fuuiiiiiiiiiiiiiiiiii?

  8. 8 Luana 03/09/2009 às 19:01

    vlw msm….ajudo mto \o/
    mto bem explicado =D
    parabéns!!!!!!!

  9. 9 Yuri 08/09/2009 às 19:36

    oi tuto ben con vose eu mao gostey tos desenhoc youiri

  10. 10 nayana 01/10/2009 às 19:27

    Quero te agradecer muito por esse tutorial.. me ajudou na faculdade, na apresentação da capa de um livro..
    pessoas como vc já tem um lugar no ceu.. (rs)
    obrigada por compartilhar seus conhecimentos…. q vc tenha tudo de bom em dobro.

  11. 11 nelyana 23/11/2009 às 14:40

    cara, teu tutorial tá MUITO bem explicado
    pra burro nenhum botar defeito :B hahah
    gostei, valeu 😀

  12. 12 Ringo 07/12/2009 às 09:33

    NOSSA! Melhor Tutorial que existe. Serio, depois de tanto procurar, acrei um tutorial que encinasse descentemente a colorir. Você é um grande profissa, adorei. 🙂

  13. 13 artistblogamilcar 03/01/2010 às 16:40

    Yko disse:
    Parabéns raphael, você é uma pessoa muito especial, continue compartilhando com os outros os seus conhecimentos, isso mostra o quanto você é grande. Foi o blog que melhor explicou o photoshop até hoje.

  14. 14 Vitoria 25/01/2010 às 11:20

    Nossa, mto legal…Parabens Raphael pelo seu trabalho..Me ajudou muito
    Continue assim…

  15. 15 Rose Valverde 27/02/2010 às 10:29

    Nossa! adorei !
    Estava com um problemão , tentando colorir uma história e te juro não sabia do efeito de Multiply, resolveu o meu problema. Sou profa de Artes mas nunca fiz curso de photoshop (não tenho tempo nem $) aprendo com as dicas mesmo…
    obrigada,
    Rose Valverde – JF

  16. 16 Gallaciel 22/04/2010 às 14:27

    Nossa, fera mesmo viu
    Também gosto muito de desenhar.
    Estou aprendendo a fazer coloridos no PS, e suas dicas foram bastante uteis.
    vlw mesmo cara.
    Abraços.

  17. 17 castro 21/05/2010 às 20:31

    kara como que baixar o fotoshop eu to tentando a muito tempo e ñ consigo

  18. 18 Osbourne 16/07/2010 às 13:53

    Kra muito foda esse tutorial…. vlw mesmo.. muito!]

    \o/

  19. 19 Osbourne 16/07/2010 às 13:54

    Muito bom kra… vlwzão…

  20. 20 kamael-kun 22/07/2010 às 15:22

    lega legal legal
    tava qerendo aprender a fazer isso a muito tenpo
    e sei agora graças a vc
    obrigado obrigado obrigado!!!

  21. 21 Claudinha 28/08/2010 às 16:11

    Li uns 150 tutoriais e só aprendi aqui. Te amo cara!

  22. 22 victor 17/09/2010 às 00:38

    nossa, ñ pensava que era tão faciu, eu ñ tenho o software dele, mas eu faço no paint, só preciso da area de sombreamento e das cores, ai eu faço, mas com bastante trabalho, qual é ess photo shoping?

  23. 23 ricardo tome 16/10/2010 às 15:56

    è isso aí kra…vc teve o dom de explicar..até a parte da multiplicação com a formula..rsrs
    legal msm…muitos tutoriais ensinam vc a colorir mas não explica as funções tipo o da multiplicação…não explicam o fato de escolher multiplicação as linhas pretas apareceram sobre as demais cores…legal mesmo…valeu

  24. 24 fernanda ferreira viana 05/11/2010 às 10:02

    Gostaria de parabeniza-lo pelas explicações.. simples e faceis de serem aplicadas na pratica.. muitissimo obrigada.. ajudou muito.. qualquer novidades .. manda pra gente.. ja estamos anciosos para o proximo tutorial…
    Obrigada!!!!

  25. 25 Rebeca 26/11/2010 às 19:06

    Aee muito bom! Estou tentando colorir um desenho, só vou ter dificuldade com as sombras pq não sou desenhista, mas quebrou um galhão seu tuto, valeu ^^

  26. 26 Fernando Rufino 02/01/2011 às 16:40

    vlw cara, tava procurando por isso, e só achei uns tutos mal esplicados. achei uma carpa e nao conseguia pintar, agora vo pintar e depois tatuar no braço, vlw pela postagem desse tuto maravilhoso.

  27. 27 romeu celio 13/01/2011 às 12:02

    Cara! Parabens. Voce é um otimo professor. Obrigado pelas dicas. No meu orkut ou face book tem alguns de meus trabalhos…se voce quizer ver, sera um prazer. Valeu!

  28. 28 Raphael Marques 13/01/2011 às 14:38

    Romeu,
    Manda o link pra eu dar uma olhada.

  29. 29 Marcelo 17/01/2011 às 18:58

    Foda kra! Você explica muito bem.
    Eu uso o Photoshop 7 ao invés do Cs2, + funcionou td do msm jeito.
    A utilização de imagens a kda passo é crucial para que se possa compreender o processo. Tutorial muito bem feito.

    Outra coisa, esse desenho aí é seu? Me amarrei nele!
    Você tem Deviantart?

    Abraços e muito obrigado!

  30. 30 Raphael Marques 18/01/2011 às 14:02

    Não é meu não, como tem na assinatura é do Travis Charest. E não tenho Deviantart, sou desenhista muito amador, só me dedico hoje a programação.

  31. 31 Criipton 28/01/2011 às 02:50

    Muito bom o tutorial, super bem explicado, fiz a arte final inteira de um trabalho meu seguindo seu tutorial, parabéns, e muito obrigado

  32. 32 romeu celio 08/02/2011 às 16:41

    Ola Raphael,
    aqui estou eu de novo.
    Meu link é romeuartes@hotmail.com
    gostaria de saber se voce pode me dar umas dicas de desenho usando o tablet pen. Eu tenho um da wacon bamboo.
    Mais uma vez parabens e muito obrigado pela atençao.

  33. 33 Raphael Marques 08/02/2011 às 17:06

    Romeu Celio,

    infelizmente nunca usei nenhum tablet pen

  34. 34 moitas 13/02/2011 às 15:55

    muito bom tutorial, era exatamente oq eu necessitava, bem explicado e detalhado, parabens

  35. 35 denildo 20/03/2011 às 18:56

    valeu pelas dicas me ajudou muito.

  36. 36 Nique 27/03/2011 às 16:05

    Parabéns! Foi o primeiro tuto que compreendi perfeitamente.

  37. 37 lucas cassimiro 20/08/2011 às 17:57

    Excelente, o melhor tutorial que ja vi sobre o assunto, você é um mestre e um otimo desenhista, parabens! >)

  38. 38 Antonio G Sobreirea 13/10/2011 às 07:42

    Raphael Marques. Parabéns pelo tutorial. Já utilizava o photoshop mas suas dicas somaram. Obrigado.

  39. 39 Louis 10/12/2011 às 13:11

    tutorial foda!
    eu sempre usei desse jeito tambem rapaz é mais facil

  40. 40 fulano 30/01/2012 às 15:46

    parabens cara você é um dos poucos pela internet que sabe explicar bem alguma coisa XD, os outros tutorias geralmente não explicavam muito bem com detalhes valeu cara (y)

  41. 41 Hugo Leonardo 16/03/2012 às 01:08

    Cara, não sou mau agradecido nao, tem gente que vem aqui e pega seu tutorial aprende e depois nao volta pra agradescer.. Ajudou muito mano! Parabens pelo trabalho e muito obrigado!

  42. 42 will 17/04/2012 às 22:10

    velhoo parabéns manolo….muito bom seu tutorial….ensina bem pacas rapaz….kkkkk

  43. 43 Fernanda 25/04/2012 às 16:31

    obrigado por esse tutorial, resolveu meu problema!!!

  44. 44 Koneko-chan 04/05/2012 às 01:04

    Suuuugooooooiiii ! =*u*=
    adorei esse tuto, arigato >.<

  45. 45 celioalfredo 20/06/2012 às 07:12

    obrigado prof tu és bwé porreiro. Sucesso na tua carreira

  46. 46 Richeu Fernando 29/08/2012 às 13:24

    Eu gstei muito deste tutorial pq ele é apartr d imagen e com paso-a-passo que é muit mais trbalhoso q um vídeo e eu nao cnsgo ver vídeos no meu pc! Gostei muit Raphael…lança mais tutoriais!

  47. 47 mateus 25/10/2012 às 08:01

    Parceiro show de bola, agora aprendi mesmo como colorir um desenho. Obrigado

  48. 48 Andréa 01/11/2012 às 17:32

    Raphael…
    Seu tutorial foi show, realmente como você disse… simples. Consegui fazer tudo. Parabéns! Continue seguindo esse estilo. Continuarei buscando dicas no seu tutorial.

  49. 49 Soraya 17/05/2013 às 16:32

    Ótimo tutorial. Fácil de entender e de reproduzir. Parabéns!

  50. 50 maripaintart 15/08/2013 às 13:30

    Procurando por tutoriais na internet, encontrei o seu e fiquei muito feliz 🙂
    vou repetir o que a Maira disse em 2009, Vc teve o dom de explicar da maneira mais fácil possível!! Aprendi ^^ e vim aqui te agradecer pelo ótimo post! Sucesso, Parabéns e Obrigada!

    depois confere alguns trabalhos em: http://maripaintart.wordpress.com/

  51. 51 Manoel Damaceno 05/10/2013 às 19:35

    “Gosto de desenhar, sempre gostei! Mas tem hora que cansa vc ficar vendo soh aqueles desenhos sem cor… sem vida…” Eu sempre pensei isso, mas o problema é saber pintar no lápis; foi ótimo encontrar esse tutorial =D

  52. 52 Valentine Zero 10/11/2013 às 13:14

    Muito bem explicado e resumido. Ótimo trabalho! ^^

  53. 53 Juliana Fachini 04/01/2014 às 18:23

    Obrigada! Me ajudou bastante e você explica de uma maneira muito fácil. :3

  54. 54 marco alencar 12/01/2014 às 09:46

    boa cara bem facil de pegar as dicas xD bom tuto

  55. 55 nerdnow26 26/12/2015 às 13:15

    Muito bom, me ajudou muito. ✋👊😀😀

  56. 56 Tiago Pirata 03/04/2016 às 22:23

    Valeu ! Obrigado !
    Cara , eu estava procurando por um poat assim a muito tempo ! Valeu mesmo.

  57. 57 biakky 27/05/2016 às 02:45

    obrigada mesmo!! esse tutorial vai me ajudar bastante nos meus trabalhos de desenho :3

  58. 58 Vitor Grun 17/06/2016 às 09:24

    Muito bom em, procurei em vários lugares como pintar meus desenho ( tenho mesa digitalizadora, mas prefiro o contato com papel), faço com caneta nanquim cheio de hachuras, e ajudou um monte agora, vlw. Parabéns ae!


  1. 1 leelah Trackback em 25/11/2020 às 05:42

Deixe um comentário




Categorias

Estatísticas

  • 143.335 hits