Curso de Arquitetura e Urbanismo - Disciplina de Desenho Artístico

Tutorial
Como colorizar croquis
no Gimp e no PhotoShop

Elaborado por:

Ezequiel Mendonça Rezende

Fevereiro / 2011
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
2
Como colorizar croquis no Gimp e no PhotoShop
Por Arq.Ezequiel Mendonça Rezende

Primeira parte: Como colorizar croquis no Gimp

Este tutorial foi elaborado com o programa GIMP (http://www.gimp.org), versão 2.6.8.
O objetivo deste tutorial é colorir um croqui feito à mão livre, utilizando para isto os recursos do programa
GIMP.

1- Inicialmente digitalize o croqui utilizando para isto o próprio

programa GIMP.

Vá ao menu “Arquivo → Criar →

Scanner / Câmera” e aparecerá o
quadro de diálogo ao lado.

Em seguida, o programa solicitará

qual é a fonte do seu dispositivo de scanner. Escolha o seu
dispositivo e click em “Select”.
Escolha o modo de tons de cinza (Grayscale Picture). Faça um
“Preview” da imagem e em seguida com os pequenos
quadradinhos, selecione a área a ser digitalizada e click em “Scan”.

2- Após digitalizar a imagem, talvez seja necessário ajustar os limites entre as

áreas claras e escuras. Vá ao menu “Cores → Limites...” e arraste o pequeno
triangulo para a direita até ter uma imagem onde os traços do croqui estarão
bem destacados.

3- A imagem digitalizada “em

tons de cinza” está pronta
para ser colorizada.

4- Para colorizar a imagem, esta deverá inicialmente ser transformada em uma

imagem à cores. Então será necessário converter a imagem “em tons de cinza”
em uma imagem “RGB”. Para isto vá ao menu “Imagem” e em “Modo”
escolha “RGB”.

5- Para começar a edição da imagem, vá a caixa “Camadas, Vetores, Desfazer”, e

click sobre a camada “Fundo” e em seguida click com o botão direito do
mouse escolha “Duplicar Camada”.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
3

6- Ainda nesta mesma caixa, selecione a nova camada “cópia de Fundo” e em “Modo” mude
de “Normal” para “Multiplicar”.

7- Ainda na mesma caixa, click no botão “Criar

uma nova camada”. Será apresentado o quadro
de diálogo “Nova camada”. Coloque em “Nome
da camada” o nome desejado da camada, como
por exemplo, “Céu azul” e click em “OK”.
Aparecerá na caixa “Camadas, Vetores,
Desfazer” a nova camada “Céu azul”.

8- Em seguida, arraste a camada “Céu azul” para baixo da camada “cópia do Fundo”. Obs.:
Sempre a camada “cópia do Fundo” deverá estar acima de todas as outras camadas.

9- Selecione a camada “Céu azul” para que esta fique a camada ativa.

10- No quadro “Caixa de ferramentas”

utilize a “Ferramenta de seleção livre”
para definir a área de preenchimento,
abrangendo apenas o fundo desejado.

Obs.: Não preocupe com objetos como

linhas e nuvens abaixo desta camada.
As linhas serão duplicadas pela camada
“cópia de Fundo” e as nuvens poderão
ser pintadas em uma nova camada
acima da camada “Céu azul”.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
4

11- Utilize as ferramentas de

preenchimento e pintura do
programa para colorir o céu.
Ainda na “Caixa de
ferramentas”, escolha a
“Ferramenta de Mistura”. No
quadro de configuração das
cores escolha um tom azul
escuro e a cor branca para o
céu. Clique no topo da
imagem e arraste para a parte
inferior para executar o
preenchimento de gradiente de cores.

12- Para as nuvens e paredes do

edifício repita os
procedimentos anteriores,
criando quantas camadas
que forem necessárias, mas
sempre mantendo a camada
“cópia do Fundo” acima de
todas as outras camadas.

13- Para preenchimento com

apenas uma cor, utilize a
“Ferramenta de
Preenchimentos”.

14- Se desejar, as nuvens podem ter um efeito de transparência, para isto vá à caixa “Camadas, Vetores, Desfazer” e
selecione a camada “Nuvem” e em “Opacidade” mude o valor para um desejado.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
5
Segunda parte: Como colorizar croquis no PhotoShop CS4
Este tutorial foi elaborado com o programa Adobe PhotoShop (http://www.adobe.com), versão CS4.
O objetivo deste tutorial é colorir um croqui feito à mão livre, utilizando para isto os recursos do programa
Adobe PhotoShop CS4.

1- Inicialmente digitalize o croqui utilizando para isto o próprio programa

PhotoShop.

Vá ao menu “File → Import → WIA Support...” e aparecerá o quadro de

diálogo ao lado.

Em seguida, o programa solicitará qual dispositivo de scanner que você

deseja usar. Escolha o seu dispositivo e click em “OK”.

Escolha o modo de tons de cinza (Grayscale Picture). Faça um

“Preview” da imagem e em seguida com os pequenos
quadradinhos, selecione a área a ser digitalizada e click em “Scan”.

2- Após digitalizar a imagem, talvez seja necessário ajustar os limites entre

as áreas claras e escuras. Vá ao menu “Image → Adjustments →
Levels...” e arraste o primeiro pequeno triangulo à esquerda para a direita
até ter uma imagem onde os traços do croqui estarão bem destacados.

3- A imagem digitalizada “em tons de

cinza” está pronta para ser colorizada.

4- Para colorizar a imagem, esta deverá

inicialmente ser transformada em
uma imagem à cores. Então será
necessário converter a imagem “em
tons de cinza” em uma imagem
“RGB”. Para isto vá ao menu “Image
→ Mode” escolha “RGB Color”.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
6
5- Para começar a edição da imagem, vá a caixa “LAYERS”, e click sobre a
camada “Background” e em seguida click com o botão direito do mouse escolha
“Duplicate layer...”.

6- Ainda nesta mesma caixa, selecione a nova

camada “Background copy” e mude o modo
de mistura da camada de “Normal” para
“Multiply”.

7- Ainda na mesma caixa, click no botão “Create a new layer”. Aparecerá uma
nova camada chamada “Layer 1” Dê dois click em “Layer 1” e renomeie a
camada para algo como por exemplo, “Céu azul”.

8- Em seguida, arraste a camada “Céu azul” para baixo da camada “cópia do Fundo”.
Obs.: Sempre a camada “cópia do Fundo” deverá estar acima de todas as outras
camadas.

9- Selecione a camada “Céu azul” para que esta fique a camada ativa.

10- No quadro “Caixa de ferramentas” utilize a “Ferramenta de seleção livre” para definir a
área de preenchimento, abrangendo apenas o fundo desejado.

Obs.: Não preocupe com objetos como linhas e nuvens abaixo desta camada. As linhas
serão duplicadas pela camada “Background copy” e as nuvens poderão ser pintadas em uma
nova camada acima da camada “Céu azul”.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende
 CENTRO UNIVERSITÁRIO NEWTON PAIVA
Faculdade de Arquitetura e Urbanismo
7
11- Utilize as ferramentas de preenchimento e pintura do programa para colorir
o céu. Selecione a ferramenta “Gradient Tool”e nos botões de configurações
das cores (Set background color – Set foreground color) escolha um tom
azul escuro e a cor branca para o céu. Clique no topo da imagem e arraste
para a parte inferior para executar o preenchimento de gradiente de cores.

12- Para as nuvens e paredes do edifício repita os procedimentos

anteriores, criando quantas camadas que forem necessárias,
mas sempre mantendo a camada “Background copy” acima
de todas as outras camadas.

13- Para preenchimento com apenas uma cor, utilize a ferramenta

de preenchimentos “Paint Bucket Tool”.

14- Se desejar, as nuvens podem ter um efeito de transparência, para isto vá à caixa “Layers” e selecione a camada
“Nuvens” e em “Opacity” mude o valor para um desejado.

Elaborado pelo professor do Centro Universitário Newton Paiva - Arq. Ezequiel Mendonça Rezende