Escolar Documentos
Profissional Documentos
Cultura Documentos
PHOTOSHOP ILUSTRAÇÃO
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
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
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 (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.
13
Ferramentas
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.
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.
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
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.
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.
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
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
1 2 3 4 5 6 7 8 9
Tamanho do pincel
Dureza do pincel
Pinceis pré-definidos
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.
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.
Ícone de alerta de
cor não segura
para a Web
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.
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.
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 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
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
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.
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.
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.
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.
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.
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.
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.
43
Desenhando
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.
45
Desenhando veículos
Veículos
Desenhando veículos
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
49
Veículos
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.
51
Cores e camadas
Cores
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.
Saturação
Grau de pureza de uma matiz.
55
Cores – luz e sombra
Luz Direta
Sombra própria
Sombra projetada
Luz refletida
56
Pode vir de cima, em uma po-
sição que você escolher. Aten-
te-se aos obstáculos derivados
dos volumes do objeto.
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 deslocamento
Menu pop-up
Campo de busca por camada
a partir de suas características
Grau de opacidade
Opções de bloqueio Grau de preenchimento
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.
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.
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.
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.
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.
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.
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.
71
Passo a passo
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.
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.
75
Passo a passo
7) Faça as marcações de
sombras com tonalidades
verde, azul ,laranja e marrom.
Siga 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.
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.
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.
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.
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.
83
Passo a passo
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.
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.
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.
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.
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.
91
Passo a passo
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.
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.
95
Passo a passo
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.
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