Lição3 Adobe Photoshop CS5. Princípios Básicos de Camadas. Utilize o painel Layers e copie uma camada a partir de um arquivo

(1)

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.

(2)

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.

(3)

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.

(4)

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).

(5)

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

(6)

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.

(7)

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).

(8)

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.

(9)

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.

(10)

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.

(11)

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.

(12)

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.

(13)

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.

(14)

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.

(15)

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

(16)

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.

(17)

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.

(18)

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.

(19)

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.

(20)

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.

(21)

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.

(22)

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.