Camadas

Publicada em
Última atualização em 25/11/2009 09h 00min

Uma composição pode ser formada por um conjunto de imagens sobrepostas que, quando devidamente ordenadas, formam a imagem final.


 

A vantagem de trabalhar com imagens compostas em diferentes camadas
está no fato de cada uma possuir propriedades independentes. Isto significa que uma camada pode ser alterada sem afetar a outra. Obtemos, assim, uma gama infinita de variações para o resultado final da imagem.A pasta Samples do Photoshop apresenta algumas imagens excelentes para exemplificar procedimentos em camadas. Duas delas são os arquivos Flower.psd e Fish.psd. Usaremos esta última para uma visão geral sobre uma imagem composta por camadas.

Visualização de camadas


Abrindo a imagem Fish.psd, conseguiremos uma visão geral de uma imagem formada por camadas.Com a imagem aberta, certifique-se de que a paleta Layers esteja disponível na área de trabalho do Photoshop. Se não estiver, abra o menu Window > Layers ou tecle F7, tanto no Windows como no Mac OS-X.A imagem é formada por uma composição de oito camadas. Ao clicar sobre qualquer um dos ícones em destaque na Figura , o conteúdo da respectiva camada será oculto. Na Figura abaixo, temos a visualização apenas das camadas referentes aos peixes amarelos (camada YellowFish) e púrpuras (camada PurpleFish).




Movendo camadas


As propriedades das camadas são independentes e não apenas as alterações em pixels podem ser efetuadas sem modificar as demais. A posição de cada uma das camadas também pode ser modificada. Nesse caso, a diferença de ordem de sobre ou subposição afetará o resultado final, mas sem alterações específicas nas propriedades das camadas. De qualquer forma, resultados interessantes podem ser obtidos: basta trocar
camadas de posição em determinadas imagens. É o caso do arquivo Flower.psd. Observe:

1 Abra a imagem, disponível na pasta Samples.

2 Posicione o ponteiro do mouse sobre a tarja da camada Title, na paleta Layers.

3 Arraste a tarja para a posição da segunda camada, como indica a Figura Libere o botão do mouse.







 

As Figuras abaixo demonstram a diferença do texto presente na imagem após a modificação da posição da camada:











Criando camadas


Após sua criação, podemos depositar qualquer conteúdo em uma camada vazia para adicionar efeitos, preenchimentos de cores ou qualquer outro elemento. Nos procedimentos seguintes, veremos como criar uma camada para adição de um objeto de texto à imagem Fish.jpg.

1 Com a imagem aberta, pressione o botão Create a new Layer (Criar nova camada). Se preferir, abra o menu Layer > New > Layer ou tecle Ctrl + Shift + N (Command + Shift + N, no Mac OS-X).






2 Se o comando foi acionado por meio do clique no botão da base da paleta, a nova camada será automaticamente inserida com a denominação (Layer 1). Se o comando for ativado com as teclas de atalho, ou com o menu Layer, uma caixa denominada New Layer será exibida. Se esta foi a opção, digite na caixa a denominação Camada de Texto. Caso contrário, posicione o ponteiro do mouse sobre a tarja de identificação na paleta e, com um clique, coloque seu nome em modo de edição. Digite Camada de Texto











3 Desative a visualização de todas as camadas da imagem, exceto a da camada recém-criada.

 


4 Ative a ferramenta de texto, teclando T ou pressionando seu botão correspondente, como exibe a Figura





 

5 Posicione o cursor no centro da imagem. Na barra contextual, determine os parâmetros para o tipo de fonte (tipo de letra), tamanho e demais atributos. Para modificar a cor da fonte, clique no local exibido na Figura  e utilize o indicador vertical e o quadro de visualização de tonalidade para determinar a cor das fontes. Clique em OK. Teremos maiores detalhes sobre inserção de textos, no próximo capítulo.


6
Digite um texto qualquer. Se quiser aplicar o estilo negrito com o texto ainda em modo de edição, selecione-o com o cursor e abra o menu rápido. Em seguida, clique na opção Faux Bold. Enquanto o texto estiver completamente selecionado pelo cursor no modo de edição, a tecla Ctrl (Command no Mac OS-X) poderá ser usada para o arraste das alças de redimensionamento e giro.

7 Após a edição e o posicionamento do texto, clique em qualquer outra ferramenta para sair do modo de edição.

8 Mova a camada de texto para baixo da camada Small Bubbles, como nos mostra a Figura. Ao utilizar o giro em fontes com tonalidades escuras, o resultado obtido é o da 2ºFigura:


Observação: o objeto de texto pode ser movido para qualquer outra direção da imagem. Basta selecionar a camada correspondente na paleta Layers e acionar a ferramenta Move (tecla de atalho V).


Agrupando camadas


É possível agrupar camadas em pastas, facilitando a manipulação delas em uma imagem. Este recurso mostra-se particularmente útil em situações com grande número de camadas, sendo que algumas estão relacionadas à exibição de partes específicas com características em comum.Uma vez agrupadas, muitas das propriedades das camadas podem ser alteradas simultaneamente. Ao especificar uma nova opacidade ou bloquear um conjunto, por exemplo, todas as suas camadas serão afetadas.
Com o grupo selecionado, todas as camadas podem ser movidas de uma só vez; basta clicar e arrastar com o mouse em qualquer ponto da imagem com a ferramenta Mover (tecla de atalho V).Nos procedimentos seguintes, veremos como executar o agrupamento de algumas camadas em uma única pasta usando a imagem Fish.psd.


1 Com a imagem e a paleta Layers abertas, clique na tarja da camada Bubbles.

2 Pressione o botão Create a new group (Criar novo grupo), como mostra a Figura

3 Será aberta uma nova pasta na paleta com o nome Group 1. Com um clique duplo na tarja da pasta, é possível inserir uma nova denominação, se necessário. Clique no pequeno triângulo da pasta recém-criada, fechando a exibição de seu conteúdo (por hora vazio).


4 Pressione e mantenha pressionada a tecla Shift. Selecione em conjunto as camadas Bubbles, Liquified Bubbles e Small Bubbles. Arraste-as para a pasta do novo grupo, como vemos na Figura
 

5 Agora, as camadas estão dentro da pasta do grupo criado. Note que as camadas arrastadas para a pasta possuem características semelhantes. Nesse exemplo, são as camadas responsáveis pela a ilustração das bolhas (Bubbles) da imagem. Para exibir o conteúdo da pasta, clique no triângulo de sua etiqueta de denominação. Observe as Figuras


Criando um novo documento


A versatilidade quanto à utilização de camadas permite não apenas modificá-las, mas também aproveitá-las na composição de um documento.
Estas e outras ações envolvendo camadas serão exemplificadas com os arquivos de imagens instaladas com o Photoshop. Certifique-se de manter a paleta Layers visível na área de trabalho do programa.

1 Tecle Ctrl + N (Command + N, no Mac OS-X), abrindo a caixa New. Estas são as teclas de atalho para o comando homônimo à caixa no menu File.

2 Na caixa New, não é preciso especificar um nome para o novo documento. Esta ação pode ser cumprida no momento de salvá-lo. No campo Widht, adicione o valor 528. Em Height, digite 385. Escolha a opção RGB Color no menu desdobrável Color Mode. Mantenha as demais opções como vemos na Figura

Dando continuidade à construção do novo documento, veremos como inserir camadas a partir de imagens existentes, familiarizando-nos com os processos de manipulação de camadas entre diferentes documentos.

1 Mantendo o canvas do novo documento ativo na área de trabalho, abra a imagem DVDmenu.psd na pasta Samples. Ignore qualquer caixa de mensagem exibida antes da abertura do arquivo clicando em OK.

2 A imagem, padrão nas amostras do Photoshop, foi acrescida de linhas guias para auxiliar no posicionamento dos elementos. Para desativar as guias, abra o menu View > Extras ou, se preferir, tecle Ctrl + H (Command + H no Mac OS-X). Na Figuraao lado, temos a imagem sem as guias.


3 Para aproveitar o espaço de trabalho, abra o menu Window > Arrange > Tile Horizontally.
A intenção para o exemplo é a de transportar o elemento Background do arquivo DVDMenu.psd para o canvas do novo documento. Porém, o elemento Background, na verdade, não é formado por uma camada, mas sim pelo plano de fundo da imagem. Planos de fundo não podem ser alterados e são automaticamente bloqueados pelos botões da seção Lock, da paleta Layers. Para contornar a situação, devemos converter o plano de fundo do arquivo DVDMenu.psd em uma camada e, assim, fazer a movimentação dela para o novo documento. Observe os seguintes procedimentos:

1 Com a janela do arquivo DVDMenu.psd acionada, dê um clique duplo em Background na paleta Layers.

2 A caixa New Layer será aberta, informando que uma nova camada será adicionada, baseada no plano de fundo (Background) da imagem. Mantenha a denominação Layer 0 ou digite outra, se quiser. Clique em OK. Repare, agora, na paleta Layers em que o elemento Background é, então, exibido, com a denominação Layer 0. Observe a Figura

3 A partir da conversão do plano de fundo, certifique-se de manter a nova camada selecionada na paleta. Há duas maneiras de movê-la para o canvas do novo documento: acione a ferramenta Move, ou posicione o ponteiro do mouse em qualquer área da janela do arquivo DVDMenu.psd, deslocando-o até a janela do novo documento. Se preferir, execute a ação a partir do deslocamento da tarja de identificação da nova camada até a janela do novo documento


4 Maximize a janela do novo documento e, com a ferramenta Move, ajuste a posição do plano de fundo inserido.

 

Copiando seleções


Assim como as camadas, conteúdos de seleções podem ser copiados entre documentos para formar um novo documento. Neste tópico, veremos
como copiar elementos recortados de uma imagem para outra por meio de dois procedimentos, um com a ferramenta Move, recortando da imagem de origem o conteúdo de uma área selecionada, e o outro utilizando a área de transferência do sistema operacional.

1 Feche a janela do documento DVDMenu.psd e clique em No, se a caixa de mensagem do programa for exibida perguntando se as alterações devem ser salvas. Mantenha na área de trabalho a janela do novo documento.

2 Abra a imagem Flower.psd, diponível na pasta Samples.

3 Com a janela da imagem Flowers.pds ativa, clique na tarja de identificação da camada Flower background na paleta Layers. Apesar de estar denominado como Background, este elemento é uma camada comum.


4 Ative a ferramenta de seleção elíptica (Eliptical Marquee) e trace uma seleção como a da Figura

5 Ative a ferramenta Move, teclando V. Posicione o ponteiro do mouse sobre a área selecionada da imagem Flowers.psd. Arraste a seleção para a janela do novo documento, como na Figura





Observação: para manter a organização das janelas na área de trabalho, faça uso dos comandos de disposição de janelas disponíveis no menu Window > Arrange. A visualização das janelas dos respectivos documentos pode ser rapidamente alternada por meio das teclas Ctrl + Tab (Command + Tab, no Mac OS-X).


Note que, nesse procedimento, o conteúdo da seleção de Flowers.psd foi recortado, deixando a imagem desfigurada. Para que uma cópia da seleção seja feita, e para que possamos mover a parte copiada para o novo documento sem desfigurar a imagem original, certifique-se de manter a camada correta selecionada, procedendo da seguinte forma:

1 Selecione a parte a ser copiada.

2 Tecle Ctrl + C (Command + C, no Mac OS-X), enviando o conteúdo da área selecionada para a área de transferência do sistema operacional.

3 Tecle Ctrl + V (Command + V, no Mac OS-X) para depositar o conteúdo copiado sobre a imagem.

4 A seleção se tornará invisível e o conteúdo copiado praticamente não será percebido. Note que a ferramenta Move foi automaticamente acionada. Posicione o mouse sobre a área na qual estava a seleção. Faça o arraste do mouse, deslocando o conteúdo copiado, como na Figura. Veja que, agora, a imagem original não sofreu nenhum corte:

Observação: se múltiplas cópias de um conteúdo precisam ser depositadas em qualquer local, não é preciso executar o comando Ctrl + C (Command + C, no Mac OS-X) repetidas vezes. Basta teclar Ctrl + V (Command + V, no Mac OS-X) quantas vezes forem necessárias.


Inserindo camadas


Continuando a compor o novo documento, obedeça aos procedimentos seguintes:

1 Mantendo a janela do novo documento na área de trabalho do Photoshop, bem como a paleta Layers, abra novamente a imagem DVDMenu.psd.

2 Certifique-se de que a janela do documento DVDMenu.psd esteja acionada. Na paleta Layers, abra o grupo de camadas Play


 

3 Posicione o ponteiro do mouse sobre a camada PLAY, exibida como conteúdo da pasta do grupo recém aberto. Arraste a camada para a janela do novo documento, como exibe a Figura

4 Clique na janela do novo documento, acionando-a. Na paleta Layers, clique na denominação Layer 2, para acionar a camada correspondente ao elemento extraído da imagem Flowers.psd.

5 Certifique-se de que a ferramenta Move esteja acionada. Arraste o elemento da camada Layer 2 para a posição indicada na Figura ao lado, ou para qualquer outro local que quiser:

6 Com a janela do novo documento acionada, clique na camada PLAY inserida na imagem, na paleta Layers.

7 Com a ferramenta Move acionada, mova o conteúdo da camada PLAY para um local próximo do elemento da camada recém posicionada, como vemos na Figura

Duplicando camadas


Uma importante particularidade para a manipulação de camadas é a possibilidade de duplicá-las, criando cópias independentes. No caso da imagem que estamos construindo com a janela do novo documento, não será necessário fazer uma nova seleção na imagem Flowers.psd, nem manter na área de transferência o conteúdo copiado nos procedimentos anteriores

.1 Com a janela do documento ativa, selecione a camada Layer 2 na paleta Layers.

2 Abra o menu Layer > Duplicate Layer. Uma caixa com o mesmo nome do comando será exibida, permitindo especificar uma denominação para a cópia da camada. Caso nenhum nome seja digitado, a designação será Layer 2 copy e ela será exibida na paleta Layers



3 Acione a ferramenta Move. Arraste o elemento pertencente à cópia da camada a partir da posição do original. Posicione a cópia no local que preferir. Observe a Figura

Transformando camadas


Várias ações sobre as camadas podem ser executadas pelo menu Edit e pelos comandos Free Transform e Transform, desde ajustes simples até transformações radicais. No procedimento seguinte, veremos como ajustar a camada no canvas com o comando Free Transform. Esta ação possibilita o ajuste das dimensões de uma camada e revela-se muito útil, principalmente em situações nas quais a camada exceda a área do canvas, ou fique em dimensões reduzidas.

1 No arquivo de construção da nova imagem, selecione a camada Layer 1 na paleta Layers.

2 Abra o menu Edit > Free Transform. As alças de seleção podem ser ajustadas com o arraste do mouse, aumentando ou diminuindo as dimensões da camada. Se necessário, ajuste a janela do arquivo para obter uma melhor visualização das alças.

3
Arraste as alças para distribuir as dimensões da camada de forma adequada, como vemos nas Figuras





4 Após o ajuste, pressione Enter para aplicá-lo. As alças de seleção e transformação ficarão ocultas, saindo do modo de edição.






 

Opções do submenu Transform


O submenu Transform conta com várias opções para aplicar alterações complexas em uma camada selecionada. Desde a simples rotação até a adição de perspectiva, tudo pode ser facilmente implementado com o arraste do mouse. No exemplo seguinte, veremos como aplicar o comando Warp, para termos uma idéia do que pode ser feito em matéria de transformação em camadas.


1 Mantendo a camada Layer 1 selecionada, abra o menu Edit > Transform > Warp.

2
Serão exibidas alças de seleção e ajuste com vários pontos de controle. Arraste as alças para modificar a imagem, como mostra a Figura

3 Assim como qualquer outra alteração com comandos de transformação, tecle Enter para que o efeito seja aplicado, retirando a camada do modo de seleção. Na Figura, temos a aplicação da alteração pronta.



Observação: a imagem pode ser rapidamente restaurada para sua disposição original (da forma como foi salva da última vez) por meio do comando Revert (Reverter), no menu File. A tecla de atalho para o comando é F12.


Opacidade


O nível de transparência das camadas pode ser determinado mediante o ajuste de opacidade (Opacity) no menu Layers. Esse ajuste revela-se particularmente útil no caso de camadas sobrepostas, criando ótimos efeitos visuais. Observe

1 Com a camada Layer 1 selecionada, pressione F12 para restaurá-la à sua disposição original.

2 Pressione o botão em forma de seta da caixa Opacity, na paleta Layers, e arraste o indicador aplicando o nível desejado de transparência. Se preferir, especifique diretamente um valor, digitando-o na caixa. Observe a Figura







Efeitos


A janela Layer Style permite a aplicação de uma vasta gama de efeitos especiais para alterações de camadas. A seguir, usaremos a camada referente ao título Play da imagem em construção, demonstrando o potencial do rescurso:

1 Dê um clique duplo na tarja da camada Play na paleta Layers. As Figuras abaixo exibem, respectivamente, a disposição atual do título Play e a janela Layer Style, com suas opções.




 


2 Na seção Styles, marque as opções Drop Shadow, Inner Shadow e Outer Glow, como vemos na Figura








 

3 Clique em OK. Confira o resultado dos efeitos aplicados




 


4 Os efeitos aplicados são relacionados na paleta, sendo que cada um conta com um ícone de visualização






Vinculando camadas



Vincular camadas significa agrupá-las de tal modo que as transformações aplicadas a uma delas sejam, automaticamente, repetidas nas demais. Veja como fazer:



1 Pressione a tecla Shift, mantendo-a pressionada. Clique sobre as camadas Play, Layer 2 copy e Layer 2, selecionando-as em conjunto, como na Figura

2 Com o ponteiro do mouse em qualquer uma das tarjas das camadas selecionadas, pressione o botão auxiliar do mouse, exibindo o menu rápido.



3 Clique na opção Link layers. As tarjas das camadas selecionadas exibirão o ícone de vínculo, como vemos na Figura



4 Para confirmar a condição de vínculo aplicada às camadas, acione a ferramenta Move. Desloque qualquer um dos elementos vinculados. Observe que os demais também serão movidos

5 Para retirar o vínculo entre camadas, abra novamente o menu rápido e clique no comando Unlink layers.


 

Mesclando camadas


Com o comando Merge Layers, várias camadas podem ser transformadas em apenas uma. O princípio de aplicação do comando obedece aos mesmos procedimentos da vinculação de camadas. Selecione-as e,com o menu rápido, clique sobre o comando disponível no menu de opções aberto a partir da tarja de qualquer uma das camadas selecionadas. O comando Merge Visible permite mesclar apenas as camadas visíveis na área de trabalho, ou seja, que estejam com os ícones de visualização ativos na paleta Layers.

Nivelando camadas


Nivelar (ou achatar) camadas significa transformá-las em um plano de fundo único. A ação reduz substancialmente o tamanho do arquivo final e permite salvá-lo em vários outros formatos, como JPG ou GIF, amplamente
usados na composição de páginas para a Web. Nos procedimentos seguintes, nivelaremos as camadas do documento salvando uma cópia em formato JPG. Mas, antes, salvaremos o documento normalmente, no formato próprio ao Photoshop.

1 Abra o menu File > Save As ou tecle Ctrl + Shift + S (Command + Shift + S, no Mac OS-X).

2 Sem alterar outra opção da janela, dê um nome ao arquivo e salve-o em alguma pasta. O arquivo em formato do Photoshop (extensão .psd) encontra-se salvo, sem o achatamento das camadas.

3 Selecione em conjunto todas as camadas do documento.

4 Abra o menu rápido e clique no comando Flatten Image (Achatar imagem).

5 Observe que, agora, na paleta Layers, todas as camadas são substituídas por apenas um plano de fundo Background, como mostra a Figura

6 Abra novamente o menu File > Save As ou tecle Ctrl + Shift + S (Command + Shift + S, no Mac OS-X).

7
Abra o menu desdobrável Format e selecione a opção “JPEG (*.JPG; *JPEG; *JPE)”, ou qualquer formato que desejar.

8
No painel Save Options, marque a opção As a Copy (Como cópia).

9
Clique em OK. Dependendo do formato escolhido, uma caixa de opções será exibida. Faça as alterações que desejar e clique em OK.

10 Feche a janela do documento atual.

11
Uma caixa de confirmação será exibida, perguntando se as modificações devem ser salvas no arquivo original em formato PSD. Clique em No para preservar o arquivo original (sem o achatamento das imagens).

Temos, agora, dois arquivos salvos. Um em formato PSD, próprio ao Phothoshop, e outro em JPG. O arquivo original em PSD encontra-se preservado, sem alterações. O trabalho poderá ser concluído e alterado para, em seguida, ser salvo em qualquer outro formato mediante tais procedimentos.

   Matéria extraída do Livro: Treinamento Prático em Photoshop