ADOBE PHOTOSHOP - APOSTILA

Esta é uma pré-visualização de arquivo. Entre para ver o arquivo original

UNIDADE II – ADOBE PHOTOSHOP 
EDUCADOR: ARIANE MOREIRA 
 
 
 
1 
 
Introdução 
 
O Photoshop é software desenvolvido pela Adobe que possui como 
sua principal característica ser um editor de imagens. 
Interface 
 
Chamada também de área de trabalho ou workspace, é a visão 
geral que temos do programa ao iniciá-lo. 
 
No topo, temos as opções de menu. 
 
 
 
 
 
 
 
2 
 
Na extremidade esquerda, temos as opções de ferramentas. Na 
extremidade direita, temos os painéis. 
 
 
 
 
 
 
 
 
 
 
 
 
 
Lembrando que essas opções são editáveis. Ou seja, de acordo com 
seu próprio conceito poderá deixá-las visíveis ou não. 
 
 
 
 
 
 
3 
Criação de arquivos 
 
Para criar um novo documento em branco, vamos selecionar no 
menu as opções: File->New… (Arquivo->Novo…) ou apertar as 
teclas CTRL +N. Feito isso, aparecerá uma nova janela com 
inúmeras opções. Vamos conhecê-las abaixo. 
 
Name (Nome): escolher um nome para o seu projeto. 
Document Type (Tipo de Documento): selecionar o tipo do 
documento. Normalmente utilizamos a opção custom (customizado). 
Width (Largura): largura do documento e sua unidade de medida 
(pixel, centímetro, milímetro, etc). 
Height (Altura): altura do documento e sua unidade de medida 
(pixel, centímetro, milímetro, etc). 
 
 
 
 
4 
 
Resolution (Resolução): qualidade do documento. 
Color Mode (Modo de Cor): indicar o modo de cor (rgb, cmyk, etc), 
sendo RGB para imagens digitais e CMYK para impressão. 
Units (Unidade de medida): seleciona a unidade na qual será criada 
os documentos conforme o tamanho que você informar (pixel, 
centímetros, milímetros, etc). 
Background Contents: cor de fundo. 
Feito isso, aperte o botão “ok” e seu documento em branco com as 
predefinições inseridas acima aparecerá no centro da tela. 
 
Objetos 
 
O Photoshop nos disponibiliza a inserção de formas geométricas e 
objetos de forma simples em nossos trabalhos. 
Ícone: 
Atalho: U 
Ao criarmos um quadrado (para desenhar um quadrado perfeito 
seguramos a tecla shift), por exemplo, irá aparecer uma caixa de 
ferramentas com algumas opções para edição. 
 
 
 
 
 
 
5 
 
 
 
Nos campos acima, respectivamente, podemos alterar a cor da forma 
e da borda, juntamente com o tamanho da borda e seu modo de 
exibição. 
 
 
 
 
 
 
 
 
 
 
 
 
6 
 
Ferramentas de seleção 
 
A princípio, iremos observar algumas ferramentas para selecionar 
partes das imagens. A primeira disponível chama-se Rectangular 
Marquee Tool. Para selecioná-la, clicamos no ícone ou apertamos a 
tecla M no teclado. 
ícone: 
Para selecionar alguma parte da imagem, basta apenas clicar e 
arrastar a ferramenta em cima da imagem. 
 
 
Dentro da mesma ferramenta, temos outras opções de seleção que 
funcionam da mesma forma. 
 
 
 
7 
 
 
FERRAMENTAS DE LAÇO 
 
Abaixo, temos as opções das ferramentas de laço. 
ícone: 
Ela funciona como uma seleção livre, onde você pode desenhar com 
o mouse o formato específico da seleção que deseja. 
 
 
 
 
 
 
 
 
8 
 
 
Já a ferramenta de laço poligonal, também faz seleções livres, porém 
utilizando retas. 
 
E a de laço magnético vai se adaptando a imagem conforme a 
seleção está sendo criada baseado nos tons das cores. 
 
 
 
 
 
9 
FERRAMENTAS DE VARINHA MÁGICA 
 
 
Na foto abaixo, podemos observar que a mesma possui fundo rosa. 
 
 
 
 
 
 
 
Ao selecionar a varinha clicando no ícone ou apertando a tecla W do 
teclado, vamos clicar apenas o fundo e observar que ela contemplará 
toda a parte com o mesmo tom de cor. 
 
 
 
 
 
10 
 
Depois de selecionado, devemos apertar a tecla delete para deletar 
o fundo da imagem. 
 
 
Ao tentarmos fazer o mesmo com a imagem abaixo, podemos 
observar que a varinha não selecionará todo o fundo da imagem. 
 
 
 
 
 
11 
 
Isso acontece, pois, a varinha se baseia por tons de cor. Por mais 
que o fundo acima seja azul, podemos observar que os tons são 
diferentes, há tons de azul claro e azul escuro. 
Para corrigir este problema, devemos alterar a tolerance 
(tolerância) da varinha, do menu para 72 e clicar novamente no 
fundo da imagem. 
 
 
 
 
 
 
 
 
 
Depois de alterada a tolerância, a varinha seleciona todo o fundo da 
imagem. Ou seja, quanto maior a tolerância, mais tons da mesma cor 
ela irá selecionar. Não existe um valor específico, depende de cada 
imagem. 
 
 
 
 
12 
 
Já a ferramenta de seleção rápida (quick selection tool) funciona 
como um pincel, sendo necessário clicar em uma determinada área 
e arrastar o mouse para a seleção ir se completando. 
 
 
FERRAMENTAS DE CANETA (PEN TOOL) 
 
 
A Pen tool (caneta) é a mais precisa quando se trata de ferramentas 
de seleção. Nela conseguimos contornar qualquer objeto e forma. 
Para demonstrá-la, criei um novo documento. 
 
 
 
13 
 
A princípio, darei um clique em algum canto da imagem. Nota-se que 
formará um quadrado no lugar que foi clicado. 
 
Em outro canto da imagem, farei a mesma coisa. Sem arrastar o 
mouse, apenas clicando e soltando. 
 
Podemos observar que outro quadrado se criou no novo ponto e que 
os pontos foram unidos por uma linha. Esta é a forma na qual 
 
 
 
14 
 
fazemos seleções com a varinha. A cada clique haverá a ligação de 
um ponto ao outro, porém, também é possível fazer curvas com essa 
ferramenta. É necessário apenas clicar em outro ponto, continuar 
pressionando o botão do mouse e arrastar a linha de um lado para o 
outro. Feito isso, vamos também observar que se criou uma outra 
linha com círculos em suas pontas. Essa linha é chamada de aresta. 
 
Agora, em outro canto do documento, criaremos mais um ponto, sem 
arrastar. 
 
 
 
 
 
 
Podemos perceber que mesmo clicando e não arrastando, a linha 
continua seguindo curvada. Para cancelar as linhas curvas e dizer ao 
Photoshop que agora queremos voltar as linhas retas, basta apenas, 
 
 
 
15 
 
depois de criado a curva, segurar a tecla alt e clicar no último 
quadrado feito antes de criar o próximo ponto. 
 
Também podemos, segurando a tecla alt, mover os círculos das 
arestas, indicando assim o local que devemos seguir. 
 
Para criar a seleção, unimos o último ponto ao primeiro e apertamos 
ctrl + enter. 
 
 
 
 
 
 
 
16 
 
CAMADAS 
 
As camadas do Photoshop servem para nos auxiliar no 
desenvolvimento de composição de imagens para nossa própria 
organização. Elas ficam localizadas no painel de LAYERS. 
 
 
Para o nosso exemplo, desenharemos dois objetos distintos. Nota-
se que cada um ficará em uma camada diferente. 
 
 
 
 
 
 
 
 
17 
 
Para nossa organização, é visto como boa prática sempre renomear 
as camadas. Para renomear, basta clicar duas vezes em cima do 
nome apresentado. 
 
 
Em nosso desenho de objetos, podemos observar que o círculo está 
em cima do quadrado. Isso acontece, pois no painel camadas, ele 
encontra-se em primeira posição. Para alterar as ordens basta clicar 
com o mouse em cima da camada, segurar e arrastar para baixo ou 
para cima. 
 
 
 
 
 
 
 
 
 
18 
 
Para clicar novas camadas, no painel de camadas, clique no ícone 
semelhante a um papel com a ponta dobrada. 
 
 
 
 
 
 
 
Para deletar alguma camada, selecione-a e clique no ícone “lixeira”, 
ou simplesmente aperte a tecla delete. 
 
 
 
 
 
19 
SELECIONANDO CORES 
 
Ao término de nossas ferramentas localizadas no canto esquerdo da 
página, podemos observar dois quadrados. 
 
 
 
 
 
20 
 
Ao clicar duas vezes no primeiro quadrado (no caso do meu exemplo, 
o vermelho) o Photoshop disponibiliza um painel de cores. 
 
Para alterar as cores, devemos mexer nas cores do painel, movendo 
os ponteiros das cores e seus tons. 
 
 
 
 
 
 
 
 
 
 
 
21 
 
Podemos observar também no painel de cores, que no rodapé do 
canto direito, é apresentado um valor com #.
Esse valor chama-se código hexadecimal. Toda cor possui um 
código de 6 dígitos, sendo letras e números. Se buscarmos no google 
“hexadecimal color” conseguimos o código de cores diferentes. Para 
obtê-las, basta colar esse código no campo indicado acima. 
 
FERRAMENTA BALDE DE TINTA 
 
A ferramenta balde de tinta (atalho G) tem o propósito de colorir. 
Para usá-la, basta selecionar uma cor, clicar na ferramenta e clicar 
em seu documento. 
 
 
 
 
22 
 
REDIMENSIONAR IMAGENS 
 
Para aumentar ou diminuir imagens dentro do Photoshop, utilizamos 
o atalho CTRL + T. Automaticamente, formará um quadrado em volta 
da imagem, com outros pequenos quadrados em suas pontas. 
 
 
Como boa prática, para redimensionar a imagem (aumentar/diminuir) 
é necessário clicar em um dos quadrados localizados nas pontas da 
imagem, segurar, e arrastar para dentro ou fora. Também se faz 
necessário segurar a tecla SHIFT ao fazer essa ação, para que a 
imagem não fique distorcida. 
 
Quando a imagem estiver com um tamanho ok, aperte a tecla ENTER 
para confirmar o redimensionamento. 
 
 
 
 
 
 
23 
 
Eraser Tool (Borracha) 
 
A ferramenta borracha apaga ou deixa com transparência partes da 
imagem. Para selecioná-la, clicamos em seu ícone no menu de 
ferramentas da esquerda ou clicamos no atalho E. 
No topo, abaixo do menu, irá aparecer uma barra de opções para a 
borracha. 
 
 
1. opções da borracha 
2. opacidade 
 
Size (tamanho): altera o tamanho do pincel 
Hardness (Dureza): altera a suavização e intensidade do pincel 
 
 
 
 
 
24 
 
 
FERRAMENTA CONTA GOTAS 
 
A ferramenta conta-gotas (atalho I) tem como objetivo conseguir a 
cor exata de uma imagem. Para utilizá-la, basta clicar no ícone (ou 
atalho I) e clicar na parte da imagem na qual você queira obter a cor. 
Feito isso, ela aparecerá nos quadrados de cores localizados nas 
ferramentas da sua esquerda. 
 
 
Brushes (Pincéis) 
 
Utilizamos os brushes (pincéis) dentro do Photoshop para fazer 
retoques nas imagens, trabalhar com pintura digital, colorização, 
desenho, entre outros. Para selecioná-lo, clique no ícone de brush 
nas ferramentas no canto esquerdo ou utilize o atalho B. 
No topo, abaixo do menu, irá aparecer uma barra de opções os 
brushes. 
 
1. configuração dos pincéis 
 
 
 
25 
 
Size (tamanho): altera o tamanho do pincel 
Hardness (Dureza): altera a suavização e intensidade do pincel 
2. modo de mesclagem 
3. opacidade do pincel 
 
Selecionado o pincel, para desenhar, basta clicar, segurar a arrastar 
em nosso arquivo Photoshop. 
 
 
 
 
 
26 
 
EFEITO DESFOQUE (BLUR) 
 
Para desfocar camadas, desenhos e outras coisas no Photoshop, 
utilizamos a ferramenta blur. Aproveitando o desenho acima, com a 
camada selecionada, vamos no menu em filter-blur-gaussian blur. 
Ao clicar nesta ferramenta, abrirá uma nova caixa. Mexendo no 
ponteiro para a esquerda e para direita, podemos ajustar o nível de 
desfoque que queremos dar ao nosso desenho. 
 
 
MESCLAGEM DE CAMADAS 
 
Para que nossas imagens fiquem mais realistas e bonitas, podemos 
mesclar uma camada na outra, em diferentes modos. Observe a 
imagem abaixo. 
 
 
 
 
 
27 
 
 
 
No painel de camadas, há duas camadas. O fundo e a lua. 
 
Para que nossa imagem fique com um aspecto mais bonito, vamos 
clicar na camada “lua” e selecionar alguma opção de mesclagem de 
camadas. A melhor opção dependerá de suas imagens, por isso é 
interessante verificar todas as opçõe. 
 
 
 
 
 
28 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
Resultado 
 
 
 
 
 
 
 
 
 
29 
Gif 
 
GIF é um formato de imagem que nos permite criar imagens em 
movimento. Para seu desenvolvimento dentro do Photoshop, vamos 
criar um arquivo com objetos, conforme abaixo: 
 
 
Desenhamos 4 círculos. A ideia é de que na animação, o círculo 
apareça como se estivesse subindo e descendo. 
 
Para começar a animação, vamos em Window-Timeline. Irá abrir 
uma nova janela no rodapé do seu Photoshop. 
 
 
 
 
 
30 
Com a timeline ativada, vamos clicar na opção create frame 
animation 
 
 
Dentro da timeline, podemos observar que há o mesmo ícone para 
criar nova camada. Ele se refere ao frame do gif, que seria cada parte 
do gif. Vamos criar mais 3 frames para completar 4 no total, uma para 
cada círculo. 
 
Agora vamos começar a animar. Na timeline, vou clicar no meu 
frame número 1. 
 
No painel de camadas (layers), vou deixar apenas meu círculo 1 
visível. 
 
 
 
31 
 
 
Feito isso, vou voltar para a timeline e selecionar o frame 2. No painel 
de camadas (layers), vou deixar apenas o círculo 2 visível. 
 
 
 
Feito isso, vamos fazer a mesma coisa nos frames seguintes. 
Selecionar frame 3 – deixar círculo 3 visível 
Selecionar frame 4 – deixar círculo 4 visível 
 
 
 
 
32 
Organizado os frames, vamos mexer na animação. Abaixo de cada 
frame, temos a opção de tempo (0 sec, por exemplo), o qual significa 
o tempo no qual aquele frame (pedaço do gif) irá durar. Vamos 
selecionar que cada frame terá o valor de 2 sec (2 segundos) de 
duração. 
 
 
 
 
 
 
 
Agora, vamos mexer na repetição do gif. O ideal é selecionarmos que 
ele irá se repetir para sempre, e não apenas 1x, por exemplo. 
 
 
Para observar seu gif funcionar, basta clicar no botão de play, 
localizado na timeline. 
 
 
 
33 
 
Para salvá-lo, vamos no menu File – Export – Save for Web 
 
 
 
 
 
 
 
 
 
 
Abrirá uma nova janela. Devemos selecionar a opção GIF. 
 
E depois clicar em Save... para selecionar a pasta na qual você 
quer salvar o seu gif. 
 
 
 
34 
 
 
Liquify 
 
A ferramenta liquify (dissolver) permite alterar todo o aspecto da 
imagem, como empurrar, girar, refletir e inchar uma parte específica 
da mesma. É bastante usada para retoque de imagens ou efeitos 
artísticos. Para acessá-la, vamos no menu Filter – Liquify 
 
 
 
Ao clicar na opção acima, irá abrir uma janela com algumas 
ferramentas localizadas na lateral esquerda. 
 
Forward Warp Tool 
Ferramenta de deformação progressiva: ao clicar na imagem, 
 
 
 
 
35 
segurar e arrastar com o mouse, com auxílio dessa ferramenta, 
podemos empurrar os pixels da imagem. 
Reconstruct Tool 
Ferramenta reconstruir: com o auxílio desta ferramenta, podemos 
desfazer alguma distorção/deformação já adicionada ao clicar, 
segurar e arrastar com o mouse. 
Twirl Clockwise Tool 
Ferramenta girar em sentido horário: gira os pixels (partes da 
imagem) em sentido horário. 
Pucker Tool 
Ferramenta enrugar: aproxima os pixels da área do pincel quando a 
pressionamos e seguramos com o mouse 
Bloat Tool 
Ferramenta inchar: afasta os pixels da área do pincel quando a 
pressionamos e seguramos com o mouse 
 
Para cada ferramenta selecionada, também há opções do pincel - 
Brush Tool Options localizadas no canto esquerdo da tela. 
 
 
 
 
 
 
36 
Size (tamanho): define a largura do pincel 
Density (densidade): controla a forma de difusão de um pincel em 
sua extremidade. Promove efeito mais inteiro no centro e mais leve 
em volta. 
Pressure (pressão): define a velocidade na qual as distorções são 
aplicadas quando arrastamos alguma ferramenta da imagem. A 
configuração mais baixa faz com que as alterações ocorram mais 
lentamente. 
Rate (ritmo): define a velocidade na qual as distorções são aplicadas 
quando uma ferramenta é imóvel (ferramenta girar). Quanto maior a 
configuração, maior a velocidade das distorções. 
 
Liquify – Traços faciais 
 
No painel do liquify, selecione a opção rosto. Com a opção 
selecionada, todos os rostos da imagem serão identificados 
automaticamente. 
 
 
 
 
 
 
37 
 
Ao passar o mouse em cima do rosto, o Photoshop exibe ponteiros 
de controles na tela em volta cada parte do rosto, possibilitando 
alterar tamanho da boca ou largura do nariz, por exemplo. 
 
 
 
 
 
 
 
 
 
38 
Ferramenta de Texto
As ferramentas de texto encontram-se no menu de ferramentas 
localizado no canto esquerdo, ou no atalho T. 
 
Para adicionar palavras, ou pequenas frases, basta clicar em 
qualquer lugar da tela e começar a digitar. Para criar parágrafos ou 
textos grandes, é necessário clicar, segurar e arrastar o mouse para 
criar uma caixa de texto. 
 
Podemos também observar que os textos ficam expostos no painel 
de camadas (layers) de uma forma diferenciada das imagens. 
 
 
 
 
 
 
 
 
39 
Para editar o texto, a ferramenta de texto precisa estar selecionada 
no menu esquerdo, clicando no ícone ou no atalho T. Após isso, 
selecione o texto que você deseja editar. 
 
 
 
No topo, abaixo do menu, irá aparecer uma barra de opções para a 
edição do texto. 
 
 
1. Alterar o modo de exibição do texto, horizontal ou vertical 
2. Alterar a fonte do texto 
3. Alterar estilo da fonte 
4. Alterar tamanho do texto 
5. Alterar suavização da borda do texto 
6. Alterar alinhamento texto 
7. Alterar cor do texto 
8. Alterar a distorção texto 
9. Abrir painel de caractere e parágrafo 
10. Cancelar alterações 
11. Salvar alterações 
 
 
 
 
 
 
 
40 
 
MÁSCARA DE CAMADA 
 
Utilizamos máscara de camada para apagar elementos da imagem 
de forma “não destrutiva”. Para criar uma máscara na camada, 
apertamos o ícone semelhante a bandeira do japão, localizado 
abaixo do painel de camadas. 
 
 
 
 
 
 
 
As máscaras funcionam da seguinte maneira: com a ferramenta 
pincel selecionada na cor preta, apagamos a imagem. 
 
 
 
 
 
41 
 
 
Com a ferramenta pincel selecionada na cor branca, voltamos a 
imagem. 
 
Podemos também utilizar máscara de camada em textos. Para isso, 
vamos escrever uma palavra na imagem com a ferramenta de texto. 
 
Selecionado a camada do texto, vamos criar uma máscara. 
 
 
 
 
 
42 
 
Agora, basta selecionar o pincel na cor preto e apagar as partes do 
texto que estão em cima das montanhas, para dar o efeito do texto 
parecer que está saindo atrás delas. 
 
 
Ajustes na Imagem 
 
O Photoshop também nos possibilita a fazer ajustes nas imagens. 
Para acessar as opções, vamos no menu Image – Adjustments 
(Imagem – Ajustes) 
 
 
 
 
 
 
 
 
 
43 
 
 
Brightness/Contrast (Brilho e Contraste) 
 
 
 
 
 
 
A opção acima nos permite ajustar de modo simplificado a escala de 
tons da imagem. Para editar, é necessário mover os ponteiros de 
controle para a direita ou para a esquerda, dependendo resultado. 
 
Brilho – para a direita, aumenta os valores de tons e os realces da 
imagem. Para a esquerda, diminui os valores e aumenta as sombras. 
Contraste – aumenta ou diminui a faixa geral dos valores de tons da 
imagem. 
 
É interessante que a opção “preview” sempre esteja selecionada, 
para que consiga observar como a imagem está ficando. 
 
 
 
 
 
 
44 
 
Hue/Saturation (Matiz e Saturação) 
 
Hue (Matiz) – altera a cor da imagem 
Saturation (Saturação) – aumenta ou diminui a saturação da 
imagem (cores mais fortes ou mais fracas) 
Lightness (Brilho) – adiciona branco ou preto nas cores da 
imagem 
 
 
 
 
 
45 
Levels (Níveis) 
Utilizamos os níveis para corrigir faixa de tons e equilíbrio das cores 
de imagem, ajustando intensidade de sombras, tons médios e 
realces. 
 
1. Sombras 
2. Tons médios 
3. Destaques 
4. Controles deslizantes de níveis de saída 
 
 
 
 
 
 
 
 
 
46 
Colorindo Imagens 
 
Há diversas técnicas diferentes para colorir imagem dentro do 
Photoshop. A melhor delas é a que você melhor se adapta. Nesta 
apostila, veremos uma das formas. A primeira coisa que temos que 
fazer é abrir uma imagem preto e branco dentro do Photoshop. 
 
Para começar, vamos criar uma camada chamada olhos 
 
 
 
 
 
 
 
47 
Agora, vamos selecionar o pincel, uma cor qualquer e pintar os 
olhos. 
 
Feito isso, no painel de camadas, vamos alterar a mesclagem da 
camada, para fazer com que a cor se misture a imagem. 
 
 
 
 
 
 
 
48 
 
Vamos fazer isso em toda a imagem. Lembrando de criar uma 
camada para cada parte da imagem. Caso queira mudar a cor que 
você pintou, basta alterá-la no painel de hue/saturation 
(matiz/saturação). 
 
Resultado