Você está na página 1de 100

GUIA CURSO DE

PHOTOSHOP ILUSTRAÇÃO

APRENDA OS SEGREDOS DE FAZER


DESENHOS NO PHOTOSHOP!
GUIA CURSO DE

PHOTOSHOP
www.revistaonline.com.br

ILUSTRAÇÃO
CIP-BRASIL. CATALOGAÇÃO NA PUBLICAÇÃO
SINDICATO NACIONAL DOS EDITORES DE LIVROS, RJ
G971
Guia curso de photoshop : ilustração. -- 2. ed. - Barueri, SP :
On Line, 2017.
: il.
ISBN 978-85-432-2011-6

1. Adobe Photoshop (Programa de computador). 2.


Fotografia - Técnicas digitais. 3. Processamento de imagens -
Técnicas digitais.

17-44233 CDD: 006.6


CDU: 004.92

21/08/2017 23/08/2017

3
Sumário
A mesa digitalizadora ......................................................6 Histórico (Y).......................................................................14
Onde comprar ....................................................................6 Gradiente e .......................................................................14
Configuração necessária ...............................................7 Lata de Tinta (G)...............................................................14
Windows ..............................................................................7 Subexposição, .................................................................14
Mac OS ..................................................................................7 Superexposição ..............................................................14
Onde comprar ....................................................................7 e Esponja (O) .....................................................................14
Caneta (P)...........................................................................15
Interface do programa ....................................................9 Seleção de .........................................................................15
Interface .............................................................................10 Demarcador (A)................................................................15
Barra de menu .................................................................10 Mão (H)................................................................................15
Zoom (Z) .............................................................................15
Paleta Ferramentas .......................................................10 Texto (T) ..............................................................................15
Arquivos Abertos ............................................................10 Formas (U) .........................................................................15
Barra de Opções ...............................................................11 Seleção de Cor..................................................................15
Menu de paletas ...............................................................11
Customizar a Interface ..................................................11 Ferramentas de seleção ...............................................16
Ferramentas .....................................................................12 Letreiro (M) ........................................................................16
Letreiro (M) ........................................................................12 Laço (L) ................................................................................16
Mover (V) ............................................................................12 Varinha Mágica (W) ........................................................16
Laço (L) ................................................................................13 Letreiro Retangular e Elíptico.....................................16
Corte (C) ..............................................................................13 Laço ......................................................................................16
Pincel de ............................................................................13 Varinha mágica ................................................................16
Recuperação (J) ...............................................................13 Laço poligonal...................................................................16
Varinha Mágica (W) ........................................................13 A barra de opções ..........................................................16
Conta-gotas (I) ..................................................................13 Letreiro de coluna única e de linha única ...............16
Pincel e Lápis (B)..............................................................13 Seleção rápida..................................................................16
Carimbo (S) ........................................................................14 Laço magnético................................................................16
Borracha (E) ......................................................................14 Caneta (P)........................................................................... 17
Desfoque, ..........................................................................14 Seleção de ......................................................................... 17
Nitidez e Borrar ...............................................................14 Demarcador (A)................................................................ 17
Pincel do ............................................................................14 Usando a caneta.............................................................. 17

PRESIDENTE: Paulo Roberto Houch • ASSISTENTE DA PRESIDÊNCIA: Adriana Lima (redacao@editoraonline.com.br)


• COORDENADOR DE ARTE: Rubens Martim • GERENTE COMERCIAL: Elaine Houch (elainehouch@editoraonline.com.
br) • SUPERVISOR DE MARKETING: Vinicius Fernandes • ASSISTENTE DE MARKETING: Gabriela Nunes • DIRETORA
ADMINISTRATIVA: Jacy Regina Dalle Lucca • COLABORARAM NESTA EDIÇÃO: ILUSTRAÇÃO: Fabiano Moura •
TEXTOS: Fabiano Moura • EDIÇÃO: Cynthia Marafanti • DIAGRAMAÇÃO: Fabiano Moura • ILUSTRAÇÃO: Leandro
Sales • Impresso na ÍNDIA • Distribuição no Brasil por DINAP • GUIA CURSO DE PHOTOSHOP - ILUSTRAÇÃO é uma
publicação do IBC Instituto Brasileiro de Cultura Ltda. – Caixa Postal 61085 – CEP 05001-970 – São Paulo – SP – Tel.: (11) 3393-
7777 • A reprodução total ou parcial desta obra é proibida sem a prévia autorização do editor. Para adquirir com o IBC: www.
revistaonline.com.br • VENDAS AOS DISTRIBUIDORES: Tel.: (11) 3393-7711/7723/7719/7766 (vendas@editoraonline.com.br).

4
das Linhas ......................................................................... 38
Ferramentas de colorização e desenho .................19 Variação de linhas .......................................................... 39
Lata de Tinta (G)...............................................................19 Círculos e elipses ............................................................ 39
Cor de primeiro plano ...................................................19 Treino de precisão .........................................................40
e segundo plano ..............................................................19 Desenhando figuras geométricas.............................41
Degradê (G).......................................................................20 Círculo e o quadrado .....................................................41
Tipos de degradê.............................................................21 Elipse e o retângulo ...................................................... 42
Triângulo ........................................................................... 42
Ferramentas de pintura e desenho ........................ 22 Trapézio ............................................................................ 42
Pincel e Lápis (B)............................................................. 22
Painel de pinceis ............................................................. 23 Princípios básicos........................................................... 43
Painéis ................................................................................ 24 Desenhando veículos.................................................... 47
Seletor de Cores ............................................................. 24 Desenhando veículos ...................................................48
Amostras de Cores ........................................................ 24
Informações ..................................................................... 25 Cores e camadas .............................................................53
Demarcadores................................................................. 25 Estudando a teoria das cores .................................... 54
Histórico ............................................................................ 25 Círculo cromático .......................................................... 54
Camadas ............................................................................ 25 Monocromia ......................................................................55
Demarcadores ................................................................ 26 Complementar Dupla ....................................................55
Preencher Demarcador com a Matiz ....................................................................................55
Cor de Primeiro Plano ................................................. 26 Croma .................................................................................55
Traçar Demarcador com Pincel ................................ 26 Saturação ..........................................................................55
Carregar Demarcador como uma Seleção .......... 26 Intensidade........................................................................55
Criar Demarcador de ................................................... 26 Luminância ........................................................................55
Tarefa a partir da Seleção .......................................... 26 Sombra ..............................................................................55
Adicionar uma Máscara ............................................... 26 Tom ......................................................................................55
Criar Novo Demarcador............................................... 26 Complementar .................................................................55
Exclui Demarcador......................................................... 26 Análoga ...............................................................................55
Camadas ............................................................................27 Complementar Decomposta.......................................55
Tríade ...................................................................................55
Conceitos básicos ........................................................... 29
Entendendo a luz e sombra ....................................... 56
Trabalhar em CMYK ou RGB? ....................................30 Usando as camadas ...................................................... 58
Cor base ou chapada .................................................... 59
A resolução ideal .............................................................31 Aplicando as Sombras .................................................60
Desenhando e colorizando .........................................61
Tamanho da imagem .................................................... 32
Passo a passo .................................................................. 69
Salvando o arquivo.........................................................33 Rosa..................................................................................... 70
Paisagem ............................................................................74
Desenhando ......................................................................35 Pássaro .............................................................................. 78
Desenhando ..................................................................... 36 Rosto................................................................................... 82
Exercicos básicos.............................................................37 Mulher ................................................................................86
Exercícios básicos........................................................... 38 Herói....................................................................................90
A importância ................................................................. 38 Lutador...............................................................................94

5
Introdução

A mesa digitalizadora
P Onde comprar
ara fazer os desenho di- com os tablets, mas é compos-
gitais, usamos a mesa di- ta por uma caneta e uma base, Existem muitas marcas no
gitalizadora, ferramenta que é a mesa digitalizadora, mercado, mas a preferida é a
muito importante para ilustra- onde tudo que fazemos nessa Wacom, que tem tecnologia de
ção no Photoshop, pois simula o base, como a pressão exercida ponta para canetas magnéticas
desenho em uma folha de papel pela caneta e o movimento, é sem fios.
com um lápis ou caneta. Ela tem passado para o Photoshop em www.wacom.com/pt-br/pro-
sua funcionalidade parecida forma de ilustrações. ducts/pen-tablets

6
Configuração necessária volume que use um sistema de arquivos que
diferencie entre maiúsculas e minúsculas ou
Windows em dispositivos de armazenamento removíveis
• Processador Intel® Core 2 ou AMD Athlon® 64; com base em flash)
processador de 2 GHz ou mais rápido • Monitor 1024 x 768 (recomenda-se 1280 x
• Microsoft 7 com Service Pack 1, Windows ou 800) com cores de 16 bits e 512 MB de VRAM
Windows 8.1 (recomenda-se 1 GB)*
• 2 GB de RAM (recomenda-se 8 GB) • Sistema com capacidade para OpenGL 2.0
• 2 GB de espaço disponível em disco para ins- • Requer conexão com a Internet e registro para
talação de 32 bits; 2.1 GB de espaço disponível a ativação obrigatória do software, a validação
em disco para instalação de 64 bits; requer es- da associação e o acesso aos serviços on-line.**
paço livre adicional durante a instalação (não é •
possível instalar em dispositivos de armazena- • *os recursos 3D serão desativados com menos
mento removíveis flash) de 512 MB
• Monitor 1024 x 768 (recomenda-se 1280 x • **AVISO AOS USUÁRIOS: Para ativar e usar o
800) com cores de 16 bits e 512 MB de VRAM produto, são necessárias uma conexão com a In-
(recomenda-se 1 GB)* ternet, uma Adobe ID e a aceitação do contrato
• Sistema com capacidade para OpenGL 2.0 de licença. Este produto pode ser integrado ou
• Requer conexão com a Internet e registro para permitir acesso a determinados serviços on-line
ativação do software, validação de assinaturas da Adobe ou hospedados por terceiros. Os servi-
e acesso aos serviços on-line.** ços Adobe estão disponíveis somente para usuá-
rios com pelo menos 13 anos de idade e exigem a
Mac OS aceitação de termos de uso adicionais da política
• Processador Multicore Intel® com suporte a 64 de privacidade on-line da Adobe (consulte www.
bits adobe.com/aboutadobe/legal.html).
• Mac OS X v10.9 (64 bits) ou v10.10 (64 bits) • Aplicativos e serviços podem não estar dispo-
• 2 GB de RAM (recomenda-se 8 GB) níveis em todos os países ou idiomas e podem
• 2 GB de espaço disponível em disco para insta- estar sujeitos a alteração ou cancelamento sem
lação; espaço livre adicional necessário duran- aviso prévio. Taxas adicionais ou de associação
te a instalação (não é possível instalar em um podem ser aplicáveis.

Onde comprar
Apesar de o tutorial deste guia ter sido feito no Visite o site da Adobe e saiba mais sobre o que tem
Photoshop CS6, temos no mercado versões mais de novo nessa versão e como adquiri o programa.
atuais, como o Photoshop CC para aquisição. www.adobe.com/br

7
Interface do programa
Interface

Interface
A
interface do Pho-
toshop é baseada em Arquivos Abertos
janelas, sendo muito
mais fácil e prática de se tra- O arquivo que está sendo tra-
balhar, além de oferecer di- balhado e também suas infor-
versos recursos, como jane- mações, como nome do arqui-
las de ferramentas, paletas vo, o nível do zoom e o modo
e muitas ações pré-definidas. de cores do arquivo.

Barra de menu
Fica na parte superior do
programa e é dividida em 10
drop-downs: Arquivo, Editar,
Camada, Tipo, Selecionar, Fil-
tro, Visualizar, Janela e Ajuda.
As opções do menu oferecem
outras ferramentas especificas
e possuem alguns recursos
ocultos, que são acionados no
momento em que estiver uti-
lizando alguma ação ou efeito.
Experimente para entender
como funcionam.

Paleta Ferramentas
Localizada no canto esquerdo
da Área de Trabalho, oferece vá-
rias ferramentas para trabalhar.
Veja que algumas delas têm um
pequeno triângulo na parte in-
ferior, isso indica que a mesma
ferramenta tem outra opções
que ficam ocultas. Para acioná-
-las, basta clicar e segurar sobre
a ferramenta, para aparecerem
novas opções. Abaixo das ferra-
mentas temos dois quadrados
que são as opções de cores,
uma de primeiro plano e outra
de plano de fundo. As últimas
ferramentas são a da esquer-
da, a máscara rápida, e a direta,
que alterna o modo de tela.

10
Barra de Opções Menu de paletas Customizar a Interface
Oferece novos recursos e op- Possui muitos recursos e Define perfis com as ferra-
ções de ajustes de proprieda- configurações, facilitando e mentas necessárias para o
des. Podemos achá-la na parte ajudando no desenvolvimento tipo do trabalho com as pale-
superior do Photoshop, logo dos trabalhos. Também possui tas mais utilizadas. Depois de
abaixo da barra de Menus, uma pequena seta ao lado di- customizar a interface, salve-a
pois ela pode ser retirada e reito, com um submenu com em Menu Janela>Área de tra-
posicionada em outro local na mais opções. balho>Nova Área de trabalho.
Área de Trabalho. Então, clique em Salvar.

11
Ferramentas

Ferramentas
E
xitem muitas opções podemos habilitar no menu Mover (V)
de ferramentas. Para Janela> Ferramentas. Procure
entendê-las, veremos testar as ferramentas para ter Ela tem a função de mover
os itens separadamente. um melhor entendimento do objetos em uma camada espe-
Normalmente, fica localizada no seu funcionamento e, assim, cifica. Clique em qualquer lugar
canto esquerdo do Photoshop dominar o Photoshop e seu da tela e arraste para poder
mas, caso não esteja aparecendo, recursos. usá-la e, assim, o objeto sele-
cionado se moverá na camada.

Letreiro Retangular Mover


Laço Varinha Mágica
Corte Demarcado Conta-gotas
Pincel de Recuperação Pincel
Carimbo Pincel do Histórico
Borracha Degradê
Desfoque Subexposição
Caneta Texto Horizontal
Seleção de Demarcador Retângulo
Mão Zoom
Cor de Primeiro Plano
Cor de Plano de Fundo

Modo Máscara Rápida Alternar Modo de Tela

Letreiro (M)
Nas ferramentas com um Essa ferramenta serve para
pequeno triângulo no canto selecionar uma parte da tela no
inferior direto, há outras op- formato retangular ou elíptico. Se
ções ocultas. utilizar a ferramenta segundado a
tecla Shift, terá um quadrado per-
feito ou um círculo, mas a imagem
será afetada por qualquer edição
apenas na área selecionada.

12
Laço (L) Varinha Mágica (W)
Ele faz a seleção livre onde Ferramenta de seleção que,
você desenha a área de se- ao clicar em uma área da ima-
leção e após fechar a forma, gem, você faz uma seleção em
tudo que estiver dentro dela uma determinada cor e suas
estará selecionado. Nesta fer- áreas adjacentes com colo-
ramenta você tem acesso ao ração similar. Muitos usam a
Laço Poligonal, que permite Varinha Mágica para retirar
criar uma seleção livre em vá- fundos de imagens.
rios cliques, e o Laço Magnéti-
co, que tenta detectar bordas
automaticamente para facili-
tar a sua seleção.

Corte (C) Conta-gotas (I)


Essa ferramenta corta as Permite que você copie a cor
imagens por meio de uma se- do local, clicado em qualquer
leção retangular, e tudo que fi- parte da imagem. Ela é muito
car de fora dessa seleção será útil, pois facilita na hora de
eliminado da imagem. Você escolher uma cor exata que já
também pode especificar o exista na imagem.
tamanho do corte ou sua pro-
porção, ou cortar à mão livre.

Pincel de Pincel e Lápis (B)


Recuperação (J)
São ferramentas de dese-
Você seleciona uma amostra nho, onde o lápis cria uma
de um ponto da imagem e usa linha mais dura com espes-
para pintar outro ponto dela. sura variável, enquanto o
Assim que terminar, o Pho- pincel produz uma linha mais
toshop examina a região pin- suave e também assume ou-
tada e procura suavizar. tros formatos.

13
Ferramentas

Carimbo (S) Pincel do


Histórico (Y)
Com esta ferramenta, determi-
ne uma parte da imagem como Esse pincel faz com que você
amostragem e use esta amos- possa pintar a etapa anterior, ou
tragem para cobrir outras áre- seja, pintar o passado sobre a
as da imagem. Com o Carimbo, imagem atual. Se você fez algu-
o Photoshop irá suavizar a sua ma alteração na imagem inteira,
correção, como na ferramenta do como um brilho, mas gostaria
pincel de recuperação. que uma parte voltasse a ficar no
tom que estava antes, é só pintar
a parte desejada para trazer de
volta a forma antiga.

Borracha (E) Gradiente e


Lata de Tinta (G)
Ela serve apenas para apagar
em vez de pintar, apesar de ser O Gradiente pega as cores de
muito parecida com o pincel. Ao primeiro plano e fundo ativas
apagar com a Borracha, você pre- e cria um gradiente entre elas.
enche a área apagada com a cor Também cria com outras quanti-
de plano de fundo. dade de cores e efeitos.
A Lata de Tinta tem a função
parecida com a Varinha Mágica,
mas a diferença é que ela apenas
pinta a área clicada e as áreas si-
milares ao redor.

Desfoque, Subexposição,
Nitidez e Borrar Superexposição
Elas têm o funcionamento pa-
e Esponja (O)
recido com os pincéis. A Nitidez São ferramentas de retoques
e o Desfoque trabalham em uma que manipulam luminosidade e
área selecionada da imagem e a intensidade das cores. Subexpo-
ferramenta Borrar simula efeitos sição serve para clarear, Superex-
parecidos, como passar o dedo posição para escurecer e Esponja
em uma tinta fresca, espalhando serve para saturar ou suavizar
de madeira suave na imagem. cores na área pintada por ela.

14
Caneta (P) Texto (T)
É uma ferramenta muito A função dela é escrever tex-
usada para desenhar gráficos tos de maneira horizontal, mas
vetoriais, áreas de preenchi- tem outras opções onde pode-
mentos e também pode ser mos trabalhar com ele de ma-
usada para criar demarcado- neira vertical e fazer também
res para recortar imagens ou máscaras de textoa horizon-
retoques específicos. tais e verticais.

Seleção de
Demarcador (A)
Ela é igual a ferramenta de
mover, porém sua função é
apenas mover os demarcado-
Formas (U)
res criados no documento. Criar figuras geométricas,
como retângulos, elipses, polígo-
nos, linhas e formas personali-
zadas, todas em formato vetor.

Mão (H)
Permite mover a sua visão
da área de trabalho do Pho-
toshop. A outra opção serve
para rotacionar a imagem para Seleção de Cor
visualização e, assim, poder
trabalhar melhor. Ela é responsável por ge-
renciar as cores que você está
usando, a cor de cima é a sua
primária, enquanto a de trás é
Zoom (Z) a cor de plano de fundo. Os dois
ícones menores acima das co-
Usada para apróximar e res são atalhos de funções.
afastar a imagem, podendo,
assim, trabalhar detalhes em
pontos específicos.

15
Ferramentas | Painéis

Ferramentas de seleção
Letreiro (M)
Serve para selecionar uma
parte da tela no formato re-
tangular ou elíptico. Se utili-
zar a ferramenta segunrado a Letreiro Retangular e Elíptico Letreiro de coluna única
tecla Shift, terá um quadrado A ferramenta letreiro retangu- e de linha única
perfeito ou um círculo, mas lar cria seleções retangulares ou Essas ferramentas criam
a imagem será afetada por quadradas, se usar a tecla Shift seleções em forma de coluna
qualquer edição apenas na pressionada. A ferramenta elíp- e linha.
área selecionada. tica funciona da mesma forma,
mas cria seleções circulares.

Laço (L)
Ela faz seleção livre, dese-
nhando a área de seleção.
Ao fechar a forma, tudo o
que estiver dentro dela esta- Laço Laço poligonal Laço magnético
rá selecionado. Permite criar se- Funciona seme- Com um auto-
O Laço Poligonal permite leções livres, dese- lhante à ferra- ajuste que gruda
criar uma seleção livre em nhando a área que menta laço, mas na área que deseja
vários cliques, e o Laço Mag- desejar selecionar. cria linhas retas selecionar, facilita a
nético tenta detectar bordas para selecionar a criação de seleções
automaticamente, para facili- área desejada. mais curvas.
tar a sua seleção.

Varinha Mágica (W)


É uma ferramenta de sele-
ção, que ao clicar em uma área
da imagem, você faz uma sele-
ção em uma determinada cor e Varinha mágica Seleção rápida
suas áreas adjacentes, com co- Clicando seleciona áreas que Permite que seja pintada a
loração similar. É muito usada contenham tonalidades de co- seleção por meio de um pincel.
para retirar fundos de imagens res semelhantes.
com grandes áreas.

A barra de opções
Faz Intersecção com Exibida abaixo da barra de
outra seleção. menus, na parte superior da
área de trabalho, é a barra que
Subtrai de uma seleção muda conforme selecionamos
já existente. ferramentas diferentes. Em
muitas ferramentas ela tem
Adiciona a uma seleção configurações comuns, em ou-
já inexistente. tras são mais específicas. Pro-
cure utilizá-la para configurar a
Fa nova seleção. ferramenta escolhida.

16
Caneta (P)
É muito usada para desenhar criar demarcadores para recor-
gráficos vetoriais, áreas de pre- tar imagens ou retoques espe-
enchimentos e também para cíficos e determinados pontos.

Para iniciar a demar- Essa ferramenta é Cria “pontos” e Converte um ponto


cação e ajustá-los em como o nome sugere “excluir” pontos de de ancoragem, mu-
curvas ou retas. Méto- caneta de forma livre controle dentro dos dando seu ângulo
do mais eficaz para fa- é possível “desenhar” demarcadores cria- para fechado, aberto
zer recortes ou marca- os demarcadores de dos anteriormente. e suave.
ções mais complexos. forma mais livre.

Seleção de
Demarcador (A)
Ela é igual a ferramenta de
mover, porem sua função é O recurso serve para selecio- Seleciona e edita os pontos de
apenas mover os demarcado- nar os demarcadores ou for- ancoragem em demarcadores.
res criados no documento. mas criadas no Photoshop.

Usando a caneta
Inicia a criação do demarca- Pontos de ancoragem Para fechar o ponto de anco-
dor com a ferramenta da ca- ragem inicial é só clicar nele.
neta e clique no ponto em que
pretende criar, será marcado o
primeiro ponto de ancoragem
(pontos que fixam o demar-
cador, esse pontos vão sendo
ligados entre si), assim siga
ponto a ponto para ter a forma
que deseja.
Feche a forma clicando nova-
mente no ponto inicial, assim será
feito um desenho interligado.

17
Ferramentas | Painéis

Podemos criar um demar-


cador com linhas em ângulos
perfeitos com sempre retas
horizontais, verticais ou diago-
nais, para isso mantenha a te-
cla Shift pressionada ao clicar
para criar cada ponto.

Para fazer linhas com curva,


clique para criar o ponto, então
sem soltar o botão, arraste o
mouse ou a caneta da mesa di-
gitalizadora, criando uma linha
tangente, indicando qual será a
curvatura da linha, sendo feito
no primeiro ponto, ou nos pon-
tos seguintes do demarcador.

Ponto com tangente que deter-


mina a curva.

Esse ponto faz o demarcador se-


guir, se a curva não for apagada.

Se clicar no ponto de ancora-


gem, com o “Alt” pressionado, a
tangente é apagada.

18
Ferramentas de colorização e desenho
Lata de Tinta (G)
Ela tem a função semelhante
a da Varinha Mágica, mas a di-
ferença é que ela apenas pinta
a área clicada e as áreas simila-
res ao redor. A seta inver-
Cor de primeiro plano
e segundo plano
te as cores es-
Definimos a cor de primeiro pla- colhidas entre
no que será usada pela ferramen- os planos.
ta selecionada e a de segundo
plano utilizada por ferramentas O ícone com dois quadrados
que trabalham com duas cores. serve para resetar as cores de
primeiro e segundo retornando
para preto e branco.
Conforme a escolha da fer- ramenta, como padrões, modo
ramenta a barra de opções de mesclagem de cores, nível
oferece configurações para fer- de opacidade e tolerância.

Normal: modo de mesclagem Superexposição Linear: Ela faz


padrão. Edita ou pinta cada pi- o contrário da Superexposição
xel e o transforma na cor final. de Cor, diminui o brilho da ca-
mada de baixo. A cor branca
Dissolver: Edita ou pinta os pi- não produz alterações.
xel e o transforma na cor final,
mas a cor é uma substituida de Cor Mais Escura: Ela mantém
forma aleatória nos pixels pela as tonalidades das cores mais
cor de base ou de camada, escuras comparando todos os
valores de canal para a cor.
Escurecer: Examina as informa-
ções e seleciona a cor de base Clarear: Faz o contrario da Cor
mais escura como cor final. Os pi- Mais Escura, ou seja mantém
xels mais claros são substituídos as tonalidades mas claras da
e os escuros não são alterados. camada. Os pixels mais escuros
que a cor de camada são subs-
Multiplicação: Multiplica a cor tituídos e os mais claros não
em cada canal pela cor de base são alterados.
da mesclagem e o resultado é
uma cor mais escura. Se pintar Divisão: Ela faz o contrario da
com uma cor que não seja preto Multiplicação calcula cor em
ou branco, com uma ferramen- cada canal e clareia as cores
ta de pintura produzem cores escuras da camada abaixo.
progressivamente escuras.
Subexposição de Cor: Ilumina as
Superexposição de Cor: Escu- camadas diminuindo o contraste.
rece a cor de base para refle- A cor preta não produz alterações.
tir a cor da camada de abaixo,
aumentando o contraste. A cor Subexposição Linear: Também
branca não produz alterações. ilumina a camada superior, po-
rem aumenta o brilho. A cor
preta não produz alterações.

19
Ferramentas | Painéis

Cor Mais Clara: Compara a ca- pelo aumento de brilho e se for canal das cores em RGB ou
mada do efeito com as visíveis mais escura será escurecida CMYK e subtrai o primeiro va-
abaixo e as deixam mais claras. pela diminuição de brilho. lor do segundo, onde se o re-
sultado for negativo resulta em
Sobrepor: Mistura as cores Luz do Pino: Substitui as cores falta de alguma cor.
com as camadas de baixo so- sendo ela mais clara que 50%
brepondo e preservando os de cinza, tons mais escuros Dividir: É parecido com o Sub-
realces e as sombras da cor serão substituídos e os mais trair, mas ele faz o diferente,
de base. Não substitui a cor de claros não serão alterados. Se divide o valor de cada cor da
base mas a mistura para refle- a cor for mais escura os tons camada inferior pela o da ca-
tir a luminosidade ou a sombra mais claros que a cor serão mada superior.
da cor original. substituídos e os mais escuros
não serão alterados. Matiz: Cria uma cor com a lu-
Luz Indireta: Este efeito é seme- minosidade e a saturação da
lhante ao de iluminar a imagem Mistura Sólida: Adiciona cores cor de base e com o matiz da
com uma luz de spot difusa. primarias nas camadas abaixo, cor da camada de baixo.
como vermelho, verde e azul da
Luz Direta: É semelhante ao de cor RGB ou ciano magenta e preto Saturação: Similar ao Matiz,
iluminar a imagem com uma luz da cor CMYK, limitando a adição aplica os valores da saturação
de spot direta. Se a cor da cama- aos valores máximos de cada tom. da camada superior e mantem
da for mais clara que 50% de cin- os valores de matiz e luminosi-
za, a imagem ficará mais clara. Diferença: Está subtrai a cor dade das inferiores.
da camada ajustada sendo a
Luz Brilhante: Aumenta ou cor das camadas abaixo mais Cor: Ela mantém a luminosida-
diminui o brilho, dependendo escuras. Com branco inverte os de da camada superior e subs-
da cor da camada. Se a cor for valores da cor de base e o pre- titui a cor matiz e saturação da
mais clara que 50% de cinza, to não produz alterações. inferior. Preserva os níveis de
será clareada se a cor for mais cinza na imagem, ideal para co-
escura será escurecida pela di- Exclusão: O efeito é seme- lorir imagens monocromáticas
minuição de contraste. lhante ao do modo Diferença, ou coloridas.
porém tem menor contraste,
Luz Linear: Usa como parâme- o branco inverte os valores da Luminosidade: O efeito é inver-
tro as alterações de contraste cor de base e o preto não pro- so do produzido pelo Cor. Aplica
para clarear e escurecer, se duz alterações. os níveis de luminosidade da
a cor mais clara que 50% de camada abaixo dela, mantendo
cinza, a imagem será clareada Subtrair: Pega o valor de cada os valores de matiz e saturação.

Degradê (G)
Ele usa as cores de primeiro
plano e fundo ativas e cria um
gradiente entre elas. Também
cria com outras quantidade de
cores e efeitos.

Temos outras opções de degrades pré confi-


gurados no editor, mas para alterar as cores de
modo mais avançado é preciso entrar no seu
editor: basta clicar sobre a janela de amostra, no
alto da tela.

20
Com o editor, você pode es-
colher uma das predefinições
de degradês prontos para uso
ou editar o seu na barra de cor,
as caixinhas acima e abaixo
dela controlam as interrupções
de opacidade e cor.
Adicione um ponto de inter-
rupção, basta dar um clique
perto da barra e em cima para
opacidade, em baixo para cor e
para remover um ponto, é só
arrastá-la para longe da barra.

Interrupção de opacidade

Interrupções de cor

Ajuste os valores ou exclua


a interrupção de opacidade
ou de cor selecionada

Ponto Médio

Tipos de degradê

Degradê Diamante

Degradê Refletido

Degradê Angular

Degradê Radial
Desenhe uma linha
para definir o raio.

Degradê Linear

21
Ferramentas | Painéis

Ferramentas de pintura e desenho


Pincel e Lápis (B)
Ferramentas ideais para
desenhar, onde o lápis cria
uma linha mais dura com es-
pessura variável, enquanto o
pincel produz uma linha mais Mescla cores para conseguir novas va-
suave e também assume ou- riações.
tros formatos.
Pinta a imagem utilizando tamanhos
ajustáveis e cores.

1- Pré-definições de ferramen- Cria traços finos e sólidos coloridos


tas Pincel.
2- Pincel: configuração da pon- Alterar uma cor por outra apenas apli-
ta da ferramenta, tamanho, cando a ferramenta na área desejada.
dureza e tipo de ponta.
3- Altera para o modo painel 6- Pressão da Tablet: controla
do Pincel. a opacidade.
4- Modo: “efeitos” que podem 7- Fluxo: pressão aplicada junto
ser aplicados ao passar o pincel à ferramenta.
em parte da imagem. 8- Ativa o modo Aerógrafo.
5- Opacidade: controle da transpa- 9- Pressão do pincel de acordo
rência de aplicação da ferramenta. com a mesa digitalizadora

1 2 3 4 5 6 7 8 9

Tamanho do pincel

Dureza do pincel

Pinceis pré-definidos

Salvar novo estilo


de pincel pré-defino

Pré-definições
de pinceis

22
Painel de pinceis
Além de selecionar pincéis pintura é aplicada a uma ima- cel na parte inferior do painel
predefinidos ou criar prede- gem, direcionamento, textura, com as configurações atuais, isso
finições do pincel, podemos ou efeitos, tudo isso por meio ajuda a personalizar e ter uma
modificar pincéis existentes e de configurações e até mesmo ideia de como ele ficará ao final
projetar novos pincéis. combinações com outros pin- das configurações. Procure expe-
Tem opções de ponta de pin- ceis pré-definidos no painel. rimentar a configurações para ir
cel que determinam como a Visualizamos o traçado do pin- se familiarizando com o painel.

Bloqueado ou desbloqueado Ponta do pincel selecionado

Menu pop-up

Formatos da pon-
ta do pincel (dis-
ponível quando a
opção Formato da
ponta do pincel for
selecionada)

Opções do pincel

Visualização da pincelada

Configurações do pincel

23
Ferramentas | Painéis

Painéis
E
les ficam normalmen- dos e outras coisas. No Menu
te localizados na parte Janelas, você pode encontrar
direita da tela do Pho- todas as paletas, nesse caso
toshop e auxiliam em configu- iremos trabalhar com algu-
rações e ações como navegar mas especificas para colori-
pela imagem, fazer alguns zação e assim vamos seguir
ajustes, alternar entre mo- explicando suas funções.

Quando clicamos nas cores de


primeiro plano abrimos outro Sele-
tor de Cores, onde podemos esco- Amostras de Cores
lher cores usando quatro modelos
de cor: HSB, RGB, Lab e CMYK. Tem um conjunto de cores
Com ele podemos também definir pré-definidas para escolhas de
as cores que iremos trabalhar e as- maneira rápida e também po-
Seletor de Cores sim também salva-las para outras demos definir outras cores e
ferramentas, como um padrão assim carregar na paleta para
Com ele podemos alterar as
para um determinado trabalho. ter mais agilidade no trabalho.
cores primária e de plano de
É possível configurar o Seletor
fundo de forma simples, usan-
de Cores também para escolher
do comandos deslizantes com
cores que fazem parte da paleta
os valores individuais CMYK ou
para a Web ou cores de sistemas
outros modelos de cores.
de cor específicos.

Cor selecionada Cor original Cor ajustada

Ícone de alerta de
cor não segura
para a Web

Salva a cor selecio-


nada no painel de
amostras.

Quando uma cor é


selecionada, simul-
taneamente são
exibidos valores
numéricos para
HSB, RGB, Lab,
Exibe somente cores seguras Campo de cores CMYK e números
para a Web hexadecimais.

24
Informações Histórico
É possível utilizar para visualizar os valores de Permite ver as últimas etapas da sua edição
cores dos pixels ao fazer correções de cores. ou colorização, e retornar a alguma delas caso
você queira.

Demarcadores
Gerencia e relaciona o nome e uma imagem
em miniatura de cada demarcador salvo, o
demarcador de trabalho atual e a máscara de
vetor atual.
Camadas
É uma das paletas mais importante do pho-
toshop e nela você vai organizar e ordenar as
suas camadas, assim como configurar modos de
mistura, visibilidade e opacidade, agrupar e fun-
di-las umas com as outras, entre outras funções.

25
Ferramentas | Painéis

Demarcadores
É uma ferramenta muito importante do Pho-
toshop. A caneta cria demarcadores que pare-
cem um pouco difícil aos primeiros contatos,pois
a maneira de criar linhas tangentes que contro-
lam as curvas e as combinações de botões para
modificar pontos de ancoragem de inicio podem
ser confusos para quem não está habituado.

Preencher Demarcador com a


Cor de Primeiro Plano
Essa função faz o preenchimento da área de-
marcada com a cor do primeiro plano no seletor
de cores.

Traçar Demarcador com Pincel


Ele faz um contorno na linha da área demarca-
da com a espessura determinada pela ferramen-
ta pincel que foi utilizado.

Carregar Demarcador como uma Seleção


Transforma a área demarcada em uma seleção.

Criar Demarcador de
Tarefa a partir da Seleção
Essa ferramenta faz o inverso da anterior, ele cria
um demarcador a partir de uma seleção qualquer.

Adicionar uma Máscara


Cria uma mascara de seleção, partindo de uma
seleção já existente.

Criar Novo Demarcador


Através desse botão pode-se criar um novo
Demarcador. Ao clicar nele, abrirá mais uma ca-
mada demarcador, para que se possa modificar
o nome do demarcador.

Exclui Demarcador
Este botão exclui o demarcador que esti-
ver selecionado.

26
Camadas
São de grande importância sobrepostas umas as outras das para fazer um trabalho
e fundamentais para mani- empilhadas e com as opções e manter todas de forma
pular objetos com facilida- das áreas transparentes de editável para uma ilustração
de. Com elas aplicamos esti- uma camada, é possível ver digital é muito útil pois com
los de camadas e máscaras, as camadas de baixo. Pode- elas podemos pintar partes
agrupar e também utilizar mos também mover uma ca- separadas de um desenho e
muitos recursos que são dis- mada para posicionar o seu depois fazer texturas ame-
ponibilizados pelas camadas conteúdo, deforma como se nas nessas camadas utilizan-
oferecem. As camadas do estivesse deslizando uma fo- do todos os recursos que elas
Photoshop funcional como lha de acetato em uma pilha. oferecem. Vamos trabalhar
se fossem folhas de acetato Podemos usar muitas cama- muito com essa ferramentas.

Trava a camada e todas as


propriedades

Trava deslocamento
Trava pixels da imagem
Trava áreas transparentes
da camada

Modos de efeitos
Opções de Bloqueio

Camada normal
Visualizar/Esconder camada
Link
Efeitos
Máscara
Camada de ajuste
Pasta
Nova camada
Lixeira
Bloqueio de camada
Camada normal
Grau de Preenchimento
Grau de Opacidade
Campo de busca por camada
a partir de suas características
Menu pop-up

27
Conceitos básicos
Conceitos básicos

Trabalhar em CMYK ou RGB?


T
emos muitos tipos de Core que emitem luz: RGB Cores que não refletem
modo de cores. O modo – Vermelho, Verde e Azul. as luz:CMYK – Ciano,Ma-
em RGB é um padrão genta e Amarelo.
composto pelas três cores da
luz: vermelha (R), verde (G) e
azul (B), usadas na visualiza-
ção em meios digitais, sendo
a luz decomposta nas três
cores para formar outras mi-
lhares de cores na tela. Esse
padrão é muito usado para
internet, para criar um ban- ciano (C), magenta (M), amare- misturada as cores para ob-
ner para um blog, uma foto lo (Y) e preto (K), ou seja, um ter as outras que precisarmos
para postar no facebook. padrão de tintas e pigmentos. para imprimir. Elas são usadas
Já o modo de cores em CMYK As impressoras trabalham com nas impressões em geral e
é um padrão composto por: esse padrão de cor, assim são também em revelação de fotos.

Nas imagens temos


as variações que ocor-
rem com a conversão
do modo de cores,
tanto em RGB, quanto
em CMYK.

RGB
No modo de cores
em RGB temos tons
mais vivos na tela,
pois, como foi expli-
cado anteriormente,
as cores são basea-
das em luz.

CMYK
No CMYK temos
cores mais opacas e,
se comparadas com
as do RGB, não têm a
mesma vida. Sempre
que fizer a conversão,
procure ajustar nova-
mente para que tenha
bons resultados.

30
A resolução ideal

R
esolução é a definição
de qualidade da ima-
gem, sendo uma dimen-
são em pixels que medem o
número total de largura e da
altura de uma imagem. Quan-
to maior a quantidade de pi-
xels por polegada (ppi), maior
a resolução e nitidez, resultan-
do em mais detalhes.
Procure definir qual a fina-
lidade da imagem, se for para
a internet, como fotos para o
Facebook, por exemplo, não
precisamos de imagens muito

grandes e pesadas com uma


resolução alta, mas se for im-
pressão, teremos que ter uma
imagem com boa resolução e
alta qualidade.
Veja ao lado, onde temos
uma imagem com uma resolu-
ção mais alta, ou seja com 300
dpi, note que temos uma visua-
lização nítida dos detalhes.

Já esta imagem com uma


resolução menor, ou seja, com
72 dpi, podemos observar a
perda de detalhes e a diferença
entre elas. Utilize imagens com
boa resolução para fazer seus
trabalhos. É bom ficar atento
e tomar cuidado com a mani-
pulação das imagens pois uma
vez que foi reduzida não pode-
mos restaurar aumentando o
seu tamanho.

31
Conceitos básicos

Tamanho da imagem
A
s informações sobre o
tamanho que correspon-
de o arquivo digital estão
no menu>Imagem>Tamanho da
imagem. É importante saber a
forma de medida em kilobytes
(K), megabytes (MB) ou gigaby-
tes (GB) e é proporcional às di-
mensões em pixels da imagem.
Sendo assim, imagens com um
número maior de pixels tem
maior quantidade de detalhes, de
contra ponto exige mais espaço
em disco para armazenamento e
podem ser mais lentas na edição
e impressão. O formato do arqui-
vo pode implicar no tamanho do
arquivo e devido a variação nos
métodos de compactação utili-
zados pelos formatos GIF, JPEG,
PNG e TIFF, nas mesmas dimen-
sões em pixels podem ter tama-
nho diferentes. Os bits de cores
e o número de camadas e canais
em uma imagem também afetam
o tamanho do arquivo.

Dimensões
originais

Unidades de
Dimensões medidas
do documento
e resolução.

Procure manter o uso


dessa opções para não
ter muitas distorções
Ajustes para
redimencionamento

32
Salvando o arquivo
P
ara salvar os arquivos
usamos menu arquivo,
salvar ou salvar como,
sendo clicado irá abrir uma
nova tela onde ira indicar os
dados como: nome e forma-
to da imagem. Com essa op-
ção podemos também indicar
onde queremos armazenar
nossa imagem, de maneira
bem simples.

Veja o menu aberto e veja


que já consta o nome da ima-
gem e o formato que será sal-
vo, e no todo da janela temos o
local onde ela será salva no HD.

É possível escolher outros


tipos de formatos de arquivos,
assim é legal definir a finalida-
de para poder salvar com o for-
mato correspondente e assim
facilitar o uso da imagem.

33
Desenhando
Desenhando

Desenhando
O
primeiro passo para ini-
ciar o desenho é criar
um novo documento,
Menu>Aquivo>novo e escolher
as configurações de tamanho.
Depois de feita a criação do do- Mescla cores para conseguir novas variações.
cumento, devemos configurar
o pincel que será usado,. Pro- Pinta a imagem utilizando tamanhos
cure usar um pincel com du- ajustáveis e cores.
reza, como vemos no exemplo
abaixo. Não esqueça de usar Cria traços finos e sólidos coloridos
na barra de opções o modo>-
normal e a opacidade 100% e Alterar uma cor por outra apenas aplicando a
fluxo 100%. ferramenta na área desejada.

36
Exercicos básicos
Lembrando que para fazer
um desenho com mais facilida-
de devemos praticar sempre e
usar os equipamentos ideais,
como a mesa digitalizadora e o
programa Photoshop.
Agora com o arquivo já cria e
o pincel na configuração basica,
vamos iniciar com alguns exer-
cicios para ir se acostumando
com a mesa digitalizadora.

Siga fazendo linhas na verti-


cal variando o inicio delas, ou
seja, começando de cima para
baixo e de baixo para cima,
mantendo o mesmo tamanho
possível e também o mesmo
espaçamento.
De inicio é normal sentir difi-
culdade, mas com a pratica isso
vai sendo superado e assim se
tornando muito fácil e natural.

Arte: Fabiano Moura

37
Desenhando

Exercícios básicos
A importância
das linhas
São exercícios são muito im-
portantes para poder soltar a
mão onde os traços possam
fluir da melhor forma. Usando
a mesa digitalizadora procure
trabalhar traços rápidos com li-
nhas paralelas na vertical man-
tendo o mesmo espaçamento
entre ela e repita o exercício
com linhas horizontais e diago-
nais. O objetivo é desenvolver
sua coordenação motora.

Repita o exercício agora com


linhas paralelas diagonal, tam-
bém mantendo seus tama-
nhos e espaçamentos e tente
preencher o espaço do docu-
mento ao máximo.

Faça exercício agora juntando


todas as linhas paralelas na ver-
tical, horizontal, diagonal e cur-
vadas variando seus tamanhos
em longas ou curtas e não apa-
gue as linhas, tente preencher o
espaço ao máximo.

38
Variação de linhas
Esses exercícios são muito
bons para ir pegando coorde-
nação motora e assim conse-
guir usar a mesa digitalizadora
com mais precisão.
Com traço ondulados na ver-
tical variando de cima para
baixo ou o contrário de baixo
para cima, conforme a referên-
cia ao lado. O objetivo é man-
ter a precisão acompanhando
a ondulação do primeiro traço,
faça isso até que você consiga
fazer com que as ondulações
entrem em harmonia.

Círculos e elipses
Para soltar o traço ainda
mais faça também exercícios
variados do círculo, onde pode
fazer elas próximas com mes-
mo tamanho, trabalhando no
sentido horário e anti-horário.
Trabalhe também a variação
de tamanho da elipse, onde
vc pode começar uma mais
estreita e seguir aumentando
seu tamanho, como podemos
observar no exemplo.

Arte: Fabiano Moura

39
Desenhando

Treino de precisão
Este treino é para adquirir
precisão e usando o mesmo
processo das linhas, vamos
formar uma quadrado ao cen-
tro da área de trabalho. Agora
no centro dele faça um outro
quadrado menor e faça outro
quadrado ao lado e siga a re-
ferência fazendo os quadra-
dos. É importante tentar ser o
mais preciso possível para ter
bons resultados. Siga sempre
alternando os lados, direito
e esquerdo e se fez um em
cima, faça outro em baixo, as-
sim por diante. Preencha todo
o quadrado maior.

40
Desenhando figuras geométricas
U Círculo e o quadrado
sando o esquema das para o desenho de observação.
linhas, vamos começar a Estudar as figuras geométricas
desenhar as figuras ge- desenvolve o senso de organi- O círculo e o quadrado têm a
ométricas com uso do pincel e zação e adestra o raciocínio. mesma proporção, ou seja, têm
a mesa digitalizadora. Procure Abaixo temos algumas figu- os quatro lados iguais, como
estudar as figuras geométricas, ras que são essenciais para podemos observar nas figuras
pois com ele podemos conhecer desenhar diversos tipos de ob- abaixo. Siga praticando para
outros tipos de desenho de pre- jetos. Vamos procurar praticar obter melhores resultados.
cisão e até mesmo uma base e dominar as formas.

Arte: Fabiano Moura

41
Desenhando

Elipse e o retângulo
A variação dos círculos e quadrados são
as elipses e o retângulos têm um lado maior
que o outro.

Triângulo Trapézio
O triângulo não tem os lados do mes- O trapézio é uma figura que varia do retângulo
mo tamanho. e as laterais, do triângulo.

42
Princípios básicos
S
eguindo o contexto das
formas geométricas, va-
mos começar a fazer as
mesmas se tornarem persona-
gens. Agora que já praticamos
bastante, é hora de começar
a desenhar olhos com elipses,
linhas para o nariz e a boca e,
assim, transformando em um
personagem. Siga fazendo va-
riações para ter maior facilida-
de em desenhar.
Varie bastante as formas
básicas dos personagens, uti-
lizados círculos, cilindros, qua-
rados e triângulos. Portanto,
procure estudar bastante para
conseguir dominar esses con-
ceitos e ter bons resultados nas
criações dos seus personagens.

Arte: Fabiano Moura

43
Desenhando

Varie o formato da cabeça.


Para isso, baseie a construção
em figura geométricas. Procu-
re projetar para fora o queixo
do personagem, para diferen-
ciar a figura. Também misture
as figura geométricas entre si
para ter combinações e forma-
tos diferenciados.

Veja os exemplos e procure


seguir variando o máximo para
ter desenhos de cabeças dos
personagens diferentes, com
características próprias. Não
deixe de praticar para chegar
em bons resultados.

44
Assim que passar a desenhar bem a cabeça,
inicie o desenho de corpo também com base nas
figuras geométricas. Exagere nas forma, para fa-
zer personagens divertidos, como os exemplos a
seguir, onde temos o corpo do personagem de-
terminado em apenas uma circunferência. Para
dar um aspecto de gordinhos aos personagens,
procure diminuir as pernas, pois isso dará um
efeito de obesidade.

Procure usar mui-


tas variações para o
desenho, faça com
formas quadradas
também. Assim, po-
derá criar diversos
personagens com
esse conceito bási-
co e base em figu-
ras geométricas.
Arte: Fabiano Moura

45
Desenhando veículos
Veículos

Desenhando veículos

1) Inicie o desenho com li-


nhas, seguindo o conceito dos
exercícios anteriores. Faça a
marcação conforme a referên-
cia, desenhando a parte supe-
rior até o para-choque diantei-
ro. Siga marcando as rodas.

2) Faça as marcações dos


pneus dos vidros laterais
e do para-brisa do veículo,
conforme a imagem e parte
do para-choque e a linha do
lateral do veículo.

3) Faça a marcação nos vi-


dros com uma linhas No pa-
ra-choque, marque a frente
seguindo a referência, com de-
talhes no capô.

4) Desenhe os retrovisores,
faróis e a marcação das rodas,
sempre seguindo a referência e
usando linhas mais retas.

48
5) Agora, com o uso da nais. Procure fazer algumas
borracha, siga limpando o marcações de sombras para
desenho e deixando mais finalizar e chegarmos a um
definido com as linhas fi- resultado final no veículo

Arte: Fabiano Moura

49
Veículos

1) Comece o desenho pelas


linhas do para-choque e siga
demarcando o capô, o para-
-brisa e a traseira do veículo.
Marque onde serão as rodas,
seguindo o mesmo porcesso
do desenho anterior.

2) Faça o desenho da frente,


marcando os detalhes do para
choque do veículo, seguindo a
imagem. Faça a marcação do
parabrisa e desenhe as rodas.

3) Siga definindo o capô, o


parachoque e faça os pneus,
seguindo a referência e não
se esqueça dos vidros laterais
do veículo.

4) Coloque os detalhes do
vidros laterais e dianteiro. Ob-
serve as marcações do capô.
e parachoque. Dê os volumes
necessários e não esqueça de
fazeros detalhes laterais.

50
5) Depois de feita toda a
construção, use a borracha
para apagar as linhas desne-
cessárias. Procure finalizar o
desenho, colocando algumas
hachuras para ter a separação
de planos.

Arte: Fabiano Moura

51
Cores e camadas
Cores

Estudando a teoria das cores


P
ara entender como é a
funcionalidade das co-
res devemos saber que
existem dois tipos de cores, as
cores LUZ – (RGB – Vermelho,
Verde e Azul) e as cores PIG-
MENTO – (CMYK – Ciano, Ma-
genta e Amarelo). As cores luz
são essas que formam imagens
de TV e aparelhos eletrônicos, e Aditivo Substrativo
as cores pigmento formam os RGB – Vermelho, Verde e Azul CMYK – Ciano,Ma-
materiais gráficos, como revis- genta e Amarelo
tas, embalagens, tecidos etc.

As cores primárias são ver-


melho, azul, amarelo e são cha-
madas também de cores puras
pelos pintores impressionistas.
A combinação de duas cores
primárias dá origem às cores
secundárias: verde, laranja,
roxo. Seguindo essa linha te-
mos a mistura de uma cor pri-
Cores Primárias Cores Secundárias mária e outra secundária, dan-
do origem às cores terciárias.

Círculo cromático
As cores se harmonizam no
círculo de forma que facilita
compreender sua estrutura e
combinação.
Neste círculo temos um lado
com cores quentes e outro
com cores frias.

Cores Frias
Como o próprio nome diz,
são as cores associadas à sen-
sação de frio, elas derivam do
violeta, azul e verde.

Cores Quentes
São as cores que se asso-
ciam às sensações de calor,
elas são cores derivadas
do amarelo e vermelho.

54
Monocromia Complementar Complementar Decomposta
Utiliza a mesma cor em dife- São cores opostas e causam um Essa combinação utiliza-se de
rentes tonalidades, conhecida efeito muito impactante, por isso três cores, sendo a cor base e
como degradê. devem se usadas com cuidado. duas vizinhas da cor oposta.

Complementar Dupla Análoga Tríade


São dois pares de cores com- São cores vizinhas, ou seja, A combinação de três cores
plementares entre si e essa você determinada a cor e bas- equidistantes umas das outras
combinação é mais ricas de ta selecionar uma cor de cada no círculo é impactante e deve
todas as harmonias, no entan- lado desse tom escolhido. As ser escolhida com cuidado.
to, uma harmonia muito difícil cores análogas criam combina-
de trabalhar. ções suaves e confortáveis.

Matiz Intensidade Sombra


Tonalidade de uma cor, sem Brilho, vivacidade de uma Cor obtida com adição de
adição de branco/preto. matiz. preto.

Croma Luminância Tom


Prureza da matiz em relação Medida de intensidade de luz Cor obtida com adição de
ao cinza. refletida por uma cor. branco.
Arte: Fabiano Moura

Saturação
Grau de pureza de uma matiz.

55
Cores – luz e sombra

Entendendo a luz e sombra


A
luz está sempre presente melhorando os desenhos. treinar, pois a luz pode variar
no desenho, tanto manu- Quando for praticar, procure bastante, mudando a expres-
al ou digital e, por isso, observar como ela se com- são de seu desenho. Pratique
é muito importante sempre porta diferente nos horários também usando a luz artificial,
estudar o seu comportamento do dia sobre os objetos. Você ela pode te dar algumas refe-
sobre os objetos. Elas dão me- pode também pegar fotos rências e você pode controlar
lhor noção de textura e volume, de pessoas ou objetos para de onde ela vem.

Luz Direta

A luz se projeta sobre os


objetos iluminando-os na
seguinte ordem: luz plena, Luz artificial
sombra clara, sombra a
meio-tom e escura.
Na luz projetada ocorre
ao contrário. Depois vem
a luz refletida no objeto
e a luz refletida na som-
bra projetada.

Sombra própria

Sombra projetada

Luz refletida

Ela pode vir de trás e, assim,


faz com que o objeto fique com
predominância de sombra, dei-
xando apenas as bordas claras.

56
Pode vir de cima, em uma po-
sição que você escolher. Aten-
te-se aos obstáculos derivados
dos volumes do objeto.

Também virá da direita ou da


esquerda, observe que a som-
bra projetada acaba ficando
maior se comparada com as
outras direções da luz.

A luz pode vir de baixo para


cima, imagine, então, o foco de
luz vindo de baixo e note que
toda área superior ficou escura.

Quando a luz vem do centro,


veja que a sombra projetada
quase não aparece e a tona-
lidade da sombra fica mais
Arte: Fabiano Moura

clara no objeto.

57
Cores e camadas

Usando as camadas
E
las são de muita importân- tas umas às outras, empilhadas. um trabalho e manter todas de
cia para manipular objetos Com as opções das áreas trans- forma editável para uma ilus-
com facilidade. Com elas parentes de uma camada, é pos- tração digital. É muito útil pois
aplicamos estilos de camadas sível ver as camadas de baixo. com elas podemos pintar par-
e máscaras, agrupamos e tam- Podemos também mover uma tes separadas de um desenho
bém utilizamos muitos recursos camada para posicionar o seu e, depois, fazer texturas ame-
que são disponibilizados pelas conteúdo, de forma como se es- nas nessas camadas, utilizando
camadas. As camadas do Pho- tivesse deslizando uma folha de todos os recursos que elas ofe-
toshop funcionam como se fos- acetato em uma pilha. Podemos recem. Vamos trabalhar com
sem folhas de acetato sobrepos- usar muitas camadas para fazer essa ferramentas.

Trava áreas transparentes da camada

Trava pixels da imagem

Trava deslocamento

Trava a camada e todas as propriedades

Menu pop-up
Campo de busca por camada
a partir de suas características
Grau de opacidade
Opções de bloqueio Grau de preenchimento

Camada normal Camada normal


Visualizar/Esconder Bloqueio de camada
camada

Link

Efeitos

Máscara

Camada de ajuste

Pasta

Nova camada

Lixeira

58
Cor base ou chapada
P
ara colorir um desenho os passos para iniciar a colori-
devemos fazer a mar- zação dele.
cação de cores base de Na paleta Camadas, crie uma
maneira simples. Depois de nova e renomeie como: Dese-
ter o desenho em linhas (como nho, onde nessa camada va-
fizemos no processo anterior mos fazer a ilustração que fica-
no carro), iremos a colorir com rá acima, pois criaremos uma
as ferramentas simples, como outra camada para cor, onde
o pincel e a lata de tinta. Abra iremos trabalhar a colorização
o arquivo no Photoshop e siga base do desenho.

Usando a ferramenta da
Lata de Tinta, escolha a cor na
Paleta Cor ou na Amostra para
preencher o desenho com as Cor
cores desejadas.
Faça isso em todo o desenho
Desenho
de maneira que fiquem com
cores harmônicas e procure se
orientar pela teoria das cores.
Evite clicar nas linhas pretas e
procure trabalhar apenas onde
é a área branca, como pode-
mos ver na imagem acima,
para não colorir a parte onde
Arte: Fabiano Moura

estão os contornos.
Ao lado podemos conferir o
resultado da colorização.

59
Cores e camadas

Aplicando as Sombras
P
ara fazer a aplicação de
luz e sombra, parta do
desenho com a cor cha-
pada. Pode iniciar com uma
camada chamada sombra e
depois use a ferramenta da
Varinha Mágica para selecio-
nar as área que serão pintadas.
Com a ferramenta selecionada,
clique com o botão direito e
use a opção semelhante para
selecionar diversas áreas com
a mesma cor.

Modo Seleção Camada Sombra

Selecione um pincel que seja ra de opções. Selecione a cor


mais suave e procure deixar na que foi pintada a pele e comece
opção de multiplicação na bar- fazer as sombras.

Arte: Fabiano Moura

Siga fazendo o mesmo pro-


cesso em todo o desenho, para
finalizar. Observe o resultado
final ao lado.

60
Desenhando e colorizando
Taça
1) Inicie a construção com
uma linha na vertical e, depois,
faça as marcações na parte su-
perior e inferior, também faça
uma linha próxima ao centro,
para depois desenhar as elip-
ses. Siga a proporção da refe-
rência, para ter um bom resul-
tado. Note que as elipses são
de tamanhos diferentes.

2) Agora desenhe
duas linhas entre
as elipses na parte
superior, formando
uma curva, seguindo
a referência.

3) Agora desenhe a
base na parte inferior,
com linhas laterais.

4) Faça a marca-
ção do líquido na
parte superior com
outra elipse e siga
desenhando um
aglomerados de cír-
culos, para ter o de-
senho das uvas. Veja
a referência.

5) Agora procure definir as


figura, deixando o traço unifor-
me, antes de seguir para a pró-
xima fase, onde iremos traba-
lhar a colorização. Você notou
que todo o desenho foi feito
baseado em figuras geométri-
cas desde seu iniio até o final?
Siga praticando essa técnica,
pois elas são muito importan-
tes para o desenho.

61
Cores e camadas

6) Agora, seguindo o mesmo esquema do de- 7) Nesta estapa, siga trabalhando em multipli-
senho de luz e sombra anterior, faça em outra cação o modo para fazer as sombras, usando a
camada as marcações de cores com o uso da Varianha Mágica para selecionar as cores. Procure
ferramenta Lata de Tinta. Siga as cores próximas controlar a opacidade do pincel e trabalhar com um
da referência, fazendo o desenho chapado. tipo de pincel mais suave, ou seja, com baixa dureza.

8) Depois de feita toda marcação das sombras 9) Agora, siga ajustando as tonalidade para
no desenho, siga fazendo as luzes para ter o efeito que o desenho fique mais interessante e, assim,
de vidro, pois reflete bastante. Use bastante luzes tenha um impacto visual bem melhor. Não dei-
na taça e nas uvas, mas procure não exagerar. Siga xe de praticar.
a referência para chegar a um bom resultado.

10) Procure sempre defi-


nir muito bem os desenhos e,
nesse caso, aplique cores para
fazer um fundo. Para isso, use
o pincel para fazer uma combi-
nação interessante. Siga prati-
cando os exemplos para con-
seguir dominar o desenho e a
colorização digital.

62
Arte: Leandro Sales

63
Cores e camadas

Laranjas
1) Inicie o desenho criando
um documento novo no Pho-
toshop e, depois, uma camada
para o desenho. Agora, come-
ce a construção com um círcu-
lo e divida em quatro partes
iguais. Note que as divisões
ficam na diagonal, conforme a
figura acima.

2) Desenhe outro círculo com


o mesmo diâmetro que o pri-
meiro, mas divida-o em quatro
partes, traçando uma linha
horizontal e outra vertical. Ele
ocupa mais da metade do pri-
meiro e fica deslocado acima.

3) Desenhe uma elipse na


parte interna do círculo inicial
e, ao cento, marque um círculo
menor, conforme a referência.

4) Agora siga fazendo outro


círculo na parte interna e o
mesmo para o menor. Veja na
referência ao lado e procure
ser o mais fiel possível, para ter
uma boa construção. Note que
toda base de construção desse
desenho está seguindo a figura
geométrica do círculo.

64
5) Agora use a ferramenta
borracha para limpar o dese-
nho e dexá-lo mais definido e
limpo, apagando as linhas que
não serão utilizadas.
Na próxima etapa vamos tra-
balhar apenas com as marcar-
ções de cores e a aplicação de
luz e sombra.

6) Agora vamos aplicar a


marcação de cores, usando a
ferramenta da lata de tinta.
Como se trata de uma figura
simples, apenas uma cor está
resolvida essa etapa.

7) Agora siga fazendo a mar-


cação das sombras, usando
desta vez um pincel mais duro
na opção de multiplicação.

8) Modele bem a sombra


para ter todo volume e, assim,
diferenciar as cores, separando
os planos volumétricos. Siga
todas as dicas e faça conforme
a referência. Procure praticar e
não tenha medo de errar.
Arte: Leandro Sales

65
Cores e camadas

9) Depois de feita a parte externa da laranja, 10) Não se esqueça de fazer as luzes, variando
procure fazer as sombras das partes internas, com tons mais claros. Nessa opção, use o modo
conforme a referência. normal. Siga colocando os detalhes e faça um
fundo para finalizar.

66
Arte: Leandro Sales

67
Passo a passo
Passo a passo

Rosa
1) Inicie com um novo do-
cumento no Photoshop e crie
uma camada para o desenho.
Desenhe um círculo e divida-o
em quatro partes. Projete a
linha vertical para baixo, com
a altura de uma vez o círculo.
Faça duas linhas, dividindo o
círculo inicial em “X” e, depois,
projete a linha do centro.

2) Nesta etapa devemos mar-


car as pétalas com linhas retas,
seguindo conforme a referên-
cia. Faça as que são da parte
interna do círculo e, depois, as
que ficam na parte externa.

3) Siga desenhando o caule e


as pétalas que faltam para che-
gar à extrutura da rosa.

4) Procure ser fiel à referên-


cia e não deixe passar nada du-
rante o processo do desenho.
Para ajustar os traços e não
ficar tão geométrico, procure
dar uma arredodanda em algu-
mas partes..

70
5) Agora use a ferramenta
borracha para apagar as linhas
que não serão utilizadas e dei-
xe a figura linear, como pode-
mos ver na referência acima.
Para isso podemos também
usar uma nova camada para o
desenho linear.

6) Agora siga fazendo a mar-


cação das cores com a ferra-
menta da Lata de Tinta.

7) Faça a aplicação de som-


bras, demarcando as áreas
principais e usando o pincel
mais suave no modo multipli-
cação, conforme a referência.
Faça isso em todas as partes
para ter todos planos.
Arte: Leandro Sales

71
Passo a passo

8) Siga fazendo toda a deifi-


nição e marque bem as som-
bras com tonalidades mais
fortes. Defina também o caule
com tonalidades de verdes
mais amarelados.

9) Reforce as sombras mais


escuras para ter melhores vo-
lumes, como podemos ver na
referência ao lado, tanto nas
pétalas quanto no caule.

10) Agora faça alguns bri-


lhos para ter o desenho final.
Procure não exagerar. Depois
basta fazer um fundo para fi-
nalizar o desenho.

72
Arte: Leandro Sales

73
Passo a passo

Paisagem
1) Inicie criando um arquivo
novo com as configurações
desejadas. Agora, desenhe
um retângulo para demarcar
a área da paisagem. Divida-o
em quatro partes, seguindo
a referência.

2) Faça o desenho de uma


linha na parte de baixo do re-
tângulo, seguindo a referência.

3) Agora com a demarca-


ção, comece a dar forma aos
elementos. Deixe as pedras
um pouco assimétricas e as
linhas irregulares.

74
4) Agora podemos criar uma
nova camada e deixar os ele-
mento mais orgânicos. Confira
se o desenho está similar ao
exemplo ao lado e apague as
linhas dos elementos.

5) Após feito todo desenho,


apague todas as linhas de
construção para ter uma figura
limpa e, assim, seguir para co-
lorização em uma nova cama-
da para cor.

6) Siga fazendo a aplicação


das cores, trabalhando de for-
ma que fique bem colorido,
conforme a referência.

Arte: Leandro Sales

75
Passo a passo

7) Faça as marcações de
sombras com tonalidades
verde, azul ,laranja e marrom.
Siga referência.

8) Procure trabalhar muito


bem o contraste e faça os
tons mais claros, misturando
as cores para ter resultados
agradáveis. Não exagere e
siga conforme o que vemos
na referência.

9) Adicione tonalidades
amarelas em todo desenho e
observe se não esqueceu ne-
nhum detalhe.

76
10) Procure trabalhar va- 11) Sempre é muito im-
riando as tonalidade e refor- portante usar variações no
ce as cores, para ter um bom modo da barra de opções
contraste. Defina bem os e, assim, terá resultados di-
elementos com as cores para ferentes e conseguirá fazer
chegar em resultado similar melhores efeitos.
ao da referência.

77
Passo a passo

Pássaro
1) Crie um arquivo novo e
inicie o desenho com duas
elipses, sendo uma maior
para o corpo e outra menor
para a cabeça. Divida ambas
ao meio, seguindo a referên-
cia. Agora marque com algu-
mas linhas as patas.

2) Dê forma à figura. Dese-


nhe o lado esquerdo do bico
com uma forma triangular e
marque o pescoço, unindo as
elipses. Marque os pés e os
volumes das patas. Na elipse
maior faça as penas da cauda
e não esqueça de fazer o olho
com linhas diagonais.

3) Procure definir as figura


seguindo a referência acima e
deixe o desenho em sua forma
final com os detalhes.

78
4) Apague as linhas que não
serão utilizadas e deixe o de-
senho linear, como podemos
ver na referência ao lado. Isso
pode ser feito em uma cama-
da diferente.

5) Agora crie uma nova ca-


mada para iniciar a coloriza-
ção. Faça a aplicação das cores,
demarcando todas as regiões,
conforme a referência. Procure
trabalhar todo os tons.

6) Dessa vez vamos trabalhar


com tons claros, fazendo as
marcações de luzes, seguindo a
referência. Faça as penas, asa e
as outras partes.

7) Faça todos os planos para


ter os devidos volumes e a fi-
gura começar a ganhar vida.
Trabalhe também o galho.
Arte: Leandro Sales

79
Passo a passo

8) Observe bem a referência e siga fazendo 9) Depois de feito todo o contraste da figura,
os detalhes tanto do pássaro como da madeira. siga fazendo o fundo, variando tons e criando
Faça por etapas para detalhar tudo. um efeito interessate para finalizar.

80
Arte: Leandro Sales

81
Passo a passo

Rosto
1) Crie um arquivo novo com
as configurações desejadas.
Inicie a construção com um cír-
culo e divida em quatro partes,
onde a linha vertical é mais
deslocada à direita e projetada
para baixo. Na metade de bai-
xo do círculo trace uma linha.

2) Desenhe elipses para os


olhos na linha abaixo da me-
tade. Faça um círculo pequeno
para o nariz, seguindo a linha
do centro na parte de baixo do
círculo. Procure manter tudo
alinhado para não ficar estra-
nho depois de finalizado.

3) Desenhe a marcação do
nariz. Faça o maxilar com a
marcação da boca, com uma
linha, e a orelha elíptica, como
vemos na referência.

4) Desenhe o cabelo com


linhas simples, marque o pes-
coço e a boca. Siga detalhan-
do o que faltar, baseando-se
pela referência.

82
5) Agora, com o desenho
pronto, podemos criar uma
nova camada e delinear a figu-
ra ou apague com a ferramen-
ta borraha as linhas de cons-
trução desnecessárias. Finalize
o desenho de forma linear, de-
marcando os fios do cabelo.

6) Com a ferramenta da lata


de tinta, siga demarcando com
tons suaves a figura.

7) Agora, com pincel no


modo multiplicação, faça as
sombras básicas por todo
o desenho. Sempre obser-
ve bem a referência para ter
bons resultados.

Arte: Leandro Sales

83
Passo a passo

8) Para o cabelo, use mar-


rom para fazer a cor seguindo
o sentido do penteado e use o
mesmo tom nas sobrancelhas.
Faça a marcação dos volumes
de forma correta e, assim, o
desenho terá todos os planos
com um resultado equilibrado.

9) Use tonalidade mais es-


curas para dar mais efeito de
volume no rosto, no cabelo e
na roupa.

10) Depois de feita toda a


marcação das sombras, apli-
que as luzes e não esqueça
de voltar a opção Modo para
a função Normal, na barra de
opções. Finalize criando um
fundo para ter um resultado
muito bom.

84
85
Arte: Leandro Sales
Passo a passo

Mulher
1) Crie novo documento e
uma camada. Inicie, então, o
esboço do desenho. Comece
pela cabeça e demarcando to-
dos os elementos.

2) Agora siga desenhando o


corpo com formas gemométri-
cas e linhas de eixo, conforme
a referência.

3) Marque as pernas e os bra-


ços com linhas, para achar o po-
sicionamento idela para o dese-
nho. Desenhe as mãos e os pés
com marcação baseda em for-
mas geométricas. Não esqueça
de marcar as articularções.

4) Depois, siga fazendo todo


volume do corpo. Ao trabalhar
o cenário, faça uma camada
separada e inicie fazendo a
marcação com figuras geomé-
tricas, seguindo a referências
para ter um desenho coerente
e proporcional.

86
5) Depois de feito todo o es-
boço, deixe o desenho linear
ou faça um traço final em uma
nova camada. Outra opção é
apagar com a borracha os tra-
ços desnecessários, antes de
seguir para a colorização.
6) Depois da etapa do dese-
nho finalizado, siga fazendo
a colorização. Separe a figura
com uma nova camada e faça
toda a marcação de cores com
a ferramenta Lata de Tinta.

7) Agora, siga fazendo a pli- 8) Para dar uma tonalida-


Arte: Leandro Sales

cação das sombras e dê volu- de de luz é possivel criar uma


me ao desenho. Procure traba- nova camada e seguir aplican-
lhar na camada da cor. do e se baseando na referência

87
Passo a passo

10) Faça tons diferentes de sombras para ter 11) Agora, aplique as tonalidades de luz para
os volumes por toda figura. chegar ao resultado final do desenho e siga fa-
zendo isso no cenário também.

88
Arte: Leandro Sales

89
Passo a passo

Herói
1) Crie um arquivo novo e
siga o mesmo processo dos
anteriores. Comece desenhan-
do um círculo para demarcar a
cabeça, divida-o ao meio e faça
o maxilar. Demarcaque os ele-
mentos do rosto e das orelha,
conforme a referência.

2) Siga demarcando o corpo


e inicie a marcação com uma
figura geométrica para o pei-
toral e, depois, uma espécie de
polígono para a cintura.

3) Continue demarcando os
membros com linhas para os
braços e as pernas. Para a ar-
ticularção, mãos e pés, marque
pequenos círculos.

4) Depois de marcada a ex-


trutura do corpo na posição
correta, siga fazedo o preen-
chimento dos volumes da fi-
gura. Coloque os detalhes para
ter um bom resultado.

90
5) Depois de feita toda a ex-
trutura do personagem, siga
fazendo o uniforme e deixe a
figura de forma linear, para ini-
cia a colorização.

6) Para colorir, crie uma nova


camada e siga marcando a cor
base com Lata de Tinta. Depois,
faça a aplicação de sombras
para definir os volumes em
toda figura.

91
Passo a passo

7) Agora siga fazendo a marcação de mais


uma sombra e comece a fazer a luz, assim, os
planos vão se diferenciando e dando mais des-
taque à figura.

8) Repita todo processo nas outras partes


com cores diferentes. Procure ser o mais fiel
possível à referência.

9) Acentue todos os detalhes para ter uma fi-


gura bem definida e, depois, oculte os contornos
para ver como ficou a figura e se os volumes
estão de acordo, para fazer o fundo e finalizar
o desenho como vemos na referência ao lado.
Procure praticara para ter faciliade.

92
93
Arte: Leandro Sales
Passo a passo

Lutador
1) Criando um arquivo novo
com as configurações dese-
jadas. Faça da mesma forma
que os anteriores e comece
desenhando um círculo para
demarcar a cabeça. Então,
divida-o ao meio e coloque o
maxilar, demarcando os ele-
mentos do rosto.

2) Faça o corpo e inicie a mar-


cação com uma figura geomé-
trica, já fazendo os volumes do
personagem. Siga a referência.

3) Para os braços e as per-


nas, faça linhas colocando
na posição desejada. Para
a articularção, marque com
pequenos círculos.

94
4) Assim que terminar o
manequim e marcado a ex-
trutura do corpo na posição
correta, faça o desenho das
roupa. Desenhe os cabelos,
faixas e os outros detalhes
que tem na figura.

5) Deixe o desenho definido


de forma linear, para inicia a
marcação das cores.

6) Crie uma nova camada e


siga marcando a cor base com
a Lata de Tinta.

95
Passo a passo

7) Faça a marcação de mais


uma sombra e comece fazen-
do a luz, assim os planos vão
se diferenciando e dando mais
volume à figura.
Siga repetindo todo processo
nas outra parte, com cores di-
ferentes. Procure ser o mais fiel
possivel à referência.

8) Acentue às tonalidade
todos os detalhes, para ter
uma figura bem definida.
Trabalhe com calma e sem-
pre confira os detalhe para
ter bons resultados.

96
9) A cada etapa o deseno vai
ficando mais definido e traba-
lhamos apenas as sombras.
Depois de chegar nesse resul-
tado, vamos fazer a próxima
etapa de aplicação de luz.

10) Agora siga fazendo a


aplicação de luz com a tonali-
dade amarela e, assim, ter um
resultado semelhando ao da
referência. Depois, oculte os
contornos para ver como ficou
a figura e se os volumes estão
de acordo, para fazer o fundo.
Trabalhe os detalhe para fina-
lizar o desenho, que podemos
ver na página seguinte.

Arte: Leandro Sales

97
98
Arte: Leandro Sales
99
GUIA CURSO DE

PHOTOSHOP ILUSTRAÇÃO

Edição 2
Ano 01
7 885 43 220 116 R$ 29,99

TUTORIAL DETALHADO PARA INICIANTES


APRENDA PASSO A PASSO A CRIAR
ILUSTRAÇÕES E COLORAÇÕES DIGITAIS

Você também pode gostar