Introdução ao Photoshop

Prévia do material em texto

1 
 
 
 
 
 
 
2 
 
Índice 
 
Aula 1 .......................................................................................... 05 
Apresentação do Photoshop .................................................... 05 
Barra de Menus ..................................................................... 05 
Barra de Opções .................................................................... 05 
Barra de Ferramentas ............................................................ 06 
Exercícios ............................................................................. 12 
Aula 2 .......................................................................................... 13 
Formatos de Arquivo .............................................................. 13 
Modos de Cor ........................................................................ 16 
Exercícios ............................................................................. 18 
Aula 3 .......................................................................................... 19 
Tamanho da Imagem ............................................................. 19 
Tela de Pintura ...................................................................... 19 
Rotacionar Tela de Pintura ...................................................... 20 
Exercícios ............................................................................. 22 
Aula 4 .......................................................................................... 23 
Ferramentas de Seleção ......................................................... 23 
Marquee ............................................................................... 23 
Mover ................................................................................... 24 
Laço ..................................................................................... 24 
Varinha Mágica ...................................................................... 26 
Exercícios ............................................................................. 27 
Aula 5 .......................................................................................... 28 
Ferramenta Corte Demarcado ................................................. 28 
Barra de Ferramentas ............................................................ 28 
Barra de Opções .................................................................... 29 
Exercícios ............................................................................. 30 
Aula 6 .......................................................................................... 31 
Transformação ...................................................................... 31 
Inclinar ................................................................................. 32 
Distorcer .............................................................................. 32 
Perspectiva ........................................................................... 32 
Exercícios ............................................................................. 33 
Aula 7 .......................................................................................... 34 
Camadas .............................................................................. 34 
Criando Camadas................................................................... 34 
Ordenando Camadas .............................................................. 34 
Opacidade em Camadas ......................................................... 35 
Vinculando Camadas .............................................................. 35 
Exercícios ............................................................................. 36 
Aula 8 .......................................................................................... 37 
Duplicando Camadas .............................................................. 37 
 
3 
 
Adicionando Camadas ............................................................ 37 
Agrupando Camadas .............................................................. 38 
Excluindo Camadas ................................................................ 40 
Exercícios ............................................................................. 41 
Aula 9 .......................................................................................... 42 
Seletor de Cores .................................................................... 42 
Modo de Cores ...................................................................... 42 
Cores seguras para a Web ...................................................... 44 
Exercícios ............................................................................. 45 
Aula 10 ........................................................................................ 46 
Ferramenta Pincel .................................................................. 46 
Configurações do Pincel .......................................................... 47 
Fluxo e Opacidade ................................................................. 47 
Opções Sofisticadas ............................................................... 48 
Exercícios ............................................................................. 49 
Aula 11 ........................................................................................ 50 
Ferramenta Balde de Tinta ...................................................... 50 
Opacidade ............................................................................ 51 
Patterns ............................................................................... 51 
Tolerância ............................................................................. 53 
Suavização de Serrilhado ........................................................ 53 
Adjacente ............................................................................. 54 
Todas as Camadas ................................................................. 54 
Exercícios ............................................................................. 55 
Aula 12 ........................................................................................ 56 
Formas Definidas ................................................................... 56 
Ferramenta Linha .................................................................. 56 
Forma Personalizada .............................................................. 57 
Transformações ..................................................................... 57 
Rasterização ......................................................................... 58 
Exercícios ............................................................................. 59 
Aula 13 ........................................................................................ 60 
Demarcadores ....................................................................... 60 
Canetas ................................................................................ 60 
Editando Demarcadores .......................................................... 62 
Exercícios ............................................................................. 64 
Aula 14 ........................................................................................ 65 
Canais .................................................................................. 65 
Exercícios ............................................................................. 68 
Aula 15 ........................................................................................ 69 
Ferramenta Texto .................................................................. 69 
Criando Texto ........................................................................ 69 
Formatando Caracteres .......................................................... 71 
Verificação Ortográfica ........................................................... 73 
Formatando Parágrafos ..........................................................74 
Alinhamento de texto em relação a um Objeto .......................... 74 
 
4 
 
Criando borda de seleção de texto ........................................... 74 
Convertendo texto de ponto para texto de parágrafo .................. 75 
Distorcendo camadas de texto ................................................. 75 
Criando um demarcador de trabalho ........................................ 75 
Convertendo texto em formas ................................................. 76 
Exercícios ............................................................................. 77 
Aula 16 ........................................................................................ 78 
Filtros................................................................................... 78 
Visualizando e Aplicando Filtros ............................................... 78 
Filtros de Acabamento ............................................................ 79 
Filtros de Textura .................................................................. 81 
Exercícios ............................................................................. 84 
Aula 17 ........................................................................................ 85 
Paleta Histórico ..................................................................... 85 
Opções da Paleta Histórico ...................................................... 86 
Exercícios ............................................................................. 89 
Aula 18 ........................................................................................ 90 
Paleta Ações ......................................................................... 90 
Gravando Ações .................................................................... 91 
Criando uma nova Ação .......................................................... 91 
Salvando e Carregando Ações ................................................. 92 
Exercícios ............................................................................. 93 
Aula 19 ........................................................................................ 94 
Gerenciamento de Cores para Impressão .................................. 94 
Configuração de Prova ............................................................ 94 
Aviso de Gamut ..................................................................... 95 
Configuração de Cores............................................................ 96 
Exercícios ............................................................................. 97 
Aula 20 ........................................................................................ 98 
Tutorial Básico – Mudando a cor do cabelo de forma rápida ......... 98 
Tutorial Intermediário - Texto com efeito de Mancha de Catchup . 99 
Tutorial Avançado – Efeito de pessoa em chamas .................... 104 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
5 
 
 
 
AULA 1 
Apresentação do Photoshop 
 
O Photoshop é um dos melhores e mais utilizados programa de 
edição de imagens digital do mercado, serve para qualquer tipo de mídia, 
tanto impressa quanto digital. 
Ela funciona como a câmara escura dos fotógrafos de antigamente, 
onde eram fundidos e alterados os padrões de imagens, ou seja, o que 
antes era feito com produtos químicos, hoje se utiliza o computador num 
ambiente mais agradável e com maiores possibilidades de êxito. 
As imagens digitais podem ser processadas no computador de duas 
maneiras: 
Uma é na forma de mapa de bits, onde cada ponto da imagem é 
manipulado individualmente como um byte. 
A outra é na forma de vetores, onde a imagem é tratada como um 
conjunto de fórmulas matemáticas que indicam as equações de suas 
linhas e cores. 
O Photoshop trabalha com mapa de bits, onde podemos manipular 
cada ponto da imagem. 
Os pontos da imagem digital são chamados de pixel, uma 
abreviação de picture element. Ele representa o conjunto dos três pontos 
de cores primárias (vermelho, verde e azul) no monitor, semelhante aos 
grãos do filme e papel fotográficos. 
Barra de Menus 
 
 
A barra de menus contém comandos para execução de tarefas. 
Os menus estão organizados por tópicos e são acionados com o 
clique do mouse ou pressionando a tecla "ALT" juntamente com a letra 
sublinhada que identifica o menu. 
 
6 
 
Barra de Opções 
 
 
Nesta barras, são apresentadas as configurações das ferramentas. 
 
De acordo com a ferramenta selecionada, a Barra de Opções 
apresentará funções específicas desta ferramenta. 
É importante observar algumas configurações na barra de opções 
(como modos de pintura e opacidade). 
Para visualizar a barra de opções, acione menu Janela, e depois, 
Opções. 
 
Barra de Ferramentas 
1. Ferramentas de seleção: Seleções de formas 
geométricas predefinidas 
 
1.1 – Marca de Seleção Retangular - Tecla de 
atalho "M" (faz uma seleção retangular no documento). 
1.2 – Marca de Seleção Elíptica - Tecla de atalho 
"M" (faz uma seleção oval/redonda no documento). 
 
1.3 – Marca de Seleção Linha Única (faz uma 
seleção em forma de coluna na horizontal). 
 
 1.4 - Marca de Seleção Coluna Única (faz uma 
seleção em forma de coluna na vertical). 
 
2. Mover - Tecla de atalho "V" (Move uma seleção. 
Com ela você pode mover uma imagem para dentro de outro 
documento de Photoshop aberto). 
 
3. Ferramentas de seleção: Seleções à mão livre 
 
3.1 - Laço - Tecla de atalho "L"(faz a seleção à mão 
livre, em forma de laço). 
 
 
 
7 
 
 
 
3.2 – Laço Poligonal - Tecla de atalho "L" (faz a seleção, à mão 
livre, mas você faz ponto a ponto). 
3.3 – Laço Magnético - Tecla de atalho "L" (faz a seleção, à mão 
livre, mas ela se fixa ao redor da imagem como se fosse um imã). 
4. Varinha Mágica - Tecla de atalho "W" (seleciona tudo que tiver 
a mesma aparência, apenas com um clique. O nível de seleção vai 
depender da tolerância na barra de propriedades da mesma). 
5. Corte Demarcado- Tecla de atalho "C" (Corta a figura. Mas, 
primeiro você faz a seleção escolhendo manualmente a altura, largura. 
Para cortar, você deve apertar no ENTER). 
 
6. Fatia - Tecla de atalho "K" (essa ferramenta corta a figura). 
 
6.1 Seleção de Fatia - Tecla de atalho "K" (Faz a fatia de 
seleções). 
 
7. Recuperando Pincel - Tecla de atalho "J" (faz pequenos 
curativos na imagem. Se assemelha com o carimbo). 
 
7.1 – Correção - Tecla de atalho "J" (essa ferramenta faz 
primeiro uma seleção e depois se você arrastar outra parte da mesma, ela 
copia). 
 
8. Pincel - Tecla de atalho "B" (É um spray de tinta. Define-se a 
sua espessura na barra de propriedades da mesma). 
 
8.1 Lápis - Tecla de atalho "B" (É um lápis. Definimos sua 
espessura na barra de propriedades da mesma). 
 
9. Carimbo - Tecla de atalho "S" (Primeiro você clica com o ALT 
 
8 
 
pressionado na área a ser copiada e depois você define onde deve ser 
aplicada). 
 
9.1 Carimbo de Padrão - Tecla de atalho "S" (É o carimbo de 
áreas com características avançadas). 
 
 
10. Pincel do Histórico - Tecla de atalho "Y" (É uma borracha, 
mas serve apenas onde foi aplicado as Ferramentas Pincel e/ou Lápis). 
10.1 – Pincel História da Arte - Tecla de atalho "Y" (Serve para 
colocar algum tipo de efeito (ex.: matiz / saturação) em uma área onde 
foi aplicado pincel e/ou o lápis). 
11. Borracha - Tecla de atalho "E" (Como diz o nome, é a 
borracha. Tem a função de apagar qualquer coisa de uma camada, 
deixando um fundo cinza). 
 
11.1 – Borracha de Plano de Fundo- Tecla de atalho "E" 
(Apaga, mas deixa o fundo transparente/quadriculado). 
 
11.2 – Borracha Mágica - Tecla de atalho "E" (Apaga tudo que 
tiver a mesma semelhança de cor. É pré-definida na barra de ferramentas 
da mesma). 
 
12. Degradê - Tecla de atalho "G" (Aplica um fundo em degradê, 
com cores e formas predefinidas pelousuário). 
 
12.1 – Balde de Tinta - Tecla de atalho "G" (Serve como um 
balde de tinta. Com apenas um clique você pode pintar toda sua imagem 
e/ou áreas pré-selecionadas). 
 
13. Desfoque - Tecla de atalho "R" (Esta ferramenta desfoca a 
imagem, dando um efeito de míope). 
 
13.1 - Nitidez - Tecla de atalho "R" (Esta ferramenta dá brilho à 
imagem). 
 
9 
 
 
13.2 – Borrar - Tecla de atalho "R" (Serve como o "dedo na tinta 
fresca". Ele espalha a imagem). 
 
14. Subexposição - Tecla de atalho "O" (Clareia a imagem). 
14.1 Superexposição - Tecla de atalho "O" (Dá tons 
avermelhados a imagem). 
 
14.2 Esponja - Tecla de atalho "O" (Limpa a imagem de certa 
forma, clareando-a também). 
 
15. Seleção de Demarcador - Tecla de atalho "A" (Pega um 
caminho pré-definido e move sem danos a imagem). 
 
15.1 – Seleção Direta - Tecla de atalho "A" (Essa ferramenta 
edita os nós de um caminho pré-definido. Assim, o usuário pode mexer 
independentemente em cada um dos lados de um nó). 
 
16. Texto Horizontal - tecla de atalho "T" (Faz o tipo normal de 
texto). 
 
16.1 – Texto Vertical - Tecla de atalho "T" (É o texto escrito 
verticalmente). 
 
16.2 – Máscara de Texto Horizontal - Tecla de atalho "T" (É o 
texto escrito normal (horizontal) sem nenhum preenchimento). 
 
16.3 – Máscara de Texto Vertical - Tecla de atalho "T" (É o 
texto escrito normal (vertical) sem nenhum preenchimento). 
 
17. Caneta - Tecla de atalho "P" (Com ela você define os 
caminhos). 
 
 
10 
 
17.1 Caneta de Forma Livre - Tecla de atalho "P" (Com ela você 
faz caminhos à mão livre). 
 
17.2 – Adicionar Ponto de Ancoragem (Adiciona pontos em um 
caminho pré-definido). 
 
17.3 – Excluir Ponto de Ancoragem (Subtrai pontos de um 
caminho pré-definido). 
 
17.4 – Converter Pontos (Converte pontos em curva). 
 
18. Retângulo - Tecla de atalho "U" (É um caminho que já tem 
forma definida de quadrado). 
 
18.1 – Retângulo arredondado - Tecla de atalho "U" (É um 
caminho que já tem forma definida de quadrado com os cantos 
arredondados). 
 
18.2 - Elipse - Tecla de atalho "U" (É um caminho que já tem 
forma definida de elipse). 
 
18.3 - Polígono - Tecla de atalho "U" (É um caminho que já tem 
forma definida de polígonos, onde o usuário escolhe quantos lados 
quiser). 
 
18.4 - Linha - Tecla de atalho "U" (É um caminho que já tem 
forma definida de linha). 
 
18.5 – Forma Personalizada - Tecla de atalho "U" (É um 
caminho, mas você faz da forma que desejar). 
 
19. Observações - Tecla de atalho "N" (É um bloco de anotações 
para você não esquecer de fazer algo naquele documento. Não é muito 
utilizado). 
 
 
11 
 
19.1 – Comentário de Áudio - Tecla de atalho "N" (É um bloco 
de anotações sonoro para você não esquecer de fazer algo naquele 
documento). 
 
 
12 
 
20. Conta-gotas - Tecla de atalho "I" (É um conta-gotas, que 
serve para pegar precisamente uma cor que está sendo utilizada na 
figura. Depois de selecionada, com o balde e/ou caneta, você a usa em 
outra parte do documento). 
 
20.1 – Classificador de Cores - Tecla de atalho "I" (É um conta-
gotas avançado). 
 
20.2 - Medir - Tecla de atalho "I" (É a ferramenta que mede uma 
determinada área). 
 
21. Mão - Tecla de atalho "H" (Serve apenas para a manipulação 
do documento). 
 
22. Zoom - Tecla de atalho "Z" (Serve para ampliar/diminuir a 
área de visualização do documento). 
 
23. Visualização das Cores (Mostra as cores que estão sendo 
utilizadas). 
24. Entrar/sair do Modo de edição Máscara Rápida (Um 
modo de melhorar uma seleção pré-feita). 
25. Tipos de Visualização do documento (Mostra 
possibilidades de visualização do documento). 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
13 
 
 
Exercícios 
1) O que é o Software Adobe Photoshop? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
2) O que são imagens em bitmaps? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
3) O que são imagens vetoriais? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
4) Quais são as três cores primárias e o que é o sistema RGB? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
5) O que é o modo CMYK? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
 
 
 
14 
 
AULA 2 
Formatos de Arquivo 
 
Atualmente, profissionais das áreas de criação tanto para a Web 
como para impressos, utilizam-se dos mais variados formatos de arquivos 
com o objetivo de chegar a resultados satisfatórios para o tipo de saída 
que necessitam dar para cada imagem. 
Como vimos na aula anterior, as imagens geradas no computador 
podem ter dois formatos, o vetorial e o bitmap. 
O formato vetorial é gerado pelo computador em tempo de 
execução, através de cálculos de funções. 
Já o formato bitmap, representado pelos arquivos JPG e GIF, é 
composto por píxeis. 
O Photoshop permite que se trabalhe tanto com imagens bitmap, 
quanto vetoriais, através das ferramentas retângulo, elipse e caneta, 
facilitando muito a geração de objetos vetoriais. 
O formato bitmap engloba os seguintes tipos de arquivos: 
 
.GIF 
Desenvolvido inicialmente para a Compuserve, este tipo de arquivo 
pode ser utilizado, de preferência para gráficos, sendo que em alguns 
casos especiais também pode ser usado para imagens fotográficas. 
Alguns usos das imagens .GIF seriam para logotipos, ilustrações, 
cartoons e texto salvo como imagem. 
Este formato de arquivo pode possuir somente 256 cores e, por este 
motivo, é pouco utilizado para compactação de fotos com muitos degradês 
e cores. 
O .GIF suporta transparência, animação e entrelaçamento. 
A compactação de arquivos deste tipo é sem perdas (procura 
alterações de cor horizontalmente, e a cada nova cor encontrada, 
aumenta o tamanho do arquivo), mas ao se transformar uma imagem de 
24 bits para 256 ou menos cores, temos uma perda muito grande. 
Sendo então mais aconselhável o seu uso somente para gráficos de 
imagens sólidas como desenhos. 
A suavização também aumenta o tamanho do arquivo, sendo melhor 
que se utilize o serrilhado, principalmente para fontes com menos de 16 
pixels. 
Para a gravação dos arquivos, existe mais de um tipo de paleta para 
ser utilizada, a Adaptativa (utiliza a cor mais parecida, quando da redução 
de cores), a Exata (pode acontecer de a mesma cor ser diferente em 
plataformas diferentes, depreciando a qualidade da imagem) e a Cores 
Seguras da Web (utiliza somente as 216 cores protegidas da Web). 
 
 
15 
 
.GIFs entrelaçados: 
A imagem aparece aos poucos, desfocada, até ficar completamente 
focalizada. Recomenda-se não utilizar para imagens de grande 
importância em sites; 
.GIFs transparentes: 
Somente aceitam 1 bit de cor (o formato PNG aceita até 8 bits, mas 
ainda é um formato muito pesado para ser utilizado na Web). 
Utilizada para formas irregulares, já que no HTML só é possível a 
utilização de formas retangulares; 
.GIFs animados: 
Seqüência de animação. Podem ser definidos para passar em 
diversas velocidades, e não necessitam de plugins. 
 
.JPG: 
Este formato de arquivo não necessita de definição de paleta, e é 
especialmente utilizado para conteúdo fotográfico, por comportar até 16 
milhões de cores. 
O .JPG utiliza um algoritmo de compactação com perdas, pois 
remove informações da imagem, causando a perda de qualidade, mas a 
remoção é feitade forma sutil para que não seja visível ou desagradável. 
Este tipo de arquivo é descompactado ao ser visualizado no 
navegador. 
O .JPG trabalha com níveis de compactação baixa, média, alta e 
máxima. 
JPG’s progressivos utilizam entrelaçamento e possuem compactação 
superior. 
 
.PNG: 
Este formato utiliza um método de compactação sem perda de 
qualidade da imagem. 
O PNG (Portable Network Graphics) pode ser armazenado com 
diversas profundidades de bits, tanto 8 quanto 24 ou 32 bits, o que 
significa que pode-se escolher diversas cores para a transparência. 
Este formato possui informações sobre as características da 
plataforma na qual foi criado, de forma que a visualização do software 
pode ser automaticamente compensada, não comprometendo a qualidade 
da imagem. 
Outra vantagem deste tipo de arquivo, é que através dos canais alfa 
pode-se utilizar borda suavizada com transparência, sem prejudicar a 
qualidade da imagem. 
 
.EPS: (Encapsulated PostScript) 
A maioria dos softwares gráficos aceita este tipo de imagem, sendo 
utilizada para imagens com saída em impressora PostScript, e de alta 
resolução. 
 
 
16 
 
Por este motivo, é um tipo de imagem utilizada em larga escala por 
agências de comunicação, que necessitam de imagens com boa resolução. 
Ao salvar este tipo de imagem escolha ASCII se for dar a saída em 
um sistema Windows, ou Binary para Mac´s. 
A compressão para JPG descarta algumas informações da imagem e 
pode somente ser impressa em PS level 2. 
Uma característica interessante deste tipo de imagem é que ela 
permite a transparência no seu modo bitmap. 
 
.TIFF: 
Este formato de arquivo também é utilizado para gerar imagens de 
boa resolução, preservando informações de multi-resolução e também de 
transparência. Além disso, aceita layers ou camadas. 
 
.PCX: 
Outro formato bastante utilizado para imagens digitalizadas com alta 
resolução. 
Este tipo de arquivo suporta os modos RGB, Cores Indexadas, Tons 
de cinza e bitmap. 
 
.PSD - PhotoShop Document: 
Possui ótima resolução. É uma extensão que armazena as etapas de 
trabalho (canais, camadas, demarcadores, etc). Ao editar imagens no 
Photoshop, é aconselhável salvá-las em PSD e, depois de prontas, 
utilizamos outras extensões. 
 
.BMP - BitMap Photo: 
Possui resolução regular. O formato BMP é um formato padrão de 
imagens do Windows em computadores compatíveis com seu sistema 
operacional. 
 
.PDF - Portable Document Format: 
Possui resolução regular. É um formato de arquivo flexível para 
várias plataformas e aplicativos. 
Os arquivos PDF exibem e preservam com precisão fontes, layouts 
de página e gráficos vetoriais e de bitmap. 
Podem conter recursos eletrônicos de pesquisa e navegação em 
documentos, como links eletrônicos. 
Ao abrir um arquivo PDF no Photoshop, é possível escolher a página 
que será aberta e especificar opções de conversão em bitmap. 
 
 
17 
 
Modos de Cor 
 
 RGB: 
 Esse modo RGB do PHOTOSHOP utiliza o modelo RGB, impondo um 
valor de intensidade a cada pixel, alterando de 0 que é o preto a 255 que 
é o branco, para cada elemento RGB em uma figura colorida. Supondo, 
um verde pode apresentar um valor R de 246, um valor G de 20 e um 
valor B de 50. 
 Quando os valores dos três elementos são iguais, o resultado dos 
mesmos é um tom cinza. Agora se o valor de todos os componentes é de 
255, o resultado do mesmo é branco e quando o valor é 0 o resultado é 
preto. 
 Figuras RGB utilizam três cores para reproduzir na tela até 16,7 
milhões de cores. 
Elas são de três canais, possuindo 24 (8 x 3) bits por pixel. 
 Observação: RGB é o modo padrão para novas figuras do 
PHOTOSHOP. Os monitores sempre mostram cores no modelo RGB. Isso 
quer dizer que, quando se trabalha em modos de cores diferentes do RGB, 
como o CMYK, o PHOTOSHOP temporariamente converte as informações 
para o modo RGB para exibi-los na tela. 
 Uma ampla porcentagem do ambiente palpável pode ser mostrada 
misturando-se luz vermelha, verde e azul (RGB) em diversas extensões e 
amplitude. 
 Onde as cores se sobrepõem, aparecem o magenta, o ciano e o 
amarelo. 
 Como as cores RGB se acertam para construir o branco, também 
são nomeada cores aditivas. 
 Unir todas as cores cria o branco, ou seja, toda a luz é refletida de 
volta ao olho. 
 As cores aditivas são utilizadas em monitores, iluminação e vídeo. 
O monitor, desenvolve a cor emitindo luz por meio de fósforo vermelho, 
verde e azul. 
 
 CMYK: 
 Neste modo CMYK do PHOTOSHOP, a cada pixel é infligido um valor 
de porcentagem para cada tinta de artifício. 
 Às cores mais claras são aplicadas pequenas porcentagens de cores 
das tintas de procedimento; as mais escuras que são as sombras possuem 
porcentagens mais altas. 
 Como exemplo, temos o vermelho que pode possuir 2% de ciano, 
93% de magenta, 90% de amarelo e 0% de preto. Em figuras CMYK, 
branco puro é determinado quando o valor de todos os quatro elementos 
for 0%. 
 
18 
 
 Utilize o modo CMYK ao organizar uma figura para imprimir com 
cores de metodologia. A conversão de uma figura RGB em CMYK 
desenvolve um apartamento (quebra) de cores. 
 Se o processo é iniciado com uma figura RGB, convém editar 
primeiro e depois converter para CMYK. 
 No modo RGB, pode-se utilizar o comando Visualizar CMYK para 
simular os efeitos da mudança, sem realmente mudar informações da 
figura. 
 Pode-se utilizar o modo CMYK para trabalhar diretamente com 
figuras CMYK digitalizadas ou importadas de sistemas complexos. 
 Este modelo CMYK é aprimorado na propriedade de absorção de luz 
da tinta impressa no papel. 
 Quando a luz branca chega às tintas transparentes, parte do 
espectro é absorvida e parte é refletida para os olhos. 
 Na suposição, os pigmentos puros magenta (M). ciano (C) e amarelo 
(Y) necessitam concordar para absorver todas as cores e gerar preto. 
 Devido a isso essas cores são chamadas cores subtrativas. Como 
conglomerado as tintas de impressão possuem impurezas, essas três 
tintas elaboram marrom impuro e necessitam ser combinadas com tinta 
preta (K) para produzir preto verdadeiro. É utilizado K em vez de B para 
não se confundir com o azul. 
 A combinação dessas tintas para reproduzir cores é chamada 
impressão em processo de quatro cores. 
 As cores subtrativas (CMY) e aditivas (RGB) são cores 
complementares. Cada par de cores subtrativas desenvolve uma cor 
aditiva e vice-versa. 
 
 LAB: 
 Neste modo, o elemento de luminosidade (L) pode alterar de 0 a 
100. O elemento a ―eixo verde-vermelho‖ e o b ―eixo azul-amarelo‖ tem a 
capacidade de alterar de +120 a –120. 
 Pode-se utilizar esse modo para trabalhar com figuras Photo CD, 
editar involuntariamente a luminescência e os valores de cor de uma 
figura, movimentar figuras entre sistemas e imprimir em impressoras 
PostScript® Nível 2 e Nível 3. 
 Para imprimir figuras Lab em outros aparelhos coloridos, 
primeiramente converta para CMYK. 
Cor Lab é o modelo de cores internas que o PHOTOSHOP utiliza ao 
converter de um modo de cor para outro. 
 O modelo de cores Lab é fundamentado no modelo proposto pela 
Commission Internationale d’Eclairage (CIE) em 1931 como um padrão 
internacional para medição de cores. 
 Uma cor Lab incide em artefatos de luminescência ou luminosidade 
(L) e dois elementos cromáticos: o elemento a ―do verde ao vermelho‖ e o 
elemento b ―do azul ao amarelo‖. 
 
19 
 
Exercícios 
01) O que são os modos de cores e através de qual menu podemos acessá-los? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) O que é o modo CMYK e quais são suas 4 cores básicas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Quais as característicasdos arquivos com formato “.GIF”? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Quais as características dos arquivos com formato “.TIFF”? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Quais as características dos arquivos com formato “.PSD”? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
 
 
20 
 
AULA 3 
Tamanho da Imagem 
 Aceita alterar o tamanho da figura. Quando se ativa o comando, a 
caixa de diálogo abre ―Tamanho da Imagem‖, onde se pode modificar seu 
tamanho e a resolução da figura. 
 Nunca esqueça, caso você modifique as dimensões em pixel, afeta 
não apenas o tamanho de uma figura na tela, mas também a qualidade 
dela e suas características impressas, as dimensões impressas e a 
resolução da figura. 
 Este comando possui Dimensões em pixel (Largura e Altura), 
Tamanho da impressão (Largura, Altura e Resolução), Restringir 
proporções da imagem, nesta opção você pode escolher (Pelo mais 
próximo, Bilinear e Bicúbica).Verifique na figura abaixo essas opções: 
 
Tela de Pintura 
 Esse comando Tamanho da Tela de Pintura aceita acrescentar ou 
retirar espaço de trabalho em torno da figura vivente. Pode-se cortar, 
diminuindo a área da tela. A tela acrescentada é exibida com a mesma cor 
ou transparência que a do plano de fundo. 
 Para utilizar o comando Tamanho da Tela de Pintura você fará o 
seguinte: 
 1 – Vá até o menu imagem, depois Tamanho da Tela de Pintura. 
 Nesta caixa você verá: Tamanho atual (Largura e Altura) e Novo 
tamanho (Largura, altura e Âncora). 
 Abrirá para você a figura seguinte: 
 
 
21 
 
 
 2 - Selecione as unidades de medida que você deseja. A opção 
Colunas mede a largura em termos de colunas explícitas nas preferências 
de Unidades e Réguas. 
 3 - Coloque as dimensões nas caixas Largura e Altura. Surge um 
novo tamanho de arquivo. 
 4 – Na opção Âncora, clique em um quadrado para posicionar a 
figura na nova tela de pintura. Clique em OK. 
 
 
Rotacionar Tela de Pintura 
 Com este comando, pode-se rotacionar ou virar a figura inteira. 
Essa opção não funciona em camadas individuais ou partes de camadas, 
demarcadores ou bordas de seleção. Veja a figura a seguir essa opção: 
 
22 
 
 
 Para você rotacionar ou virar uma figura inteira faça o seguinte: 
 1 – Vá ao menu Imagem, clique em Rotacionar Tela de Pintura, 
selecione um dos comandos: 
 - 180º (para rotacionar a figura em meia-volta), 
 - 90º Horário (rotacionar a figura no sentido horário em um quarto 
de volta), 
 - 90º Anti-Horário (rotacionar a figura no sentido anti-horário em 
um quarto de volta), 
 - Arbitrário (rotacionar a figura no ângulo que especificar). Caso 
opte por essa opção, entre com um ângulo entre -359,99 e 359,99 na 
caixa de texto ângulo e escolha Horária ou Anti-horária para determinar o 
sentido da rotação. Clique em OK. 
 - Virar Horizontalmente (vira a figura horizontalmente, ao longo do 
eixo vertical) 
 - Virar Verticalmente (vira a figura verticalmente, ao longo do eixo 
horizontal). 
 2 – Veja a figura a seguir, ela foi rotacionada 90º Horário: 
 
 
 
 
 
 
 
23 
 
Exercícios 
01) Como e através de qual menu fazemos o redimensionamento da imagem? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Que tipo de configurações podemos fazer na janela Tamanho da Imagem? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) O que faz a seleção “Restringir proporções”? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) O que acontece quando desmarcamos a seleção “Restaurar resolução da 
imagem”? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Quais são as opções de rotações da tela de pintura? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
24 
 
AULA 4 
Ferramentas de Seleção 
 
Marquee 
 
 Essa ferramenta admite que selecione a figura ou simplesmente 
uma parte da mesma. Você pode escolher entre a seleção retangular, 
elíptica, coluna, linha e corte demarcado. 
 A opção retangular admite que você selecione regiões em formatos 
ovais e circulares. 
 As opções coluna e linha admitem que se selecionem colunas e 
linhas da figura com apenas um pixel de largura. 
 Já a opção corte demarcado permite que você corte determinada 
região da figura em um formato retangular, veja isso na figura a seguir, 
todas as opções na mesma. 
 
 
 
 Após selecionar a área que será demarcada para o corte, clique 
novamente na ferramenta corte demarcado, será mostrada a caixa de 
dialogo abaixo para você concluir a operação. 
 
 
 
 
25 
 
Mover: 
 Com a ferramenta mover pode-se movimentar as áreas que 
estiverem selecionadas da figura, no exemplo a seguir, foi selecionado 
uma parte da figura com a ferramenta de seleção retangular e depois com 
a ferramenta mover, foi deslocada a parte da figura selecionada para um 
outro local, a área onde estava a parte da figura movida foi preenchida 
pela cor de fundo que estava previamente definida. 
 
 
Laço: 
 Essa é uma variação da ferramenta seleção, com ela pode selecionar 
áreas irregulares das figuras admitindo que crie outras figuras diferentes, 
essa ferramenta apresenta três opções seguintes: 
 1 - Laço que não restringe em nada a sua seleção, de forma que 
você pode selecionar a mão livre. Veja o exemplo a seguir. 
 
 
26 
 
 2 - Laço Poligonal, admitindo que você faça à seleção a mão livre, 
mas as arestas retas são mantidas. Veja o exemplo a seguir. 
 
 3 - Laço Magnético, que permite você desenhar bordas em torno do 
objeto. A linha da seleção se ajusta ao contorno do objeto. 
 
 O exemplo acima apresenta uma figura sendo selecionada pela 
ferramenta Laço magnético, para executar essa seleção, clique sobre a 
ferramenta laço magnético, depois clique sobre a região que você deseja 
demarcar, arraste o ponteiro do mouse em torno da área que se deseja e 
para finalizar a seleção dê um duplo clique. 
 A ferramenta laço, assim como outras ferramentas proporcionam 
uma janela de opções que apresenta muitos outros recursos que podem 
ser usados pela ferramenta.Veja a janela de opções da ferramenta laço a 
seguir: 
 
 
 
 
27 
 
 Na caixa de diálogo anterior, encontram-se duas opções da 
ferramenta laço, a opção de difusão causa um efeito esfumaçado em torno 
da área selecionada, quanto maior for o valor atribuído a esse campo, 
mais evidente será o efeito. Marque a caixa de dialogo, suavização 
serrilhado, para que seja suavizado o contorno da área selecionada. 
 Varinha mágica 
 Essa ferramenta admite que você selecione áreas que possuem 
cores parecidas. Para que você possa selecionar duas áreas distintas na 
mesma figura, basta selecionar a primeira região, e com a tecla shift 
pressionada, selecione a outra região, veja isso na figura. 
 
 Para que você possa definir a abrangência da varinha mágica, altere 
os valores do campo tolerância, da janela de opções daferramenta, 
quanto maior for o valor, maior será também a abrangência. 
 
 
 
 
28 
 
Exercícios 
01) Qual a função da ferramenta Marquee e quais são suas variações? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Comente sobre as características de uma das variações da Ferramenta 
Marquee: 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) O que faz a ferramenta Laço e quais são suas variações? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Quais são as características do Laço Magnético? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Em que situações devemos usar o Laço Poligonal? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
 
29 
 
AULA 5 
Ferramenta Corte Demarcado 
 
 Nesta aula falaremos da Ferramenta Corte Demarcado, que faz 
parte da paleta de ferramentas do Photoshop e serve para redimensionar 
a foto cortando partes indesejadas, ou seja, você pode acertar erros de 
posicionamento recortando áreas que estejam sobrando na foto 
simplesmente deletando com esta ferramenta. 
 Para aplicar a Corte Demarcado em uma imagem é bem simples, 
abra uma foto qualquer como a de baixo escolha a Corte Demarcado na 
paleta de ferramentas ou pressione a letra C do teclado, clique em um 
ponto da imagem e arraste até criar um retângulo ou quadrado em volta 
de algum objeto que você queira, feito isto basta apertar Enter para ver 
que sua imagem foi redimensionada dispensando todo o restante da 
imagem que não interessava. 
 Ao criar a seleção, se você mantiver a tecla Shift pressionada você 
irá criar um quadrado ou irá aumentar e diminuir seu tamanho mantendo 
as proporções corretas, pressionando a barra de espaço você pode 
movimentar a seleção livremente pela tela. 
 
 
 
 
 Barra de Ferramentas da Corte Demarcado 
 
 Na barra de opções da ferramenta Corte Demarcado, que fica no 
alto da tela podemos ver o ícone da ferramenta e do seu lado uma 
pequena seta, clicando nela uma caixa se abre com uma série de pré-
definições para a ferramenta. 
 
 
 
30 
 
 
 
 A ferramenta Corte Demarcado pode diminuir a área da sua imagem 
mas ela não diminui o tamanho de sua imagem, por isso sempre que for 
usar esta ferramenta, tenha em mente que ela irá eliminar áreas de sobra 
em sua imagem e não diminuir ou aumentar a imagem. 
 
 Barra de Opções da Corte Demarcado 
 
 
 Na barra de opções, temos a opção de definir parâmetros como 
Largura e Altura, assim como Resolução, onde podemos melhorar ou 
piorar a qualidade da foto. 
 
 
 
 Outras opções aparecem depois que uma seleção é criada, antes de 
apertar o Enter a barra mostra as seguintes opções, onde Proteger e Cor 
trabalham juntas, caso você desabilite Proteger, a cor que aparece ao 
redor quando selecionamos algo desaparecerá, esta cor por sua vez 
também pode ser mudada, basta clicar na caixa Cor e escolher sua cor 
preferida. 
 A opção Perspectiva, quando clicada, permite que você distorça sua 
seleção livremente. 
 
 
 
 Clicando em qualquer ponto da seleção podemos redimensionar, 
aumentando ou diminuindo a seleção, basta apenas clicar e arrastar, 
colocando o mouse próximo ao ponto, podemos observar que em 
 
31 
 
determinada posição ele muda de forma, isso nos possibilita rotacionar a 
seleção para qualquer lado. 
 
32 
 
Exercícios 
01) Que tecla utilizamos em conjunto com a Corte Demarcado para fazermos um 
quadrado perfeito? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Qual a relação que existe em recortarmos uma parte da imagem com a Corte 
Demarcado e o tamanho total do arquivo depois disto? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) A seleção pode ser rotacionada? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) O que clicamos para cancelar a seleção da Corte Demarcado? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Podemos mover a área recortada? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
 
33 
 
AULA 6 
Transformação 
 
 O Transformação é um recurso muito popular do Photoshop. Ele 
permite distorcer imagens facilmente e é acessado por meio do menu 
Editar. 
 O primeiro passo para usar o Transformação é selecionar a área que 
será afetada pelo recurso. 
 Para isso, podemos usar qualquer ferramenta de seleção. 
 
 
 
 Para selecionar a imagem inteira, o usuário pode acionar o atalho 
Ctrl+A. 
 Com a área selecionada, o passo seguinte é clicar no menu Editar e 
depois na opção Transformação Livre. 
 
 
 
 
34 
 
 Note que a seleção agora está cercada por uma grade, semelhante à 
da ferramenta Letreiro Retangular. 
 Basta clicar num dos extremos da grade e arrastar o cursor para 
―esticar‖ ou ―encolher‖ a seleção. 
 Para aplicar a distorção, use a tecla Enter. 
 Além de ―esticar‖ e ―encolher‖ a imagem, o Transformação possui 
recursos para distorções mais radicais. 
 Entre esses recursos para distorções mais radicais, estão o Inclinar, 
o Distorcer e a Perspectiva. 
 
 Inclinar 
 Permite a distorção da imagem nos eixos horizontal e vertical, mas 
não trabalha com os dois simultaneamente. 
 Clicando com o mouse nas alças da seleção, podemos encolher ou 
esticar o trecho selecionado. 
 
 Distorcer 
 Ao contrário do Inclinar, o Distorcer trabalha com distorção 
simultânea nos eixos vertical e horizontal. 
 Com isso, temos mais liberdade para alterar a área desejada. 
 
 Perspectiva 
 O Perspectiva aplica a mesma distorção a lados opostos da imagem. 
 
 Ainda no menu Editar, na opção Transformação, temos os recursos 
Girar 180°, Girar 90°Horário, Girar 90°Anti-Horário, Virar Horizontalmente 
e Virar Verticalmente. 
 As opções Girar giram a imagem em 90° ou 180° graus. 
 O Virar inverte os eixos horizontal e vertical da imagem. 
 
 
 
 
35 
 
Exercícios 
01) Qual ferramenta de seleção podemos usar para utilizar o recurso 
Transformação? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) O que faz o recurso Transformação Livre? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Cite quais as características do recurso Inclinar e qual o caminho que 
podemos acessá-lo 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Cite quais as características do recurso Distorcer e qual o caminho que 
podemos acessá-lo 
____________________________________________________________________________________________________________________ 
__________________________________________________________ 
05) Cite quais as características do recurso Perspectiva e qual o caminho que 
podemos acessá-lo? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
36 
 
AULA 7 
Camadas 
 As camadas deixam que você organize uma figura, podendo assim, 
definir a ordem das figuras e ainda admite que o usuário edite cada uma 
delas de forma separada sem afetar as outras camadas. 
 
Criando camadas 
 
 Existem várias formas de se construir camadas. 
 Você pode criar através da opção nova-> camada no menu camada. 
 Ao copiar alguma área de outra imagem para o arquivo que você 
estiver editando. Automaticamente, a figura que está sendo copiada será 
inserida em uma nova camada. 
 Para criar uma camada de texto, basta apenas criar o texto com a 
ferramenta de texto (no próximo módulo falaremos dessa ferramenta) e 
automaticamente o texto será inserido em uma nova camada. 
 Sendo que esta terá um símbolo indicando que é uma camada 
criada através de um texto. 
 Ordenando camadas 
 
 As camadas vão se ordenando na medida em que vão sendo 
construídas, sendo que as que são criadas posteriormente são colocadas 
por cima das outras. 
 Você pode modificar a ordem de como elas estão dispostas. 
 
37 
 
 Para isso, na janela camadas, clique sobre a camada que você 
deseja mover e arraste para a posição desejada. Veja isso na figura 
seguinte. 
 
 
 Opacidade das camadas 
 
 Na janela camadas, na opção opacidade, pode-se definir o nível de 
opacidade/ transparência que será atribuído à camada. 
 Para fazer a modificação, clique sobre a camada que deseja atribuir 
o efeito e depois regule a porcentagem de opacidade da imagem. 
 
 Vinculando camadas 
 
 Pode-se também ainda vincular duas ou mais camadas. Sendo 
assim, as operações que serão atribuídas a uma camada, também serão 
aplicadas às outras que estão vinculadas a ela. 
 Para vincular camadas, deixe selecionada a primeira camada, 
depois, na camada que será vinculada clique sobre o campo onde é 
inserido o símbolo de vinculo. 
 
 
 
38 
 
Exercícios 
01) O que são e para que servem as camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Quais e como são as formas de criarmos novas camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Como ordenamos as camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Como controlamos a opacidade das camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Como vinculamos as camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
39 
 
AULA 8 
 
 Duplicando camadas 
 
 Abra uma imagem no Photoshop e selecione a janela Camadas. 
 Você deve duplicar a camada original. Para isso selecione a layer 
que provavelmente deve ter o nome de Plano de Fundo e tecle CTRL + J. 
 Você também pode conseguir isso, selecionando a Camada desejada 
e através do menu da janela Camadas, acessível pelo botão com a seta na 
parte superior direita da janela, escolher a opção Duplicar Camada. 
 Mais fácil ainda, você pode clicar na camada original e arrastá-la 
para o botão Criar uma nova camada. A janela Camadas deve estar muito 
próxima a da imagem abaixo: 
 
 
 
 
 Adicionando máscara à camada 
 
 O Photoshop tem um recurso muito interessante que é o Máscara de 
Camada. Quando você precisa fazer um recorte ou apagar uma parte de 
uma imagem, este recurso permite de uma maneira simples, que você 
apague a parte indesejada, mas com a opção de recuperá-la sempre que 
necessário, ao contrário da ferramenta Borracha, que quando utilizada, 
apaga a imagem permanentemente. 
 Você pode criar a Máscara de Camada selecionando a camada 
superior e clicando no botão Adicionar Máscara de Camada na parte 
inferior da janela Camadas. 
 
 
 
40 
 
 
 Note que aparecerá um quadro em branco do lado da visualização 
em miniatura da Camada: 
 
 
 
 Esta já é a sua máscara. Ela funciona da seguinte forma: como ela 
está em branco significa que nada foi mascarado ainda. Ao selecioná-la, 
tudo que "pintarmos" de preto ficará escondido. 
 Você pode utilizar qualquer ferramenta para isso ou pode até criar 
uma seleção e preencher com preto. 
 
 Agrupando camadas 
 
 Este é mais um recurso que o Photoshop nos oferece: agrupando 
camadas podemos obter resultados/efeitos interessantes, bastando unir o 
conteúdo de uma camada à outra através do menu Camada. Vamos 
começar criando um texto, selecionando a ferramenta de texto. 
 Vamos também abrir o painel de Camadas, clicando em Janela, e 
depois em Camadas. 
 Agora, com a ferramenta texto (T) escreva o texto BRASIL. Seu 
painel de camadas estará assim: 
 
 
41 
 
 Agora, supondo que temos em nossos arquivos uma imagem da 
bandeira brasileira (caso você esteja fazendo este exercício, baixe alguma 
da internet e salve em seus arquivos), precisamos abri-la para ser 
utilizada no preenchimento, pressionando Ctrl+O ou através do menu 
Arquivo, depois Abrir. Veja a bandeira já aberta: 
 
 Agora vamos selecionar a bandeira através do menu Selecionar, 
depois Tudo (ou Ctrl A). 
 Com a bandeira já selecionada, aperte Ctrl+C para copiar o 
conteúdo e volte para seu documento inicial, aonde escrevemos o texto. 
 Cole a bandeira pressionando Ctrl+V: 
 
 Veja que a bandeira foi colocada em outra camada (acima da 
camada de texto), justamente onde precisamos que ela esteja para que 
possamos agrupá-la com o texto. 
 Para agrupar, clique em Camada, e depois Agrupar Camadas (ou 
Ctrl + Shift + G). 
 Veja como ficou nosso texto com a bandeira agrupada: 
 
 
42 
 
 Nosso painel de camadas agora indica que a camada da bandeira 
está agrupada com a camada de texto e essa indicação é feita através de 
uma seta: 
 
 Ao selecionarmos a camada da bandeira, estaremos movendo 
apenas a bandeira. Vejamos um exemplo, primeiro com a bandeira: 
 
 Agora, selecionamos a camada de texto e movendo o texto pela 
tela. Veja como nossa imagem mudou: 
 
 Caso queira desagrupar as camadas, basta clicar em Camada, e 
depois, Desagrupar. 
 
 
 Excluindo camadas 
 Para excluir uma camada, dê um clique com o botão direito na 
mesma e selecione excluir ou arraste-a para o ícone da Lixeira, localizada 
no canto inferior da paleta Camadas. 
 
43 
 
Exercícios 
01) Cite duas formas de se duplicar uma camada. 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Para que serve o efeito de criar uma máscara em uma camada? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Para que serve o efeito de agrupar camadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Quais são as teclas de atalho, respectivamente para se abrir, duplicar e 
agruparcamadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Cite pelo menos duas formas de excluirmos uma camada 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
44 
 
 
AULA 9 
 
 O Photoshop mostra uma enorme flexibilidade para se trabalhar com 
cores. Não levando em consideração de qual será a finalidade do seu 
trabalho, seja figuras para Web, ou artes para gráficas, você terá a sua 
disposição inúmeros recursos para se trabalhar com as cores no 
Photoshop. 
 
 Seletor de Cores 
 
 Na barra de ferramentas encontram-se as caixas de seleção de 
cores. Nessa caixa depararemos a cor do primeiro plano e a cor do plano 
de fundo. 
 
 Para alterar as cores, tanto de primeiro plano como de plano de 
fundo, basta clicar sobre a cor que está mostrada e abrirá a caixa de 
diálogo Seletor de Cores, conforme abaixo: 
 
 Modos de Cores 
 
 Já estudamos em outras aulas sobre os diferentes modos de cores 
que encontramos no Photoshop. 
 Um dos lugares onde podemos configurá-los é dentro da Janela 
Seletor de Cores. 
 
45 
 
 Vamos lembrar as características de cada um e entender como 
funcionam suas regulagens, de acordo com os valores que podem ser 
controlados no Seletor de Cores: 
 
 RGB 
 O modo de Cores RGB do Photoshop é utilizado de forma que se 
atribua um valor de intensidade a cada pixel em uma escala de 0 (preto) a 
255 (branco) para cada um dos componentes RGB (vermelho, verde e 
azul) em uma imagem colorida. 
 Por exemplo, um vermelho-claro pode ter um valor de vermelho (R) 
de 246, um valor de verde (G) de 20 e um valor de azul (B) de 50. 
 Quando os valores dos três componentes são iguais, o resultado é 
um tom de cinza neutro. Quando o valor de todos os componentes é 255, 
o resultado é branco puro e, quando o valor é 0, o resultado é preto puro. 
 As imagens RGB utilizam três cores, ou canais, para reproduzir 
cores na tela. Os três canais são convertidos em 24 (8 bits x 3 canais) bits 
de informações de cores por pixel. Com imagens de 24 bits, é possível 
reproduzir até 16,7 milhões de cores. Com imagens de 48 bits (16 bits por 
canal), uma quantidade ainda maior de cores pode ser reproduzida. 
 
 CMYK 
 No modo CMYK do Photoshop, se atribui um valor de porcentagem a 
cada pixel para cada uma das tintas de processamento. 
 Pequenas porcentagens de cores de tintas de processamento são 
atribuídas às cores mais claras (realce), enquanto porcentagens mais altas 
são atribuídas às cores mais escuras (sombra). 
 Por exemplo, um vermelho-claro pode conter 2% de ciano, 93% de 
magenta, 90% de amarelo e 0% de preto. 
 Em imagens CMYK, o branco puro é gerado quando todos os quatro 
componentes possuem valores de 0%. 
 
 Lab 
 No Photoshop, o modo de Cores Lab apresenta um componente 
luminosidade (L) que pode variar de 0 a 100. 
 No Seletor de Cores da Adobe, o componente ―A‖ (eixo verde-
vermelho) e o componente ―B‖ (eixo azul-amarelo) podem variar de +127 
a -128. Na paleta Cor, o componente a e o componente b podem variar de 
+120 a -120. 
 É possível utilizar o modo Lab para trabalhar com imagens Photo 
CD, editar a luminescência e os valores de cor em uma imagem de forma 
independente, mover imagens entre sistemas e imprimir em impressoras 
PostScript Level 2 e Level 3. 
 Cores Lab correspondem ao modelo de cores intermediário que o 
Photoshop utiliza ao converter de um modo de cores para outro. 
 
 
 
46 
 
 
 HSB 
 Com base na maneira como as pessoas percebem as cores, o 
modelo de cor HSB define as cores com três atributos: matiz (H), 
saturação (S) e brilho (B) - (H hue, S saturation, B brightness). 
 Matiz é o nome que damos a uma cor na linguagem comum. Os 
matizes formam o círculo das cores. Vermelho, azul, verde são matizes. 
 Saturação ou croma é a vivacidade da cor e o quanto de 
concentração de cor que o objeto contém. Quanto mais alta é a saturação, 
mais intensa é a cor. 
 Brilho refere-se ao acréscimo ou remoção de branco de uma cor. As 
cores podem ser separadas em claras e escuras quando seu brilho é 
comparado. O brilho é uma medida de intensidade da luz numa cor. 
 
 Cores seguras para a Web 
 
 As cores seguras para a Web correspondem às 216 cores usadas 
pelos navegadores, independentemente da plataforma. 
 Ao trabalhar apenas com essas cores, é possível ter certeza de que 
a arte preparada para a Web não ficará pontilhada em um sistema 
definido com exibição em 256 cores. 
 Marque a opção Somente Cores da Web, no canto inferior esquerdo 
do Seletor de Cores. Qualquer cor escolhida com essa opção marcada é 
segura para a Web. 
 
 
 
47 
 
Exercícios 
01) Quais são os avisos encontrados na Janela Seletor de Cores? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) O que representam as duas cores no quadrado dividido ao meio? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Como regulamos as cores no modo Lab? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Como regulamos as cores no modo HSB? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Para que serve a paleta de cores seguras? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
48 
 
AULA 10 
 
 Ferramenta Pincel 
 
 Os pincéis de Photoshop são uma ferramenta muito útil para o 
design gráfico digital. 
 Podemos ter a idéia de que são como pincéis que utilizamos no 
desenho artístico, porém com a exceção de que são digitais e graças a 
isso nos permitem realizar uma gama muito mais variada de 
acabamentos. 
 No desenho artístico convencional os pincéis são com os que 
desenhamos a mão, aportando ao desenho distintas texturas e diversas 
grossuras do traço, dependendo do tipo de pincel, que se pode combinar 
com distintas tonalidades de tinta. 
 O Photoshop já tem incorporados diversos pincéis para desenhar 
com o mouse do computador, que oferecem uma boa gama de 
possibilidades. 
 A ferramenta de pincel (nas versões do Photoshop em inglês se 
chamam Brushes) se pode selecionar através do menu de ferramentas do 
Photoshop e está agrupada junto com a ferramenta de lápis ou a de 
substituição de cor. 
 Para selecionar uma destas ferramentas basta um clique prolongado 
do botão do mouse sobre a ferramenta de pincel. 
 
 
 
49 
 
 Configurações do Pincel 
 
 Uma vez selecionada a ferramenta pincel podemos configurá-la para 
levar diversos tipos de grossuras, texturas e sombreados nas bordas. 
 
 
 Também podemos alterar valores como o diâmetro do pincel e a 
dureza. Quanto maior a grossura, maior também será a área que 
pintaremos com o pincel. 
 A dureza serve para definir o como será o traço do pincel, com 
menor dureza mais esfumado será o traço, sobretudo nas bordas. 
 Nós mesmos podemos alterar esses valores para obter diferentes 
acabamentos, assim como mudar a cor do pincel através da seleção de 
cores do Photoshop. 
 
 
 Fluxo e Opacidade 
 
 Entre as opções da ferramenta de pincel também existe a opacidade 
e o fluxo. 
 A opacidade serve para desenhar com mais ou menos transparência 
do traço e o fluxo é algo parecido, paraque o traço seja mais ou menos 
marcado. 
 
 
 
 
50 
 
 Desenhar "a mão" com Photoshop, ou por dizer de outra maneira, 
utilizar um pincel para pintar na tela com o movimento do mouse é 
simples. 
 O complicado é obter um resultado atrativo a partir de uma tela em 
branco, embora para o retoque fotográfico pode ser muito útil aplicar 
diversas pinceladas ou alterações da cor. 
 
 Opções sofisticadas 
 
 Além das opções-padrão, a ferramenta pincel oferece uma gama de 
ajustes mais sofisticados, apropriados para a criação de efeitos visuais no 
traçado. 
 Para acessá-las, clicamos na seta que está situada na parte superior 
direita da Janela de Configurações do Pincel. 
 
 
 
 
51 
 
 
Exercícios 
01) Como podemos acessar as sub-opções da ferramenta pincel? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Cite e explique ao menos 3 configurações que podem ser feitas nesta 
ferramenta 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) O que é e como controlamos a Opacidade? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Qual a diferença do Fluxo para a Opacidade? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Cite ao menos três grupos de pinceis especiais. 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
 
52 
 
AULA 11 
 
 Ferramenta Balde de Tinta 
 
 A ferramenta Balde de Tinta (acessada pela tecla de atalho Ctrl + N) 
serve basicamente para preencher uma seleção ou todo o documento com 
uma cor selecionada ou um pattern, como veremos mais adiante. 
 Vamos criar um arquivo onde possamos simular algumas de suas 
funções. 
 Primeiramente, abrimos um novo documento. 
 Escolhemos, então, uma cor de Foreground, preta, e depois 
acionamos a Balde de Tinta na paleta de ferramentas clicando no ícone da 
ferramenta ou pressionando a letra G do teclado. 
 Depois é só clicar em qualquer ponto do documento para preencher 
toda a área com a cor escolhida, o que também pode ser feito 
pressionando Alt+Barra de Espaço. 
 
 
 
 
 Vamos agora criar uma seleção em nosso documento usando a 
Ferramenta de Seleção Marquee. 
 Dentro desta seleção vamos aplicar a cor vermelha, utilizando a 
Ferramenta Balde de Tinta. 
 
 
53 
 
 
 
 
 Você pôde perceber que a ferramenta preencheu tanto a tela de 
pintura na primeira operação, de uma só vez (porque tinha só uma cor – 
branca), assim como a área demarcada pela seleção, também de uma só 
vez (porque também só tinha uma cor antes do uso da ferramenta – 
preta). 
 Vamos ver agora algumas das opções que encontramos na Barra de 
Opções desta ferramenta e ver as suas finalidades: 
 
 Opacidade 
 
 
 
 Serve para definir a opacidade (transparência) com que será 
preenchida a seleção ou documento. 
 
 Pattern (Padrão) 
 
 
 
 Ao selecionarmos a opção Padrão vemos que a caixa ao lado é 
habilitada. Ao clicarmos nela temos uma série de preenchimentos a 
disposição. 
 
 
 
 Escolhemos um destes preenchimentos e aplicamos sobre a parte 
 
54 
 
vermelha de nosso documento. Com isso, a área adquire o preenchimento 
do padrão (pattern) escolhido. 
 
 
 
 Existem ainda diversas opções de pattern que podem ser acessadas. 
 Vamos primeiramente clicar no Menu Selecionar, e depois Inverter, 
para que possamos aplicar um novo Pattern à área preta de nosso 
documento. 
 Agora clicamos na seta que fica no canto superior direito da Janela 
onde podemos visualizar os Patterns. Com isso, irá abrir o seguinte menu: 
 
 
 
55 
 
 Selecionamos então a opção Nature Pattern. Na caixa que se abrirá 
perguntando se desejamos alterar a lista de padrões, clique em Sim. Note 
que, com isso, serão carregados novos modelos de preenchimento. 
 Escolhemos o primeiro deles e clicamos com o Balde de Tinta sobre 
a parte preta de nosso documento. 
 
 
 
 Tolerância 
 
 
 
 A opção Tolerância define em uma escala de 0 a 255 a tolerância de 
pixels que devem ser preenchidos quando a Balde de Tinta é aplicada em 
uma foto. 
 Abaixo definimos o valor de 0 pixels para Tolerância e clicamos com 
a Balde de Tinta na letra M da foto. 
 
 
 
 A mesma ação, porém com um valor de 100 pixels para Tolerância, 
desta vez foi aplicada na letra E, notem a diferença de preenchimentos 
entre os valores de 0 e 100. 
 
 
 
 E com o valor de 255, que é o máximo temos este resultado: 
 
56 
 
 
 
 
 
 Suavização de Serrilhado 
 
 
 
 Esta função serve para evitar bordas serrilhadas, reparem na foto à 
seguir, onde definimos um valor de 100 pixels para Tolerância com a 
função Suavização de Serrilhado ativa. 
 
 
 
 
 Agora, o mesmo procedimento com a função Suavização de 
Serrilhado desativada. Note que nas bordas do preenchimento (sobretudo 
na letra ―R‖) são visíveis algumas áreas brancas, ou seja, não temos uma 
suavização em cantos arredondados. 
 
 
 
 Adjacente 
 
 
57 
 
 
 
 Caso esta opção esteja desativada, todos os pixels semelhantes ao 
escolhido serão pintados. 
 
 
 Todas as camadas 
 
 
 
 Esta opção, quando marcada, permite que você preencha com a cor 
escolhida a partir de qualquer Camada, ou seja, não é necessário que 
você selecione a Camada do objeto para que possa preencher com a cor 
escolhida. 
 
 
58 
 
Exercícios 
01) O que a Opacidade controla na ferramenta Balde de Tinta? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) O que são os patterns e como eles podem ser utilizados em um documento? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Como definimos e para que serve a Tolerância do Balde de Tinta? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Qual a finalidade da Suavização de Serrilhado? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) Para que serve a função Adjacente, da barra de opções? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
59 
 
AULA 12 
 
 O Photoshop não é um programa indicado para elaborar ilustrações, 
mas tem algumas ferramentas úteis quando precisamos criar botões e 
outros elementos mais simples. 
 Elas são divididas em dois grupos: formas definidas e traçado livre. 
 
 
 
 Formas Definidas 
 
 O grupo de formas definidas já vem com figuras comuns, como 
retângulos, elipses e polígono. 
 A sub-opção Polígono, por exemplo, permite a criação de polígonos 
como número de lados desejado pelo usuário. 
 Basta digitar o número na caixa Lados e desenhar a forma. 
 
 
 Veja que no exemplo acima criamos um polígono com 9 lados. 
 
 Ferramenta Linha 
 
 A ferramenta Linha é usada para traçar linhas soltas. Sua espessura 
pode ser regulada na caixa Peso. 
 
 
 
60 
 
 Ferramenta Forma Personalizada 
 
 A ferramenta Forma Personalizada é muito útil, pois traz diversos 
ícones usados com frequência em ilustrações. 
 Eles são agrupados na caixa ao lado da palavra Forma, no alto da 
tela. 
 
 
 Para desenhar com ferramentas de forma definida, basta ativá-las e 
clicar na imagem. 
 A forma é preenchida com a cor de foreground. 
 
 Transformações 
 
 Podemos usar o Transformação Livre de Demarcador, acessado por 
meio do menu Editar, e depois Transformação Livre de Demarcador, para 
alterar o tamanho da forma. 
 Também podemos usar outras opções do recurso Transformação 
para manipular os desenhos. 
 Elas são ativadas por meio do menu Editar, e depois Transformação 
de Demarcador. 
 Abaixo, usamos a opção Inclinar para editar lados de um envelope 
que selecionamos das formas personalizadas. 
 
 
 
 Cada forma criada pelas ferramentas de traçado é armazenada 
numa camada especial, chamada de Forma, como podemos observar na 
paleta Camadas. 
 
61 
 
 
 Além de criar figuras com cores comuns, as ferramentas de traçado 
também trabalham com diversas texturas pré-definidas. 
 Essas texturas são efeitos visuais sofisticados, acessados por meio 
do ícone Estilo, no canto superior direito da tela. 
 
 Rasterização 
 
 Muitos formatos gráficos não suportam formas vetoriais. Por isso, se 
quisermos usar shapes nesses formatos, precisamos rasterizá-los. 
 Isso é feito por meio do menu Camada, depois Rasterizar e, em 
seguida, Forma. 
 
 
 
 Quando rasterizamos uma forma, ele se torna uma imagem 
"chapada", ou bitmap, que não pode mais ser editada como um vetor. 
 
62 
 
Exercícios 
01) Quais são os tipos de formas definidas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) Cite ao menos três configurações que podem ser feitas na ferramenta Linha. 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) Como podemos definir a cor das formas personalizadas? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Qual a finalidade da Transformação de Demarcador? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
05) O que a função Rasterizar faz com o desenho com o qual ela é aplicada? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
 
63 
 
AULA 13 
 
 Demarcadores 
 
 Os demarcadores criam referências para depois serem 
acompanhados por algum tipo de ferramenta de desenho, como Pincel, 
lápis ou outra diferente. 
 Os traços inventados pelos demarcadores não são impressos, além 
de poderem ser ocultos. Para isso, faça o seguinte: 
 1- Vá ao menu Visualizar. 
 2- Clique sobre a opção Ocultar Demarcadores. 
 Os traços feitos através do demarcador são formados por retas, 
curvas e pontos de ancoragem que indicam os limites dos traços. Veja a 
figura 02 isso. 
 
 
 
 As ferramentas usadas para criar os demarcadores são: Caneta, 
caneta magnética e caneta de forma livre.Veja isso na figura seguinte: 
 
 
 Canetas 
 
 
 
 A ferramenta Caneta aceita que se invente traçados mais eficientes, 
pois é mais fácil de se usar. 
 Quando a demarcação tiver que ser feita em uma imagem com 
muitas curvas, use a Caneta magnética que irá se adequar às margens 
do objeto que está sendo demarcado. Já a Caneta de Forma Livre, aceita 
que se desenhe o demarcador com mais liberdade. 
 
64 
 
 Para se traçar linhas retas com a ferramenta caneta, faça o 
seguinte: 
 1 - clique sobre o ponto inicial e depois arraste o ponteiro do mouse 
até o ponto seguinte. 
 2 - clique novamente para ser criado um novo ponto de ancoragem. 
 3 - Para fechar a demarcação, clique novamente no ponto inicial. 
 Veja na figura a seguir que, apesar de fazer todo o contorno da 
carinha do gato, esse contorno foi feito através de linhas retas. 
 
 
 
 Para que se possa criar uma demarcação aberta, ou seja, sem ter 
que voltar ao ponto inicial, pressione a tecla CTRL e clique em uma 
posição ao último ponto demarcado. 
 Para criar demarcadores curvos, clique na figura para definir um 
ponto de vértice, depois arraste o cursor para definir a direção e solte-o. 
 Mova o cursor e novamente, crie um segundo ponto de vértice, 
defina a direção do cursor arrastando-o e solte. Para fechar a demarcação 
clique novamente sobre o ponto inicial. 
 A caneta magnética cria um demarcador que é atraída pelos 
contornos da figura que está sendo demarcada. Para que você possa criar 
a demarcação faça o seguinte: 
 1 - Selecione a ferramenta caneta magnética . 
 2 - Clique em algum ponto da figura que será definido como ponto 
inicial e arraste o cursor em volta da área que se deseja demarcar. Veja o 
exemplo a seguir: 
 
 
65 
 
 
 
 Editando Demarcadores 
 
 As ferramentas que editam os demarcadores são as da figura a 
seguir: 
 
 
 
 Adicionar ponto de ancoragem 
 Essa opção aceita que se adicione pontos de ancoragem sobre o 
demarcador. Para isso, faça: 
 1 - Clique sobre essa ferramenta. 
 2 - Posicione o cursor sobre o demarcador até que apareça um sinal 
como esse ―+‖. 
 3 - Clique para adicionar o novo ponto de ancoragem, veja isso na 
figura abaixo: 
 
 
66 
 
 
 
 Excluir ponto de ancoragem 
 Com essa ferramenta pode-se remover os pontos de ancoragem 
dispostos no traço demarcado. Para isso, faça: 
 1 - Clique sobre a ferramenta Excluir pontos de ancoragem. 
 2 – Após isso feito, clique no ponto que se desejar excluir. Será 
apresentado um sinal de ―-‖. Veja a figura seguinte. 
 
 
 
 Seleção de direção 
 Essa ferramenta é muito semelhante à ferramenta Forma do 
CorelDRAW, admite que se edite determinadas partes do demarcador e 
também que se edite os pontos de ancoragem (nós). Dá uma melhor 
forma. 
 
 
67 
 
 
 
 Converter pontos 
 Essa ferramenta converte pontos de ancoragem que são vértices em 
suave e vice-versa. O ponto de ancoragem (nó) suave tem os pontos de 
direção alinhados e o ponto de ancoragem (nó) vértice tem os seus pontos 
de direção desalinhados. 
 
 
 
68 
 
Exercícios 
01) Há possibilidade de imprimir os demarcadores? Explique. 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
02) O que são os pontos de ancoragem? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
03) O que faz a Caneta Magnética? 
__________________________________________________________ 
__________________________________________________________ 
__________________________________________________________ 
04) Qual a finalidade dos demarcadores?