Aprenda como usar o painel Camadas, redimensionar o conteúdo e adicionar imagens a um arquivo com camadas, além de trabalhar com camadas de plano de fundo no Adobe Photoshop CC.
Saiba o que são camadas e por que são úteis.
As camadas são componentes essenciais de qualquer imagem no Photoshop CC. Por isso, é importante entender o que são e por que usá-las. Este vídeo fala sobre isso. Se você estiver acompanhando, abra esta imagem com camadas do arquivo de práticas disponível para download deste tutorial. Pense nas camadas como se fossem painéis de vidro empilhados um sobre o outro. Cada camada tem um conteúdo diferente. Para ter uma ideia de como as camadas são construídas, vamos olhar o painel Camadas. Fechei os outros painéis para nos concentrarmos no painel Camadas. Mas você não precisa fazer o mesmo. A propósito, se o seu painel Camadas não estiver à mostra, acesse o menu Janela e selecione Camadas. É no painel Camadas que você seleciona e trabalha com elas. Nesta imagem, há 4 camadas com conteúdo distinto. Clique no ícone de olho à esquerda de uma camada para alternar entre exibir ou ocultá-la. Então, vou ocultar a camada "costureiro". Observe a imagem para ver o que está na camada. Farei o mesmo com a camada "tecido" e "padrão". Veja que a camada inferior, Plano de fundo, está na cor branca, pois essa imagem começou com uma nova predefinição de imagem em branco com plano de fundo branco. Para exibir todas as outras camadas novamente, basta clicar na caixa vazia à esquerda de cada camada para adicionar o ícone de olho. Agora, vamos analisar apenas uma, a camada "costureiro". Uma maneira rápida de ocultar todas as camadas, exceto a "costureiro", é pressionar a tecla Option (Mac) ou Alt (Windows) e clicar no ícone de olho à esquerda dela. Na janela Documento, você vai notar que esta camada tem apenas uma pequena foto em um padrão xadrez cinza e branco. Esse padrão representa os pixels transparentes. Através deles, é possível ver o conteúdo das camadas abaixo dessa. Para exibir novamente esse conteúdo, vamos voltar para o painel Camadas, pressionar a tecla Option (Mac) ou Alt (Windows) e clicar no ícone de olho à esquerda da camada "costureiro". Com isso, todas as outras camadas e os ícones de olho voltam a aparecer. Recapitulando: As camadas são como uma pilha de painéis de vidro, cada uma com um conteúdo e, em alguns casos, com áreas transparentes que mostram o que há nas camadas abaixo. A melhor parte de ter itens separados em camadas é que você pode editar partes independentes de uma imagem sem interferir no restante dela. Acompanhe com este exemplo para entender o que estou falando. Digamos que você queira editar ou mover apenas a foto pequena do tecido sendo cortado. Para isso, selecione a camada que contém a foto em questão. Vá ao painel Camadas e clique na camada "tecido" à direita do nome da camada. Agora, com a camada "tecido" selecionada, qualquer alteração afetará somente ela. Por exemplo, no painel Ferramentas, selecione a ferramenta Mover, clique e arraste a foto do tecido. Você vai ver que apenas esta foto se mexe, pois só esta camada está selecionada. O mesmo acontece com os outros tipos de edição. Por exemplo, se você pintar a imagem ou aplicar um filtro, como verá em outros tutoriais desta série, essas edições serão aplicadas apenas à camada "tecido", e não ao restante da imagem. A propósito, há algumas atividades de edição, como mover camadas, que podem ser aplicadas a mais de uma camada por vez. Para isso, basta selecionar mais de uma camada. No painel Camadas, já estamos com a camada "tecido" selecionada. Se você não estiver com ela selecionada, clique nela. Para selecionar a camada "costureiro" também, pressione a tecla Command (Mac) ou Ctrl (Windows) e clique nela. Com as duas camadas selecionadas, você pode clicar e arrastar qualquer foto para movê-las juntas. E tem uma dica bônus: Selecione a ferramenta Mover e veja a barra de opções dela. Você verá que a opção Seleção automática: Camada está marcada. Com esta opção marcada, clique em qualquer lugar da imagem para selecionar automaticamente a camada superior no local em que há conteúdo. Por exemplo, observe o painel Camadas enquanto eu clico na foto do padrão. Você verá que a camada "padrão" será selecionada automaticamente no painel Camadas. Algumas vezes, esta opção é muito útil, mas, em outros casos, pode fazer com que você selecione sem querer uma camada que não queria. Para evitar isso, você pode desmarcar a opção Seleção automática: Camada na barra de opções da ferramenta Mover e, no lugar, selecionar manualmente as camadas, clicando nelas no painel Camadas, como vimos neste tutorial. Então, recapitulando: Poder trabalhar com porções específicas de conteúdo de maneira independente é a melhor parte de usar camadas. Ainda há muito mais o que aprender sobre camadas. Não perca o restante deste tutorial.
O que você aprendeu: exibir e selecionar camadas no painel Camadas
- As camadas contêm imagens, texto ou objetos que compõem um arquivo com camadas. Com elas, você pode mover, editar e trabalhar com o conteúdo em uma camada sem interferir no conteúdo das demais.
- As camadas são organizadas em pilhas no painel Camadas, que normalmente fica localizado na parte inferior direita da área de trabalho. Se o painel Camadas não estiver visível, selecione Janela > Camadas.
- No painel Camadas, clique no ícone de olho à esquerda de uma camada para ocultar o conteúdo dela. Clique novamente no mesmo ponto para mostrar o conteúdo. Dessa forma, você consegue lembrar com facilidade o que estava em uma camada específica.
- Para fazer alterações em uma camada, é preciso selecioná-la antes. No painel Camadas, clique uma vez à direita do nome da camada para selecioná-la. Para adicionar mais camadas a uma seleção, pressione Control (Windows) ou Command (macOS) e clique nas camadas escolhidas.
Mude a ordem das camadas, crie uma camada, mude a opacidade de uma camada e exclua uma camada.
Vamos analisar as funções usadas com mais frequência ao trabalhar com o painel Camadas. Você pode acompanhar com a imagem dos arquivos de prática deste tutorial ou com uma imagem sua que tenha camadas. À direita, no painel Camadas, a ordem em que as camadas aparecem, de cima para baixo, define a organização do conteúdo na imagem. Por exemplo, nesta imagem, a camada "costureiro" está acima da camada "padrão", no painel Camadas. Por isso, na imagem, a foto do costureiro com um homem usando gorro vermelho está acima da foto do padrão, onde as fotos ficam sobrepostas. Bem, e se você quisesse que a foto do costureiro ficasse atrás da foto do padrão, na imagem? Nesse caso, vá até o painel Camadas e clique na foto do costureiro para selecioná-la. Em seguida, clique e arraste a camada "costureiro" para debaixo da camada "padrão". Essa parte pode ser complicada. Você precisa esperar até ver uma linha dupla abaixo da camada "padrão" e, em seguida, soltar o dedo do mouse ou trackpad. Isso move a camada "costureiro" para debaixo da camada "padrão" no painel Camadas. E veja o que acontece na imagem: A foto do costureiro ficou abaixo da foto do padrão. Você também deve estar se perguntando como criar uma nova camada. Digamos que eu queira uma nova camada vazia, onde vou adicionar pixels, talvez pintando com a ferramenta Pincel. Primeiro, pense no local em que você quer adicionar a camada na pilha e selecione a camada logo abaixo. Neste exemplo, vou adicionar uma nova camada acima da camada "padrão", pois quero pintar por cima desse padrão. Então, basta ir ao painel Camadas e selecionar a camada "padrão". Em seguida, vou criar minha nova camada. É só clicar no ícone de folha com a ponta dobrada na parte inferior do painel Camadas. Uma nova camada é criada acima da camada "padrão". Esse método cria uma nova camada baseada em pixels na qual posso fazer o que quiser, como adicionar cor. Se você usar uma ferramenta diferente, como a ferramenta Texto ou Forma, ou usar o comando Colocar incorporados para adicionar uma nova foto ou outra imagem à composição, veremos isso tudo ainda nesta série de tutoriais, o Photoshop CC criará uma nova camada automaticamente. Não se assuste se encontrar camadas adicionais no painel Camadas ao usar alguma dessas funções. Ao criar uma nova camada, é recomendável dar a ela um nome significativo, para encontrá-la com facilidade depois. Para renomear uma camada, clique duas vezes no nome dela e digite o novo nome. Vou digitar “pintura”. Em seguida, basta pressionar Enter ou Return no teclado. Agora vamos usar a nova camada e colocar um pouco de cor nela. Vou até o painel Amostras. Se o painel Amostras não estiver aberto, basta acessar o menu Janela na parte superior da tela para abri-lo. No painel Amostras, vou clicar em uma cor. Você pode usar a cor que preferir. Em seguida, vou passar para o painel Ferramentas e selecionar a ferramenta Pincel. Vou abrir a barra de opções da ferramenta Pincel e clicar no Seletor de Pincel, onde há um controle deslizante de Tamanho que posso arrastar para a direita e mudar o tamanho do pincel. Em seguida, vou passar para a imagem e começar a pintar. Quando começo a pintar o padrão, o Seletor de Pincel fecha. Como a pintura está em uma camada própria no painel Camadas, tenho muita flexibilidade para editar a amostra sem afetar o restante da imagem. Como exemplo, você pode mudar a opacidade da camada "pintura". Com a camada "pintura" selecionada, no topo do painel Camadas, clico na seta à direita de Opacidade. E vou arrastar o controle deslizante de Opacidade para a esquerda. Observe a amostra de pintura enquanto eu altero a opacidade para ver a imagem ficar mais opaca ou mais transparente. Vou clicar em uma área vazia fora do controle deslizante de Opacidade para fechar o controle. Essa é uma maneira simples de mesclar o conteúdo de duas camadas ao mesmo tempo. Por fim: E se você decidisse que não quer o conteúdo da nova camada? Para excluir qualquer camada, basta selecioná-la e pressionar a tecla Delete (Mac) ou Backspace (Windows). E não se preocupe: Você pode desfazer essa ação pressionando Command + Z (Mac) ou Ctrl + Z (Windows) no teclado. E tem uma dica bônus: Há muitos outros comandos relacionados a camadas no menu Painel. Para acessá-lo, basta clicar no ícone Menu no canto superior direito do painel Camadas. Se quiser fazer qualquer outra coisa com suas camadas, como duplicar, por exemplo, conheça este menu. Agora você aprendeu a usar algumas das funções mais comuns das camadas: Mudar a ordem das camadas, criar uma camada baseada em pixels, mudar a opacidade de uma camada e excluir uma camada.
O que você aprendeu: trabalhar com o painel Camadas
- Arraste uma camada para cima ou para baixo no painel Camadas para mudar a ordem dos objetos em camadas na imagem.
- Clique no ícone Criar uma nova camada na parte inferior do painel. Essa camada é transparente até que você adicione algo.
- Para nomear uma camada, clique duas vezes no nome atual dela. Digite um novo nome para a camada. Pressione Enter (Windows) ou Return (macOS).
- Para alterar a opacidade de uma camada, selecione-a no painel Camadas e arraste o controle deslizante Opacidade, que fica próximo à parte superior do painel. Dessa forma, você pode deixar a camada mais ou menos transparente.
- Para excluir uma camada, selecione-a no painel Camadas e pressione Backspace (Windows) ou Delete (macOS).
Altere o tamanho do conteúdo de camadas selecionadas.
Ao criar um design com várias camadas, pode ser necessário redimensionar o conteúdo de uma delas, em vez de redimensionar toda a imagem. Para isso, use o comando Transformar. Se você estiver acompanhando, pode usar esta imagem dos arquivos de prática deste tutorial ou uma imagem sua que tenha várias camadas. Aqui, vamos diminuir o tamanho desta foto de instrumentos de costura. Para começar, acesse o painel Camadas e selecione a camada "foto dos instrumentos", que contém essa foto. Vou clicar na camada para selecioná-la. Em seguida, vou abrir o menu Editar e escolher a ferramenta Transformação livre. Será exibida uma borda ao redor do conteúdo da camada selecionada. Assim, se houver mais elementos na mesma camada, todos eles serão incluídos na borda e redimensionados ao mesmo tempo. Em geral, não queremos distorcer uma imagem enquanto a redimensionamos. Para evitar que isso aconteça, pressione a tecla Shift para restringir as proporções ao clicar no canto ou na borda da imagem e arrastar para aumentar ou diminuir o tamanho dela. A propósito, diminuir o tamanho do conteúdo da camada não causa problemas. Mas, na maioria dos casos, é melhor não aumentar muito o tamanho de conteúdos baseados em pixels, como uma fotografia, pois eles podem ficar desfocados. A última parte é aceitar a alteração feita com o comando Transformar. Para isso, vá até a barra de opções e clique no tique grande que aparece sempre que você usa a Transformação livre. E isso é tudo. Outra ação que você pode realizar é redimensionar o conteúdo de mais de uma camada por vez. Com isso, você economiza tempo, pois pode redimensionar várias imagens para o mesmo tamanho. Vamos supor que você queira diminuir o tamanho da foto dos instrumentos de costura e do costureiro ao mesmo tempo. Elas estão em duas camadas diferentes. Basta ir até o painel Camadas e selecionar as duas. A camada "foto dos instrumentos" já está selecionada. Se a sua não estiver, clique nela. Para adicionar a camada "foto do costureiro" à seleção, pressione a tecla Command (Mac) ou Ctrl (Windows) e clique nela. Como fizemos anteriormente, vou abrir o menu Editar e escolher a ferramenta Transformação livre. Pressione a tecla Shift e clique na borda ou no canto do contorno ao redor das imagens nas duas camadas selecionadas. Arraste para dentro para diminuir o tamanho das duas fotos ao mesmo tempo. Quando terminar, vá até a barra de opções e clique no tique grande para aceitar a alteração. É assim que redimensionamos camadas com a Transformação livre. Não confunda esta técnica com o redimensionamento de uma imagem inteira, que usa o comando Tamanho da imagem no menu de imagem, visto em outro tutorial desta série.
O que você aprendeu: redimensionar camadas
- No painel Camadas, selecione as camadas com as imagens ou os objetos que você pretende redimensionar.
- Selecione Editar > Transformação livre. Uma borda de transformação é exibida ao redor do conteúdo das camadas selecionadas. Pressione a tecla Shift para evitar distorcer o conteúdo e arraste os cantos ou as extremidades até chegar ao tamanho desejado. Arraste dentro da borda de transformação para mover o conteúdo pela imagem. Arraste fora da borda de transformação para girar o conteúdo.
- Clique na marca de seleção na barra de opções e pressione Enter (Windows) ou Return (macOS) para finalizar a alteração.
Coloque mais imagens em um design, cada qual em uma camada própria.
Neste vídeo, você vai aprender a adicionar várias imagens a uma composição no Photoshop CC. Assim como várias coisas no Photoshop CC, há mais de uma maneira de fazer isso. Vamos usar o método Colocar incorporados, que cria automaticamente uma nova camada para cada imagem adicionada, dando flexibilidade para redimensionar e posicionar cada imagem. Se você estiver acompanhando, abra esta imagem do arquivo de práticas deste tutorial. Por enquanto, não abra o outro arquivo de prática com um nome semelhante. Ao usar o comando Colocar incorporados para adicionar outra imagem a esta composição, o Photoshop CC cria automaticamente uma nova camada para a imagem adicionada. Ela fica acima da camada selecionada no momento. Para começar, acesse o painel Camadas e selecione a camada que ficará abaixo da nova camada. Vou selecionar a camada Plano de fundo. Em seguida, abra o menu Arquivo e escolha Colocar incorporados... O Finder ou Explorador de arquivos é aberto, e você pode navegar até o arquivo que deseja adicionar. Se estiver usando os arquivos de prática para download, navegue até eles no computador e escolha este arquivo. Clique no botão Colocar, na parte inferior direita. A foto adicionada aparece na imagem aberta, na janela Documento. Esta foto é maior que a imagem aberta, mas não tem problema. O Photoshop CC redimensiona automaticamente a foto adicionada para que caiba na original. Antes de concluir a ação, diminua o tamanho da foto e coloque-a no lugar desejado na composição. Para diminuir o tamanho da imagem sem distorcê-la, pressione a tecla Shift e arraste qualquer um dos cantos para dentro. Se quiser que a imagem adicionada tenha o tamanho semelhantes ao de uma das demais fotos na composição, use uma delas como guia para ajudar a redimensionar. Vou tirar o dedo do mouse ou trackpad e soltar a tecla Shift. Vou pressionar a tecla Shift, selecionar este canto e arrastar para dentro, para que a foto adicionada tenha mais ou menos o mesmo tamanho que esta outra foto. Em seguida, posicione a foto adicionada no lugar desejado na composição. Para isso, clique dentro da borda e arraste a imagem. Pode ser que essas guias cor-de-rosa, que chamamos de guias inteligentes, apareçam para ajudar você a alinhar a foto adicionada em relação aos demais elementos da composição. Quando encontrar o tamanho e o local ideais para a foto adicionada, vá até a barra de opções e clique no tique grande para finalizar a operação. E isso é tudo. Se você decidir mover a foto adicionada, basta selecionar a camada correspondente a ela, abrir a ferramenta Mover, no painel Ferramentas, e arrastar a foto para outro lugar na composição. Ou, digamos que você queira mexer no tamanho da foto adicionada. Também é possível fazer isso. Basta usar o comando Transformação livre que já vimos em outro vídeo deste tutorial. Então, vamos supor que eu queira que a imagem do meio tenha outro tamanho. Para isso, seleciono a camada dela no painel Camadas, abro o menu Editar e escolho Transformação livre. Depois, pressiono a tecla Shift para restringir as proporções e arrasto um dos cantos para redimensionar a foto. Em seguida, basta clicar no tique na barra de opções para confirmar a operação. Ao usar o comando Colocar incorporados, é necessário prestar atenção a uma coisa. Há algumas edições que não podem ser feitas diretamente no objeto inteligente resultante, criado pelo comando. Os objetos inteligentes contam com muitas funções, mas, por enquanto, vamos ver o que podemos fazer caso isso aconteça. Digamos que eu queira pintar a foto adicionada. Vejo se a camada está selecionada no painel Camadas. No painel Ferramentas, seleciono a ferramenta Pincel. Na imagem, quando clico para pintá-la, é exibida uma mensagem que diz “Este objeto deve ser rasterizado antes de continuar”. Isso significa que, se eu clicar em OK, vou converter minha camada "foto adicionada" em uma camada regular baseada em pixels. E tudo bem se isso acontecer, então clico em OK. Essa é a solução mais simples para que eu possa pintar a foto adicionada. Agora que você sabe como adicionar imagens a uma composição, divirta-se criando seus próprios designs com várias imagens no Photoshop CC.
O que você aprendeu: adicionar imagens a um design
- Selecione Arquivo > Colocar incorporados, navegue até um arquivo de imagem no Explorador de Arquivos (Windows) ou Finder (macOS) e clique em Colocar.
- Pressione a tecla Shift para evitar distorcer a imagem e arraste os cantos da borda para redimensionar a imagem adicionada.
- Arraste dentro da borda para posicionar a imagem no lugar desejado.
- Clique na marca de seleção na barra de opções para finalizar a colocação. Dessa forma, será criada automaticamente uma nova camada com a imagem que você adicionou.
Aprenda a trabalhar com uma camada de plano de fundo especial.
Muitos arquivos têm uma camada de plano de fundo especial. Vamos entender o que é essa camada de plano de fundo e como trabalhar com ela. Se você estiver acompanhando, use este arquivo dos arquivos de práticas deste tutorial. Vamos olhar o painel Camadas. Na parte inferior da pilha, há uma camada chamada Plano de fundo, com a primeira letra maiúscula e um símbolo de cadeado. É assim que você reconhece uma camada de plano de fundo especial. O conteúdo dessa camada é uma foto grande no plano de fundo da imagem, na janela do documento. Uma camada de plano de fundo como esta tem propriedades especiais, diferentes das de uma camada normal. Por exemplo, não é possível mudar a ordem da camada de plano de fundo no painel Camadas. Tente movê-la para cima na pilha de camadas. Selecione-a e arraste para cima. Você verá que não vai conseguir soltá-la acima das outras camadas. Em vez disso, verá esse símbolo de proibido. Quando você tira o dedo do mouse ou do trackpad, a camada Plano de fundo volta para a parte de baixo da pilha. Da mesma maneira, não é possível arrastar outra camada para baixo da camada de plano de fundo no painel. Tente selecionar outra camada e a arraste para baixo da camada de plano de fundo. Você verá o mesmo símbolo. Uma camada de plano de fundo precisa ficar na parte de baixo da pilha, e o conteúdo precisa ficar no fundo da imagem, atrás dos outros elementos. Vamos voltar ao painel Camadas. Selecione novamente a camada Plano de fundo para ver outra coisa que não é possível fazer com ela. Não é possível usar a ferramenta Mover. Vou selecionar a ferramenta Mover no painel Ferramentas. Vou clicar na imagem de fundo e tentar movê-la. É exibida uma mensagem de que a ferramenta Mover não pode ser usada nessa camada, pois ela está bloqueada. Vou clicar em OK para fechá-la. Há algumas outras coisas que não podem ser feitas com a camada de plano de fundo. Por exemplo, não é possível mudar a opacidade da camada, nem ter pixels transparentes nela. Mas, e se você quiser realizar alguma dessas ações na camada de plano de fundo especial? Nesse caso, será necessário converter a camada de plano de fundo em uma camada regular. Esse processo é bem simples. Basta selecionar a camada Plano de fundo e clicar no ícone de cadeado. Quando ele desaparecer, significa que a camada se tornou regular e, agora, será chamada de Camada 0. Como ela é uma camada regular, posso realizar as ações que mencionei anteriormente. Por exemplo, posso mover essa camada com a ferramenta Mover. Com a ferramenta Mover selecionada, vou até a imagem e arrasto a Camada 0 para a direita. Você verá uma transparência atrás dela, pois é a última camada da pilha de camadas. Mas o que fazer se você quiser uma camada de plano de fundo especial, mas seu arquivo não tiver uma? Você pode transformar qualquer camada em uma de plano de fundo especial. Basta abrir o menu Camadas, selecionar Nova > Plano de fundo a partir da camada. Nesse caso, quero criar uma nova camada e transformá-la na camada de plano de fundo. Então, vou até a parte inferior do painel Camadas e clico no botão Criar nova camada. Será criada uma nova Camada 1, que vou arrastar para a parte inferior da pilha. A Camada 1 está vazia, por enquanto. Vou preenchê-la com a cor branca. Para isso, basta ir ao menu Editar e selecionar Preencher... Na caixa de diálogo que é aberta, vou alterar o primeiro menu suspenso para Branco. E clico em OK. Agora nós temos uma camada branca na parte inferior da pilha de camadas. Para convertê-la em uma camada de plano de fundo especial, basta ir ao menu Camadas e selecionar Nova > Plano de fundo a partir da camada. Essa camada será bloqueada. Então, não poderei movê-la nem realizar qualquer ação que mencionei. Ela dá uma base estável para a composição. É importante falar sobre as camadas de plano de fundo, pois você vai se deparar com alguma em breve. Agora, você já sabe o que é uma camada de plano de fundo, quais são as limitações e como trabalhar com elas.
O que você aprendeu: converter uma camada de plano de fundo em uma regular
- Como a camada Plano de fundo fica bloqueada, não é possível movê-la na janela Documento nem reordená-la no painel Camadas. Com isso, algumas funções de edição não funcionam.
- Para converter uma camada Plano de fundo em uma regular, clique no ícone de cadeado à direita do nome da camada no painel Camadas.