CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
Lição3 Adobe Photoshop CS5
Princípios Básicos de Camadas
O Adobe Photoshop permite isolar diferentes partes de uma
imagem em camadas. Cada camada pode ser editada como um trabalho
independente, dando enorme flexibilidade à composição e à revisão de
uma imagem.
Utilize o painel Layers e copie uma camada a partir de um
arquivo
O painel Layers lista todas as camadas em uma imagem, exibindo os
nomes das camadas e as miniaturas do conteúdo de cada uma. Você pode
utilizar o painel Layers para ocultar, visualizar, reposicionar, excluir,
renomear e mesclar camadas.
1- Abra o arquivo Lição3_Start.psd da lição 3.
2- Se o painel layers não estiver visível na área de trabalho, escolha
Window > layers (Janela > Camadas).
O painel Layers (Camadas) lista cinco camadas para o arquivo start
da lição 3.
Observe que o ícone olho indica que a camada está visível na janela
de imagem. Se clicar no olho referente à camada pineapple (Abacaxi), o
abacaxi não será mais exibido.
O ícone cadeado na camada background (plano de fundo) indica
que a camada está protegida.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
3- Abra o arquivo Beach.psd no Photoshop que está dentro da pasta
da lição 3.
4- No Painel Layer, dê um clique duplo no nome Layer 1, digite
Beach(praia) e, então pressione Enter.
5- Clique no Botão Arrange Documents (Organizar Documentos) na
barra do aplicativo e selecione um dos layouts 2 Up. O photoshop
exibe os dois arquivos de imagem. Selecione a imagem Beach.psd
para que seja o arquivo ativo.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
6- Selecione a ferramenta de Move (Mover) e utilize para arrastar a
imagem Beach.psd até a janela da imagem Lição3_Start.psd
A camada Beach agora aparece na janela da imagem do arquivo
Lição3_Start.psd e no painel Layers, entre as camadas Background e
Pineapple. O Photoshop sempre adiciona novas camadas diretamente
acima da camada selecionada, então a camada beach só estará entre a
camada Background e Pineapple, se você selecionou a camada
Background anteriormente.
7- Feche o arquivo Beach.psd sem salvar as modificações.
Adicione uma borda a uma camada
Agora iremos aplicar uma borda branca em torno da camada Beach para
criar a impressão de que ela é uma fotografia.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
1- Clique no ícone de olho ao lado da camada Pineapple para ocultar a
imagem do abacaxi.
2- Selecione a camada Beach. Com isso a camada é destacada,
indicando que está ativa, e as modificações que você faz na janela
da imagem afetam a camada ativa.
3- Para deixar algumas áreas nessa camada mais óbvias, oculte todas
as camadas exceto a camada Beach.
O fundo branco e os outros objetos na imagem desapareceram,
ficando apenas a imagem da praia contra o fundo xadrez. O xadrez indica
as áreas transparente da camada ativa.
4- Escolha Layer (Camada) > Layer Style (Estilo de Camada) > Stroke
(Traçado).
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
A caixa de diálogo Layer Style se abre. Agora você pode selecionará as
opções para o quadro branco em torno da imagem da praia.
5- Especifique as seguintes configurações: Size: 5px, Position: Inside,
Blend Mode: Normal, Opacity: 100% e Color:Branco, conforme a
figura abaixo.
6- Clique em OK. Uma borda branca aparece em torno da foto da
praia.
Reorganize as camadas
A ordem em que as camadas de uma imagem são organizadas é
chamada de ordem de empilhamento. A ordem de empilhamento
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
determina como a imagem é visualizada, você pode alterar a ordem para
que partes da imagem apareçam acima ou abaixo de outras camadas.
Vamos reorganizar as camadas para que a imagem da praia fique por
cima de outra imagem que está oculta no arquivo.
1- Torne todas as camadas visíveis.
A imagem da praia está quase inteiramente bloqueada pelas imagens das
outras camadas.
2- No painel Layers, arraste a camada Beach um pouco para cima para
que ela permaneça posicionada entre as camadas Pineapple e
Flower (Flor), depois de posicioná-las corretamente, você verá uma
linha grossa entre as camadas no painel, com isso solte o botão do
mouse, conforme a figura abaixo.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
Altere a opacidade de uma camada
É possível reduzir a opacidade de qualquer camada para que outras
camadas apareçam através dela.
Vamos alterar a opacidade da camada Postage (Selo) para que a flor e
outras imagens fiquem visíveis.
1- Selecione a camada Postage e clique na seta ao lado da caixa
Opacity (Opacidade) para exibir o controle deslizante Opacity.
Arraste o controle deslizante até 25%. Você também pode digitar o
valor na caixa Opacity.
A camada Postage torna-se semitransparente para que você possa
ver outras camadas abaixo dela. Observe que a alteração na opacidade só́
afeta a camada Postage, as camadas Abacaxi, Praia, Flor e HAWAII
permanecem opacas.
2- Escolha Arquivo > Salvar e salve seu trabalho.
Duplique uma camada e altere o modo de mesclagem
Podemos aplicar diferentes modos de mesclagem a uma camada,
que afetam a maneira como os pixels coloridos em uma camada mesclam-
se aos pixels nas camadas abaixo. Primeiro você utilizará os modos de
mesclagem para aumentar a intensidade da imagem na camada Abacaxi
para que ela fique mais vibrante. Depois, vai alterar o modo de mesclagem
na camada Postage (Selo). (Atualmente, o modo de mesclagem das duas
camadas é Normal).
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
1- Clique nos ícones de olho ao lado das camadas HAWAII, Flower e
Beach para ocultá-las.
2- Clique com o botão direito do mouse ou com a tecla Control
pressionada na camada Abacaxi e escolha Duplicate Layer (Duplicar
camada) no menu contextual. (Cuide para clicar no nome da
camada, não na sua miniatura, senão verá o menu contextual
errado.) Clique em OK na caixa de diálogo Duplicate Layer.
Uma camada chamada “Pineapple copy” aparece acima da camada
Pineapple no painel Layers.
3- Com a camada Pineapple copy selecionada, escolha Overlay
(Sobrepor) no menu Blending Modes no painel Layers.
O modo de mesclagem Overlay mescla a camada Pineapple copy com a
camada Pineapple abaixo dela para criar um abacaxi vibrante, mais
colorido, com sombras mais profundas e áreas claras mais brilhantes.
4- Selecione a camada Postage e escolha Multiply (Multiplicação) no
menu Blending Modes. O modo de mesclagem Multiply multiplica
as cores nas camadas subjacentes pelas cores na camada superior.
Neste caso, o carimbo postal torna-se um pouco mais forte.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
5- Escolha Arquivo > Salvar para salvar seu trabalho.
Redimensione e gire as camadas
Você pode redimensionar e transformar as camadas.
1- Clique no ícone olho na camada Beach para torná-la visível.
2- Selecione a camada Beach no painel Layers e, então, escolha Edit >
Free Transform (Transformação Livre). A caixa delimitadora
Transform aparece em torno da imagem da praia. Ela tem alças nos
quatro cantos e nos quatro lados.
Primeiro, vamos redimensionar e inclinar a camada.
3- Pressione Shift enquanto arrasta uma alça de canto para dentro
para reduzir a foto da praia em mais ou menos 50%. (Observe as
porcentagens Width e Height na barra de opções.)
4- Com a caixa delimitadora ainda ativa, posicione o cursor fora de
uma das alças de canto até que ela torne-se uma seta dupla curva.
Arraste no sentido horário para girar a imagem da praia em
aproximadamente 15 graus. Você também pode inserir 15 na caixa
Set Rotation na barra de opções.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
5- Tecle Enter para confirmar as alterações.
6- Deixe a camada Flower (flor) visível. Selecione a ferramenta Move e
arraste a foto da praia para que seu canto para que permaneça
perfeitamente oculto sob a flor, como na figura.
7- Escolha File > Save para salvar seu trabalho.
Utilize um filtro para criar arte
Vamos criar uma nova camada sem nenhuma arte. Você utilizará
essa camada para adicionar nuvens ao céu usando um filtro do
Photoshop.
1- No painel Layers, selecione a camada Background para ativá-la e,
então, clique no botão New Layer na parte inferior do painel Layers.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
Uma nova camada, chamada Layer 1, aparece entre as camadas
Background e Abacaxi. A camada não tem nenhum conteúdo, portanto,
ela não tem nenhum efeito sobre a imagem.
2- Dê um clique duplo no nome Layer 1, digite Clouds (Nuvem) e
pressione Enter para renomear a camada.
3- No painel Tools, clique na amostra Foreground Color, selecione uma
cor azul para o céu e clique em OK. Selecionamos uma cor com os
seguintes valores: R 48, G 138 e B 174. A cor de fundo permanece
branca.
4- Com a camada Clouds ainda ativa, escolha Filter (Filtro) > Render
(Acabamento) > Clouds (Nuvens). As nuvens aparecem visíveis atrás
da imagem.
5- Escolha Arquivo > Salvar para salvar seu arquivo.
Arraste para adicionar uma nova camada
Para adicionar uma camada a uma imagem, arraste um arquivo de
imagem a partir da área de trabalho, do Bridge ou da área de trabalho do
Windows. Você adicionará outra flor ao cartão postal agora.
1- No Photoshop, selecione a camada Pineapple copy no painel Layers,
para torná-la a camada ativa.
2- Na área de trabalho do Windows, vá até a pasta Lição 3.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
3- Selecione o arquivo Flower2.psd e arraste-o da área de trabalho do
Windows ou do Mini Bridge para a sua imagem.
A camada Flower2 aparece no painel Layers, imediatamente acima
da camada Pineapple copy. O Photoshop coloca a imagem como um
Smart Object, que é uma camada que pode ser editada sem efetuar
mudanças definitivas.
4- Posicione a camada Flower2 no canto inferior esquerdo do cartão
postal, de modo que quase metade da flor fique visível.
5- Clique no botão Confirmar no canto direito superior da tela na barra
de opções ou tecle Enter.
Adicione um texto
Agora vamos adicionar texto utilizando a ferramenta Horizontal
Type, que posiciona o texto em uma camada própria. Depois, vamos
editar esse texto e aplicar um efeito especial.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
1- Deixe a camada HAWAII visível. Vamos adicionar uma camada de
texto abaixo dessa camada e aplicar efeitos especiais às duas
camadas.
2- Escolha Select (Selecionar) > Deselect Layers (Cancelar Seleção de
Camadas) para que nenhuma camada seja selecionada.
3- Clique na amostra Foreground Color no painel Tools e selecione um
verde forte. Clique em OK para fechá-lo.
4- No painel Tools, selecione a ferramenta Horizontal Type
(Ferramenta Texto Horizontal). Escolha Window (janela) > Character
(Caractere) para abrir o painel Character e faça o seguinte nesse
painel:
• Selecione uma fonte serifada (utilizamos Birch Std).
• Selecione um estilo de fonte (utilizamos Normal).
• Selecione um tamanho grande de fonte (utilizamos 36 pontos).
• Selecione Crisp no menu Anti-aliasing.
• Selecione um valor grande de espaçamento. (utilizamos 250).
• Clique no botão All Caps (Todas em maiúsculas).
• Clique no botão Faux Bold (Negrito Falso).
5- Clique um pouco abaixo do “H” na palavra “HAWAII” e digite Island
Paradise. Então, clique no botão Confirma na barra de opções.
O painel Layers agora inclui uma camada chamada Island Paradise com
um ícone de miniatura “T”, indicando que ela é uma camada de texto.
Essa camada está na parte superior da pilha de camadas.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
O texto aparece onde você clicou, que provavelmente não é
exatamente o lugar que você quer que ele esteja posicionado.
6- Selecione a ferramenta Move e arraste o texto “Island Paradise”
para que fique centralizado logo abaixo de “HAWAII”.
Aplique um degradê a uma camada
Você pode aplicar um degradê de cores em toda ou em parte de
uma camada. Neste exemplo, vamos aplicar um degradê ao texto
“HAWAII” para deixá-lo mais colorido. Primeiro, selecione o texto e então
aplique o degradê.
1- Selecione a camada HAWAII no painel Layers para torná-la ativa.
2- Clique com o botão direito do mouse ou com a tecla Control
pressionada na miniatura na camada HAWAII e escolha Select Pixels
(Selecionar Pixels). Tudo na camada HAWAII (as letras em branco) é
selecionado.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
Agora que selecionou a área a preencher, aplique um degradê.
3- No painel Tools, selecione a ferramenta Gradient (Degradê).
4- Clique na amostra Foreground Color no painel Tools, selecione um
laranja de cor aberta e clique em OK. A cor de fundo deve
permanecer branca.
5- Na barra de opções, certifique-se de que Linear Gradient (Degradê
Linear) está selecionada.
6- Na barra de opções, clique na seta ao lado da caixa Gradient Editor
para abrir o seletor de degradê. Selecione a amostra Foreground To
Background (a primeira) e então clique em qualquer lugar fora do
seletor para fechá-lo.
7- Com a seleção ainda ativa, arraste a ferramenta Gradient da parte
inferior para a parte superior das letras. Se quiser ter certeza de que
está arrastando reto para cima, pressione a tecla Shift ao arrastar.
O degradê cobre todo o texto, iniciando com laranja na parte
inferior e mesclando-se gradualmente com branco na parte superior.
8- Escolha Select > Deselect para remover a seleção do texto HAWAII
ou CTRL +D.
9- Salve o trabalho realizado.
Aplique um estilo de camada
Podemos melhorar uma camada adicionando Shadow (Sombra), Stroke
(Traçado), Satin (Acetinado) ou outro efeito especial a partir de um
conjunto de estilos de camada automáticos e editáveis. Esses estilos são
fáceis de aplicar e de vincular diretamente à camada que você escolher.
Como ocorrem com as camadas, os estilos de camada podem ser
ocultados clicando no ícone olho no painel Layers. Eles não são
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
destrutivos, portanto, você pode editá-los ou removê-los a qualquer
momento. Uma cópia de um estilo de camada pode ser aplicada a uma
camada diferente arrastando-se o efeito para a camada de destino.
Anteriormente, utilizamos um estilo de camada para adicionar um
traço à foto da praia. Agora, podemos adicionar sombras projetadas ao
texto para fazer que ele se destaque.
1- Selecione a camada Island Paradise e escolha Layer (Camada) >
Layer Style (Estilo de camada) > Drop Shadow (Sombra Projetada).
2- Na caixa de diálogo Layer Style, cuide para que a opção Preview
(Visualizar) esteja selecionada e, se necessário, mova a caixa de
diálogo para que você veja o texto “Island Paradise” na janela da
imagem.
3- Na área Structure (Estrutura), selecione Use Global Light (ytilizar Luz
Global) e especifique as seguintes configurações:
• Blend Mode: Multiply
• Opacity: 75%
• Angle: 78 degrees
• Distance: 5 px
• Spread: 30%
• Size: 10 px
O Photoshop adiciona uma sombra ao texto “Island Paradise” na
imagem.
4- Clique em OK para aceitar as configurações e feche a caixa de
diálogo Layer Style.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
O Photoshop adiciona o estilo de camada à camada Island Paradise.
Ele primeiro lista os efeitos e depois os estilos de camada aplicados à
camada. Um ícone de olho aparece ao lado da categoria do efeito e de
cada efeito. Para desativar um efeito, clique no ícone de olho. Clique na
coluna Visibility (Visibilidade) novamente para restaurar o efeito. Para
ocultar todos os estilos de camada, clique no ícone de olho ao lado de
Effects (Efeitos). Para recolher a lista de efeitos, clique na seta ao lado da
camada.
5- Verifique se os ícones de olho aparecem para os dois itens
adicionados à camada Island Paradise.
6- Pressione a tecla Alt do Windows e arraste a linha Effects até a
camada HAWAII. O estilo de camada Drop Shadow é aplicado à
camada HAWAII.
Agora vamos adicionar um traço verde em torno da palavra
“HAWAII”.
7- Selecione a camada HAWAII no painel Layers (Camadas), clique no
botão Add A Layer Style (��) na parte inferior do painel e escolha
Stroke (traçado) no menu pop-up.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
8- Na área Structure da caixa de diálogo Layer Styles , especifique as
seguintes configurações e então clique em OK:
• Size:4px
• Position: Outside
• Blend Mode: Normal
• Opacity: 100%
• Color: verde (Selecione um sombreado que combine com o que
foi utilizado para o texto “Island Paradise”).
9. Clique em OK para aplicar o traço.
Agora você adicionará uma sombra projetada e um brilho acetinado à
flor.
10. Selecione a camada Flower e escolha Layer (Camada) > Layer Style
(Estilo de Camada) > Drop Shadow (Sombra Projetada). Altere as
seguintes configurações na área Structure: Opacity: 60%, Distance:
13 px, Spread: 9%. Cuide para que Use Global Light esteja
selecionado e que Blend Mode seja Multiply. Não clique em OK.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
11. Com a caixa de diálogo Layer Style ainda aberta, selecione Satin
(acetinado) à esquerda. Veja se Invert (Inverter) está selecionado e
então aplique as seguintes configurações:
• Color (ao lado de Blend Mode): rosa (escolha uma cor
semelhante à cor da flor)
• Opacity: 20%
• Distance: 22 px
12. Clique em OK para aplicar os dois estilos de camada.
Adicione uma borda
O cartão postal Hawaii está quase pronto, os elementos estão quase
todos organizados corretamente na composição. Para finalizar, vamos
posicionar o carimbo postal e adicionar uma borda branca ao cartão
postal.
1. Selecione a camada Postage e então utilize a ferramenta Move para
arrastá-la para a metade direita da imagem, como mostra a figura.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
2. Selecione a camada Island Paradise no painel Layers e clique no
botão Create a New Layer na parte inferior do painel.
3. Escolha Select (Selecionar) > All (Tudo).
4. Escolha Select > Modify (Modificar) > Border (Borda). Na caixa de
diálogo Border Selection (Seleção de Borda), digite 10 pixels para
Width (largura) e clique em OK.
Uma borda de 10 pixels é selecionada em torno da imagem. Agora,
você vai preenchê-la com branco.
5. Escolha branco para Foreground Color e então selecione Edit
(Editar) > Fill (Preencher).
6. Na caixa de diálogo Fill, selecione Foreground Color (Cor do
Primeiro Plano) e clique em OK.
7. Escolha Select > Deselect (Cancelar seleção de camadas).
8. Dê um clique duplo em Layer1 no painel Layers e renomeie a
camada para Borda.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
Achate e salve arquivos
Depois de editar todas as camadas da sua imagem, você pode
mesclar ou achatar as camadas para reduzir o tamanho do arquivo.
O achatamento junta todas as camadas em uma só camada de
fundo. As camadas não podem ser editadas depois de achatadas,
portanto, você só deve achatar uma imagem quando estiver seguro de
que está satisfeito com todas as suas decisões de design. Em vez de
achatar seus arquivos PSD originais, uma boa ideia é salvar uma cópia do
arquivo com suas camadas intactas, para caso você precise editar uma
camada mais tarde.
Para verificar o que o achatamento faz, observe os dois números
para tamanho de arquivo na barra de status na parte inferior da janela da
imagem.
O primeiro número refere-se ao tamanho do arquivo se você achatasse
a imagem. O segundo número representa o tamanho do arquivo sem o
achatamento. Se achatado, esse arquivo de lição teria aproximadamente
2,29 MB, mas seu tamanho atual é muito maior, cerca de 30 MB.
Portanto, o achatamento vale a pena neste caso.
1. Selecione qualquer ferramenta Move, para ter certeza de que não
está usando uma ferramenta de Texto.
CENTRO DE ENSINO SUPERIOR DO AMAPÁ
Prof. MSc. Adolfo Colares
2. Escolha File > Save (se estiver disponível) para salvar todas as suas
alterações no arquivo.
3. Escolha Image > Duplicate.
4. Na caixa de diálogo Duplicate Image, nomeie o arquivo para
Licao03_Achatado.psd ou o nome que desejar e clique em OK.
5. Deixe o arquivo Licao03_Achatado.psd aberto, mas feche o original.
6. Escolha Flatten Image (Achatar Imagem) no menu do painel Layers.
Apenas uma camada, chamada Background, permanece no painel
Layers.
7. Escolha File > Save. Mesmo escolhendo Save em vez de Save As, a
caixa de diálogo Save As aparece.
8. Confira se a localização é a pasta da Lição 3 e, então, clique em Save
(Salvar) para aceitar as configurações padrão e salvar o arquivo
achatado.
Você salvou duas versões do arquivo: uma cópia achatada da camada e
o arquivo original, no qual todas as camadas permanecem intactas.