Introdução ao Adobe
O Adobe Photoshop é um programa de
Photoshop CS4
edição de imagem – um editor de imagem. É
um software específico para o tratamento de
Profa. Flávia Pereira de Carvalho
imagens.
Fontes:
Adobe Photoshop CS4 – Design para Web – Processor Alfamídia
CS4 = Creative Suite
Classroom in a Book – Guia de Treinamento Oficial da Adobe
Photoshop CS4 para Leigos – Peter Bauer
Fev/2010
2
Uma imagem é formada por quadrados Embora o Photoshop não seja um programa de
minúsculos chamados pixels. No Photoshop Layout, um programa de ilustração, é possível criar
pode-se trabalhar com um grupo de pixels ao folhetos ou cartões comemorativos simples, por
mesmo tempo, ou com cada um exemplo, usando apenas o Photoshop.
individualmente, dependendo do trabalho
que se quer realizar. Uma das características que diferencia o Photoshop
dos editores de imagens básicos é seu mecanismo
de digitação, que pode adicionar, editar, formatar e
No Photoshop, basicamente, o que se faz é dar um estilo especial ao texto tão capaz quanto
mudar e ajustar as cores desses pixels. muitos programas de processamento de textos.
3 4
1
Conhecendo o Photoshop CS4 Conhecendo o Photoshop CS4
5 6
2
Painel Tools Ferramentas de Seleção
Painel de Ferramentas:
• Ferramentas ocultas
• ficar pressionando
• alt + clique
• shift + atalho
9 10
11 12
3
Ferramentas de Retoque e Pintura Ferramentas de Retoque e Pintura
13 14
15 16
4
Ferramentas de Retoque e Pintura Ferramentas de Retoque e Pintura
17 18
19 20
5
Ferramentas de Retoque e Pintura Ferramentas de Texto e Desenho
21 22
23 24
6
Ferramentas de Navegação Dicas
25 26
27 28
7
Resolução e Tamanho da Imagem Resolução e Tamanho da Imagem
*
31 32
8
Tamanho do Arquivo Tamanho do Arquivo
O tamanho de arquivo de uma imagem corresponde Consequentemente, a resolução da imagem torna-
ao tamanho digital do arquivo de imagem, medido se um ajuste entre a qualidade da imagem
em kilobytes (K), megabytes (MB) ou gigabytes (capturando todos os dados necessários) e o
(GB). O tamanho do arquivo é proporcional às tamanho do arquivo.
dimensões em pixels da imagem.
Outro fator que afeta o tamanho do arquivo é o
Imagens com um número maior de pixels podem formato do arquivo. Por causa da variação nos
reproduzir mais detalhes em um determinado métodos de compactação utilizados pelos formatos
tamanho impresso, mas exigem mais espaço em GIF, PNG e JPEG, os tamanhos de arquivo podem
disco para armazenamento e podem ser mais lentas variar consideravelmente para as mesmas
na edição e impressão. dimensões em pixels.
33 34
35 36
9
Atividade Prática (pág 65 do Classroom) Ferramenta Replace Color
37 38
39 40
10
Atividade Prática (pág 71 do Classroom) Atividade Prática (pág 71 do Classroom)
41 42
43 44
11
Conversão de uma Foto Colorida Cores do Primeiro Plano
em modo Tons de Cinza e do Plano de Fundo
(pegar uma foto qualquer para esta tarefa) O Photoshop usa a cor do primeiro plano para pintar,
Tarefa6: Image > Mode > Grayscale (Clique em Discard) preencher e traçar seleções e a cor do plano de fundo para
efetuar preenchimentos de degradê e preencher as áreas
apagadas de uma imagem. As cores do primeiro plano e do
A conversão de uma foto colorida para o modo de Tons de plano de fundo também são usadas por alguns filtros de
Cinza resulta em um tamanho de arquivo menor, mas efeitos especiais.
descarta informações de cor e pode fazer com que duas
sombras adjacentes de cinza sejam convertidas na mesma
sombra de cinza. É possível designar uma nova cor de primeiro plano ou de
plano de fundo com a ferramenta Conta-gotas, o painel Cor
ou o painel Amostras (Swatches).
A conversão de uma imagem colorida em Preto e Branco
resulta em um tamanho de arquivo substancialmente maior,
mas retém as informações de cor e permite que você mapeie A cor padrão do primeiro plano é preta, enquanto a cor
cores para sombras de cinza. padrão do plano de fundo é branca.
45 46
47 48
12
Atividade Prática (pág 76 do Classroom) Ferramenta Clone Stamp
(Continuar trabalhando no arquivo figura2_fulano) Toda vez que você clica na ferramenta Clone Stamp, ela
Tarefa7: Arrumar área branca na parede recomeça com um novo ponto de origem, na mesma relação do
primeiro traço.
49 50
Para limpar alguns pontos escuros na Tarefa8: Limpar pontos escuros na parede
parede, poderíamos usar o Clone
Amplie e role a imagem para ver os pontos escuros no canto
Stamp, mas usaremos a ferramenta superior esquerdo da imagem
Spot Healing Brush. Selecione a ferramenta Spot Healing Brush
manchas e outras imperfeições das Na imagem, arraste a ferramenta da direita para a esquerda
fotos. sobre os pontos escuros. À medida que arrasta, o traço parece
preto, mas quando solta o botão do mouse, a área pintada é
“reparada”.
51 52
13
Ferramenta Spot Healing Brush Healing Brush e Patch
53 54
Mode Normal, Source Sampled e Aligned desmarcado Com a ferramenta Patch pode-se selecionar uma
área que quer utilizar como origem (área a ser
Alt + clique na área esquerda da fenda. Solte a tecla Alt
corrigida) ou destino (área utilizada para fazer a
Clique sobre a fenda e desenhe um traço curto correção).
55 56
14
Atividade Prática (pág 81 do Classroom) Ferramenta Patch
(Continuar trabalhando no arquivo figura2_fulano)
Tarefa10: Remover a pichação preta e branca
57 58
59 60
15
Tipos de Seleções (são 4) Tipos de Seleções (são 4)
61 62
63 64
16
Movendo com as Setas (pág 95 do Classroom) Ocultar Bordas da Seleção (pág 96 do Classroom)
65 66
67 68
17
Atividade Prática (pág 96 do Classroom) Ferramenta Magic Wand (pág 100 do Classroom)
Tarefa13: Selecionar e Mover os Legumes Seleciona todos os pixels em um intervalo de cores (gamut).
(Elliptical Marquee a partir do centro)
Continuação É a melhor ferramenta para selecionar uma área de cores semelhantes
cercada de áreas de cores bem diferentes.
Ferramenta Move + Alt = faz uma cópia da imagem
A opção Tolerance configura a sensibilidade da ferramenta, limitando ou
Edit > Transform > Scale estendendo o intervalo de semelhança dos pixels.
Shift + arraste as bordas para aumentar a imagem (proporcinal) Tolerância 32, seleciona a cor que você clica e também 32 tons mais
claros e 32 mais escuros dessa cor.
Enter (não esqueça!) Se uma área multicolorida que você quer selecionar estiver em um fundo
com cores diferentes, pode ser mais fácil selecionar o fundo. Utilizando a
Alt + Shift + arrastar para fazer mais uma cópia (shift restringe o ferramenta Rectangular Marquee para selecionar uma grande área e
movimento em incrementos de 45 graus) então utilizar a ferramenta Magic Wand para retirar o fundo.
69 70
Atividade Prática (pág 101 do Classroom) Ferramentas Lasso (pág 102 do Classroom)
(Continuar trabalhando no arquivo figura3_fulano)
Tarefa14: Selecionar e Mover os Legumes
(Magic Wand) O Photoshop inclui três ferramentas Lasso:
Selecione a ferramenta Rectangular Marquee Lasso
Selecione o alface (deixando uma borda branca)
Polygonal Lasso
Magnetic Lasso
Selecione a ferramenta Magic Wand
Tolerance = 32 e marque a opção Subtract from selection As ferramentas Lasso podem ser usadas para
Clique na área branca da seleção seleções que requerem linhas retas e linhas
Selecione a ferramenta Move e arraste o alface para a tábua
desenhadas à mão livre.
71 72
18
Atividade Prática (pág 102 do Classroom) Atividade Prática (pág 102 do Classroom)
(Continuar trabalhando no arquivo figura3_fulano) Tarefa15: Selecionar e Mover os Legumes
Tarefa15: Selecionar e Mover os Legumes (Lasso)
(Lasso)
Continuação
73 74
19
Atividade Prática (pág 105 do Classroom) Suavizar Bordas de uma Seleção
(pág 106 do Classroom)
(Continuar trabalhando no arquivo figura3_fulano)
Tarefa16: Selecionar e Mover os Legumes
(Magnetic Lasso)
77 78
79 80
20
Separar partes de uma Imagem Corrigir fotos digitais (pág 201 do Classroom)
em Diferentes Camadas (pág 114 do Classroom)
Para criar rapidamente várias imagens a partir de uma digitalização, Ajustar áreas claras e escuras
utilize o comando Crop And Straighten Photos. As imagens com
contorno claramente definido e plano de fundo uniforme funcionam
melhor. Para destacar o detalhe nas áreas escuras ou claras
Abra o arquivo Figura_inicial3.psd e escolha:
de uma imagem, utilize o comando
File > Automate Crop And Straighten Photos
Shadows/Highlights. Os ajustes Shadows/Highlights
O Photoshop corta automaticamente todas as imagens no arquivo original
e cria arquivos do Photoshop individuais para cada uma. funcionam melhor quando o tema da imagem parece
uma silhueta contra uma forte luz de fundo ou “lavado”
porque o flash da câmera estava muito perto (imagem
muito iluminada).
81 82
Atividade Prática (pág 201 do Classroom) Atividade Prática (pág 202 do Classroom)
Atividades Photoshop (arquivos) (Continuar trabalhando no arquivo figura4_fulano)
figura4_final.psd Tarefa19: Corrigir Olhos Vermelhos
figura4_inicial.psd (salvar figura4_fulano)
83 84
21
Atividade Prática Atividade Prática (pág 18 do Leigos)
Tarefa 21: Desfazer com Pincel Histórico
Tarefa20: Engordar e Emagrecer Abra uma foto
Edite o quanto quiser
Pegue uma foto de uma pessoa Use o ajuste preto e branco (Image > Adjustments)
Black & White > Ok
No painel Histórico (menu Window), clique na coluna da
Filter > Liquify esquerda no passo anterior ao preto e branco para designá-lo
como “estágio de origem”
Amplie a imagem e faça os retoques Selecione o History Brush Tool
No painel History veja o antes e o depois Pinte algumas áreas da imagem que deseja retornar à
aparência original
Resultado: uma foto preto e branco com detalhe colorido
85 86
Trabalhando com Layers (pág 93 do Alfamídia) Trabalhando com Layers (pág 93 do Alfamídia)
Para o Photoshop, camadas são como várias folhas Camada Bloqueada
empilhadas que separam e organizam o conteúdo.
Ao criar um arquivo novo, o Photoshop insere uma camada
A – Menu bloqueada.
B – Ajuste de camada
C – Grupo Uma camada bloqueada tem um cadeado ao lado do nome
D – Camada
e significa que ela não pode ser alterada.
E – Efeito de camada
F – Camada bloqueada
Para transformar em uma camada comum, dê um duplo
clique sobre a camada bloqueada. O Photoshop abrirá uma
janela para que a nova camada seja renomeada.
87 88
22
Trabalhando com Layers Trabalhando com Layers (pág 93 do Alfamídia)
http://www.criarweb.com/artigos/camadas-de-photoshop.html
89 90
Trabalhando com Layers (pág 97 do Alfamídia) Trabalhando com Layers (pág 98 do Alfamídia)
São configurações aplicadas às camadas e determinam Os modos de mesclagem entre camadas produzem
como os pixels presentes em diferentes camadas serão efeitos como escurecer, clarear, aumentar contraste,
mesclados. entre outros.
Por padrão, as camadas são configuradas com o modo Por exemplo, ao mesclar duas camadas duplicadas, é
Normal de mesclagem, ou seja, o conteúdo entre as possível obter uma imagem com mais contraste.
camadas não causa interferência entre elas.
91 92
23
Trabalhando com Layers (pág 98 do Alfamídia) Trabalhando com Layers (pág 102 do Alfamídia)
Modos de Mesclagem: organizados em 5 grupos de
acordo com a função Efeitos e Estilos de Camada
Escurecedores: Darken, Multiply, Color Burn, Linear Burn e
Darker Color É possível agregar efeitos a uma camada sem que o seu
conteúdo original seja alterado.
Clareadores: Lighten, Screen, Color Dodge e Lighten Color
Contrastantes: Overlay, Soft Light, Hard Light, Vivid Light, São efeitos de camada :
Linear Light, Pin Light, Hard Mix Sombra
Relevo
Comparativos: Difference e Exclusion Brilho
Combinadores: Hue, Saturation, Color e Luminosity
93 94
Trabalhando com Layers (pág 104 do Alfamídia) Trabalhando com Layers (pág 104 do Alfamídia)
95 96
24
Painel Histórico (pág 47 do Help) Atividade Prática (pág 39 do Classroom)
Use o painel Histórico para passar para qualquer estado recente da Atividades Photoshop (arquivos)
imagem criada durante a sessão em execução. Cada vez que uma figura5_final.psd
alteração é aplicada a uma imagem, o novo estado da imagem é figura5_inicial.psd (salvar como figura5_fulano)
adicionado ao painel.
Tarefa 22: Desfaça uma ação única
Por exemplo, se você selecionar pintar, e girar parte de uma imagem,
cada um desses estados será listado separadamente no painel.
Quando um dos estados é selecionado, a imagem é revertida para a
aparência que tinha quando essa alteração foi aplicada pela primeira
vez. Dessa forma, você poderá trabalhar a partir desse estado.
97 98
99 100
25
Atividade Prática (pág 40 do Classroom) Atividade Prática (pág 40 do Classroom)
Tarefa 22: Desfaça uma ação única (continuação) (Continuar trabalhando no arquivo figura5_fulano)
101 102
103 104
26
Atividade Prática (pág 41 do Classroom) Atividade Prática (pág 41 do Classroom)
Tarefa 23: Desfaça ações múltiplas (continuação) Tarefa 23: Desfaça ações múltiplas (continuação)
105 106
107 108
27
Atividade Prática (pág 43 do Classroom) Painel Histórico (pág 47 do Help)
Ao usar o painel Histórico lembre-se de que:
Tarefa 24: Utilize um menu contextual (continuação)
Alterações no programa, como em painéis, configurações de cor,
ações e preferências, não são refletidas no painel Histórico, pois
essas não são alterações em uma imagem específica.
109 110
Por padrão, ao selecionar um estado, os estados abaixo dele ficam Por padrão, a exclusão de um estado também exclui todos os
desativados. Assim, é possível ver facilmente as alterações que serão estados posteriores.
descartadas se continuar trabalhando a partir do estado selecionado.
111 112
28
Painel Histórico (pág 47 do Help) Painel Histórico (pág 47 do Help)
Como reverter para um estado de imagem anterior Como excluir um ou mais estados de imagem
Clique no nome do estado. Clique no nome do estado e escolha Excluir no menu do painel
Histórico para excluir essa alteração e as seguintes.
113 114
115 116
29
Atividade Prática Atividade Prática
Tarefa 25: Tatuagem digital (continuação)
Tarefa 25: Tatuagem digital (continuação)
Em seguida, com a layer do desenho selecionada, entre no menu
Edit > Free Transform para redimensionar o desenho. Faça os Feito isso, vamos mudar o modo da layer do desenho
ajustes necessários. para Multiply e ajustar a opacidade até chegar a um
ponto agradável.
Em seguida clique com botão direito em cima do desenho e
selecione Warp (tem que estar no Free
Tatoo: procurar
Transform). Essa parte é importante
por “tribal” nas
caso seja necessário modificar as
imagens do Google
dimensões do desenho de maneira a
seguir a curvatura do corpo.
117 118
119 120
30
Atividade Prática Atividade Prática
Tarefa 28: Cor dos olhos Tarefa 29: Cor dos cabelos
Abra uma foto
Duplique a camada Abra uma foto
Amplie a área dos olhos Duplique a camada
Ferramenta Elliptical Marquee
Amplie a área dos cabelos
Add to selection para selecionar os dois olhos
Edit in Quick Mask (vai ficar tudo vermelho, menos os olhos) Seleciona o cabelo com a ferramenta
Com a borracha pode “arrumar” a seleção Polygonal ou Magnetic Lasso
Edit in Standard Mode: tirar a máscara
Image > Adjustments > Color Balance ou
Image > Adjustments > Hue/Saturation
Marcar a opção Colorize e escolher a cor dos olhos > Ok
Hue/Saturation
Select > Deselect
121 122
Abrir uma foto e uma paisagem para o fundo Abra uma foto (com fundo cor sólida) e uma paisagem para o fundo
Magnetic Lasso: selecionar a pessoa na foto
Copiar (Ctrl + C) Magic Eraser: clica no fundo da foto para excluir (cor sólida)
Colar na outra imagem, no fundo (aparece como nova Layer)
Ocultar o fundo (clicar no olho da camada) Arrastar a foto para cima da paisagem
Ampliar a foto e com a Borracha arrumar os contornos da foto
Edit > Free Transform: arrumar tamanho e posição da foto (Shift) Edit > Free Transform: arrumar tamanho e posição da foto (Shift)
Se quiser, pode colocar texto
Se quiser, pode colocar texto
123 124
31
Atividade Prática Atividade Prática
Tarefa 32: Montagens Tarefa 33: Maquiagem digital - Lábios
Abra as fotos que vai utilizar para a montagem Abra a imagem
Recorte o rosto que vai utilizar Duplique a camada
Copie e cole na outra foto Aumentar a área dos lábios
Se precisar rotacionar o rosto = Edit > Transform Ferramenta Brush
Ajustar tamanho e posição do rosto = Edit > Free Transform Alterar a cor no Foreground para a cor que quer pintar
Com a borracha suavizar os contornos do rosto Pintar os lábios
Eraser Tool: Diâmetro = 21px e Hardness = 0% Mudar o modo Normal da camada para Soft Light
Ajustar as cores da pele Borracha Diâmetro = 20px e 50% Opacidade
Image > Adjustments > Color Balance Apagar as bordas
125 126
Add Layer Mask > Paint Bucket Tool (balde de tinta) Brush Tool = Diâmetro em torno de 10px e Hardness = 0%
Foreground Color = Preto > clica na imagem (sai o blur)
Foreground Color = Branco > Brush Tool (pequeno) Escolher a cor (clicar no Foreground color) e pintar a boca
Uniformizar a pele
Mudar de Normal para Soft Light e diminuir a opacidade
127 128
32
Atividade Prática Atividade Prática
Tarefa 34: Maquiagem digital – Todo Rosto (Blush)
Tarefa 35: Preencher dente faltando
Criar nova camada = Layer > New Layer (nome Blush)
Brush Tool: Abrir a imagem, duplicar a camada e ampliar os dentes
Diâmetro = 60px Polygonal Lasso Tool
Hardness = 60% Contornar o dente para copiar sem muita preocupação
Opacidade = 10% Crtl + C > Ctrl + V
Flow = 10% Move Tool = mover o dente para o local desejado
Foreground Color escolher cor e passar no rosto Edit > Free Transform (para acomodar o dente)
Se precisar, mudar o modo da Layer para Overlay
129 130
131 132
33
Atividade Prática Tarefa para próxima aula
Tarefa 36: Envelhecer pessoa (continuação)
Material para o trabalho prático
Duplicar a camada: renomear cabelo branco
Opacidade = 44% Trazer, no mínimo, um arquivo de imagem de alguém da
família.
Brush cor Branca: pintar todo cabelo De preferência, mais de um:
uma foto sua só do rosto
da avó
Com a borracha apagar as bordas
do cachorro etc.
Quem não trouxer, vai ter que tirar fotos na hora da aula
Duplicar a camada – Opacidade = 60% e Modo = Hue
133 134
34