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.
.jpg)
Matéria extraída do Livro: Treinamento Prático em Photoshop