Tutorial – Colorindo um desenho

no Photoshop
Published 02/12/2008 Desenho , Photoshop , Tutorial58 Comments
Tags:Desenho, Photoshop, Tutorial

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…
2 – duplicar a imagem
sempre trabalhe na cópia, caso vc faça
alguma merdabesteira não vai perder o original!

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).
Veja a indicaçao de GRAY na barra de título da imagem
aberta

para converter basta utilizar o menu…

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!
 Selecione o layer background

clique com o botao direito e

escolha a opçao para duplicar

agora vemos 2 layers iguais, mas o

novo layer nao está bloqueado!
 botao direito no layer antigo e
vamos deletá-lo

vamos 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!

clique na setinha pequena ali em

cima…

e crie um novo layer chamado

‘pele’
 agora 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)

agora selecionamos a ferramenta zoom na

barra de ferramentas…
 e
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

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…
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!

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).
 agora
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!
 o
resultado é esse, cobrindo todo o rosto mas sem passar os
limites do contorno dele

agora crie um novo layer (vc jah

sabe fazer isso) com o nome ‘cabelo’
 no
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…
 no
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!
agora selecione o background

e arraste-o para cima

e coloque-o acima dos outros layers

 o
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)

Selecione o layer cabelo

selecione a ferramenta MAGIC WAND, ela

é uma ferramenta de seleçao…
 clique sobre a regiao do
cabelo (lembrando que vc selecionou o layer cabelo)

ao 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’

agora seleciona a ferramenta

pincel (Brush Tool)
 na
ferramenta de seleçao de cor, escolha um azul mais escuro
que o azul do cabelo

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…

veja
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!
terminei de adicionar a sombra (azul escuro) no cabelo
todo, agora vamos pra pele

selecione o layer da pele

 agora
escolha um vermelho mais escuro (mesmo esquema do
cabelo)
utilizando a feramente MAGIC WAND selecione a regiao do
rosto (lembrando que o layer ‘rosto’ deve estar
selecionado)

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

agora remova a seleçao indo no

menu correspondente (ou com as teclas Ctrl+D)
 e
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…

 selecione o layer ‘pele’

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

marque 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

ajuste
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.

agora
faça o mesmo procedimento para o cabelo, lembre de
selecionar o layer ‘cabelo’. eu escolhi um tom vermelho pro
cabelo dele
 clique no olhinho ao lado do layer
background pra faze-lo sumir!

veja
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
 agora vamos corrigir o olho,
selecione o layer ‘pele’

use o
pincel com a cor branca e um diametro apropriado para
pintar a regiao do olho de branco!
 veja o
resultado final que legal =D

9 – admire seu trabalho =D

 essa é
a imagem final! imagina como ficaria no desenho
completo…. =D
 veja 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/