Aprenda tudo o que você precisa saber para começar a usar efeitos e estilos de camada no Photoshop CC 2020, incluindo uma olhada nas novas predefinições, gradientes, padrões e mais de estilos de camada do CC 2020!

Neste primeiro tutorial da minha série sobre efeitos de camada do Photoshop, abordarei tudo o que você precisa saber para adicionar efeitos e estilos de camada no Photoshop CC 2020! Começaremos aprendendo a diferença entre um efeito de camada e um estilo de camada, e como usar as predefinições de estilo de camada do Photoshop para adicionar efeitos instantâneos de um clique às suas imagens. Veremos os novos estilos de camada incluídos no Photoshop CC 2020 e mostrarei onde encontrar os estilos ausentes das versões anteriores do Photoshop.

A partir daí, você aprenderá como adicionar e editar seus próprios efeitos de camada e como aproveitar ao máximo os incríveis novos gradientes e padrões do Photoshop CC 2020. Eu mostrarei até como adicionar várias cópias de um efeito à mesma camada, como dimensionar efeitos de camada para se ajustar à sua imagem, como salvar seus efeitos como predefinições de estilo de camada personalizadas e muito mais!

Este tutorial é exclusivo para o Photoshop CC 2020. Portanto, antes de começar, verifique se sua cópia do Photoshop CC está atualizada.

Temos muito o que cobrir, então vamos começar!

Configurando o documento

Se você quiser acompanhar, abra qualquer imagem para usar como plano de fundo e adicione algum texto acima dela. Aqui, estou usando uma textura de fundo que baixei do Adobe Stock e adicionei as palavras "CAMADA" e "EFEITOS". Vou trabalhar com camadas de tipo para este tutorial, mas os efeitos de camada também podem ser aplicados a camadas de pixel e camadas de forma:

O documento original com texto na frente de uma imagem de fundo.

No painel Camadas, vemos a textura na camada Plano de fundo e cada palavra está em sua própria camada de tipo:

O painel Camadas mostrando as três camadas no documento.

O que são efeitos de camada no Photoshop?

Os efeitos de camada são uma coleção de efeitos editáveis ​​e não destrutivos que podem ser aplicados a praticamente qualquer tipo de camada no Photoshop. Existem 10 efeitos de camada diferentes para escolher, mas eles podem ser agrupados em três categorias principais - Sombras e Brilhos, Sobreposições e Traçados . Efeitos de camada são efeitos ao vivo que se vinculam diretamente à camada. Portanto, se você fizer alterações no conteúdo de uma camada, quaisquer efeitos aplicados a essa camada serão atualizados instantaneamente.

O que são estilos de camada?

Embora você ouça com frequência os termos "efeitos de camada" e "estilos de camada" usados ​​de forma intercambiável, os efeitos de camada são os efeitos individuais, como Drop Shadow, Stroke, Outer Glow etc. Um estilo de camada é uma coleção de dois ou mais efeitos de camada trabalhando juntos para criar uma aparência geral maior. Os estilos de camada também incluem as Opções de mesclagem aplicadas à camada, incluindo o modo de mesclagem da camada, juntamente com as configurações atuais de Opacidade e Opacidade de preenchimento.

Quais são os benefícios do uso de efeitos de camada?

Os efeitos de camada são fáceis de usar, totalmente editáveis e totalmente não destrutivos . E eles não acrescentam praticamente nada ao tamanho geral do seu documento do Photoshop. Embora os efeitos de camada sejam usados ​​com mais frequência com o tipo, eles também podem ser usados ​​com imagens e formas vetoriais para adicionar realismo ou criatividade de maneiras que seriam difíceis, se não impossíveis, sem efeitos de camada.

Você pode adicionar vários efeitos a uma única camada, ativar e desativar os efeitos da camada, editar suas configurações e excluir efeitos da camada sem fazer alterações permanentes na sua imagem. Você pode até adicionar efeitos de camada a um grupo inteiro de camadas para aplicar os mesmos efeitos a várias camadas ao mesmo tempo. E você pode combinar efeitos de camada com o tipo para criar incríveis efeitos de texto enquanto mantém seu texto totalmente editável!

Onde encontro os efeitos de camada do Photoshop?

Existem dois locais principais onde você encontrará a lista de efeitos de camada.

O menu Camada

Uma é ir até o menu Camada na barra de menus e escolher Estilo de camada . A partir daí, você verá uma lista de todos os efeitos de camada que você pode escolher, incluindo Bevel & Emboss, Stroke, Inner Shadow e muito mais. Para adicionar um efeito, selecione-o na lista:

Vá para Camada> Estilo da camada para escolher um efeito de camada.

O painel Camadas

A outra maneira mais rápida de adicionar efeitos de camada é clicar no ícone fx na parte inferior do painel Camadas :

Clicando no ícone fx.

E, em seguida, escolhendo na mesma lista de efeitos de camada que vimos na barra de menus:

Adicionando um efeito de camada no painel Camadas.

Por que meus efeitos de camada estão acinzentados?

Se os efeitos no menu Estilo da camada na barra de menus estiverem acinzentados ou o ícone fx no painel Camadas estiver acinzentado, é mais provável que você tenha a camada Fundo selecionada no painel Camadas. O Photoshop não permite adicionar efeitos de camada à camada Plano de fundo, principalmente porque os efeitos da camada funcionam melhor em camadas que incluem áreas de transparência, às quais a camada Plano de fundo não suporta:

Os efeitos da camada não estão disponíveis quando a camada Plano de fundo está ativa.

Portanto, antes de adicionar efeitos de camada, primeiro verifique se a camada correta está selecionada:

Selecionando a camada antes de adicionar efeitos de camada.

Aprenda tudo sobre as camadas com o nosso Guia de aprendizado de camadas!

Como usar as predefinições de estilo de camada do Photoshop

Antes de começarmos a adicionar nossos próprios efeitos de camada, vejamos como usar as predefinições de estilo de camada do Photoshop. Uma predefinição de estilo de camada é como um efeito de um clique pronto. Você apenas clica em um estilo de camada para selecioná-lo e o efeito é aplicado instantaneamente à sua camada. Existem muitos estilos predefinidos para escolher, e o Photoshop CC 2020 adiciona ainda mais! E todos eles são encontrados no painel Estilos do Photoshop.

Se você não estiver vendo o painel Estilos na tela, abra-o acessando o menu Janela na barra de menus e escolhendo Estilos :

Vá para Janela> Estilos.

Os novos estilos de camada padrão no Photoshop CC 2020

O Photoshop CC 2020 apresenta todos os novos estilos de camada padrão, e os novos estilos são agrupados em um dos quatro conjuntos: Básico, Natural, Peles e Tecido . Cada conjunto possui sua própria pasta no painel Estilos e cada estilo de camada é representado por uma miniatura.

Por padrão, todas as quatro pastas são abertas e o tamanho da miniatura é definido como Grande . Portanto, para visualizar todos os estilos, você precisará rolar a lista para baixo:

O layout do painel Estilos padrão no Photoshop CC 2020.

Personalizando o painel Estilos

Para visualizar mais estilos de camada ao mesmo tempo, você pode alterar o tamanho das miniaturas. Clique no ícone do menu no canto superior direito do painel Estilos:

Abrindo o menu do painel Estilos.

E, em seguida, escolha Miniatura pequena :

Escolhendo o tamanho da miniatura pequena.

E agora as miniaturas parecem muito menores:

Mais estilos de camada agora são visíveis de uma só vez.

Gorjeta! Como rodar todas as pastas abertas ou fechadas de uma só vez

Cada conjunto no painel Estilos pode ser girado para abrir ou fechar clicando na seta à esquerda do seu ícone de pasta. Ou você pode girar todas as pastas para abrir ou fechar de uma só vez, mantendo pressionada a tecla Ctrl (Win) / Command (Mac) no teclado enquanto clica em uma das setas.

Aqui fechei todas as pastas, facilitando a visualização dos quatro conjuntos novos padrão:

Segure Ctrl (Win) / Command (Mac) para fechar todas as pastas de uma vez.

Em seguida, para abrir apenas a pasta que você precisa, solte seu Ctrl (Win) / Command (Mac) e clique na seta. Vou abrir a pasta Natural :

Abrindo uma única pasta clicando em sua seta.

Como aplicar uma predefinição de estilo de camada

Para aplicar um dos estilos de camada na pasta, basta clicar na miniatura. Vou selecionar o novo estilo Sea :

Clicando em um estilo de camada para aplicá-lo.

O estilo é aplicado instantaneamente à sua camada selecionada, e aqui temos esse tipo de efeito escuro e subaquático:

O resultado após a aplicação de um dos estilos de camada predefinidos do Photoshop.

E no painel Camadas, todos os efeitos de camada individuais que compõem o estilo aparecem listados abaixo da camada. Portanto, esse estilo de uma camada é realmente o resultado de (neste caso) efeitos de sete camadas trabalhando juntos:

Um estilo de camada única pode incluir vários efeitos de camada.

Crie um efeito de texto com tinta spray com os efeitos de camada do Photoshop!

Escolhendo um estilo de camada diferente

Para escolher um estilo diferente, basta clicar em uma miniatura diferente. Vou tentar outro estilo do conjunto Natural, como Wood :

Selecionando uma predefinição de estilo diferente.

O novo estilo de camada substitui o anterior, e agora meu texto é preenchido com este efeito de grão de madeira:

Novos estilos de camada substituem instantaneamente o estilo anterior.

E os efeitos que compõem o novo estilo aparecem abaixo da camada:

Estilos de camada diferentes usam efeitos diferentes.

Escolhendo estilos de camada de um conjunto diferente

Fecharei o conjunto Natural clicando na seta ao lado da pasta. Então eu vou abrir o set Fur e clicar no estilo Zebra :

Selecionando um estilo diferente de um conjunto diferente.

E desta vez, meu texto é preenchido com listras de zebra:

Outro novo estilo de camada padrão no Photoshop CC 2020.

E, novamente, vemos a lista de efeitos abaixo da camada:

Os efeitos que compõem o estilo da camada Zebra.

Crie texto retro dos anos 80 com efeitos de camada!

Expandindo e recolhendo a lista de efeitos de camada

Para liberar espaço no painel Camadas, você pode recolher a lista de efeitos de camada clicando na pequena seta ao lado do ícone fx na extremidade direita da camada. Clique na seta novamente para expandir a lista. Isso não ativa ou desativa os efeitos. É apenas uma maneira de impedir que o painel Camadas fique desorganizado, especialmente quando você tem várias camadas com efeitos aplicados:

Clique na seta para expandir ou recolher a lista de efeitos.

Como carregar mais estilos de camada no Photoshop CC 2020

À primeira vista, parece que o Photoshop CC 2020 não inclui muitas predefinições de estilo de camada. E se você atualizou de uma versão anterior do Photoshop, pode estar se perguntando o que aconteceu com os estilos predefinidos originais que fazem parte do Photoshop há anos. Todos os estilos predefinidos das versões anteriores ainda estão disponíveis no CC 2020, junto com ainda mais estilos novos. Para acessá-los, basta carregá-los no painel Estilos.

Clique no ícone de menu do painel Estilos:

Abrindo o menu do painel Estilos.

E escolha Estilos herdados e muito mais :

Escolha "Estilos herdados e muito mais" no menu.

Isso adiciona uma pasta "Estilos herdados e mais" abaixo das pastas padrão:

Uma nova pasta "Estilos herdados e mais" é exibida.

Gire a pasta para abrir e você encontrará mais duas pastas dentro dela. A pasta Estilos de 2019 contém mais novos estilos de camada para experimentar. E a pasta Todos os estilos padrão herdados contém todas as predefinições de estilo de camada originais das versões anteriores do Photoshop:

Os conjuntos "Estilos 2019" e "Todos os estilos padrão herdados" são definidos.

Os estilos de 2019

Os estilos de camada na pasta Estilos de 2019 são divididos em vários conjuntos, incluindo Gel, Vidro, Grunge, Chrome, Metálico e 3D. Vou abrir o conjunto do Chrome e depois seleciono o estilo Bling :

Escolhendo uma das novas predefinições de estilo de camada na pasta Estilos de 2019.

E como você esperaria de algo chamado Bling, temos esse efeito brilhante e exagerado:

O resultado do estilo da camada Bling.

E se eu abrir a pasta 3D e escolher o estilo Duplicatas próximo à parte inferior:

Escolhendo um estilo do conjunto 3D.

Temos esse efeito completamente diferente, com duplicatas do texto aparecendo atrás dele em cores diferentes:

O resultado do estilo da camada Duplicatas.

Os estilos padrão herdados

Para usar qualquer um dos estilos de camada das versões anteriores do Photoshop, abra a pasta Todos os estilos padrão herdados e você encontrará todos os estilos originais, novamente divididos em conjuntos.

Selecionarei o estilo Cetim cromado no conjunto de Estilos padrão herdados :

Escolhendo um estilo de camada herdado.

E agora temos esse clássico efeito de cromo do Photoshop:

O legado efeito Cetim Cromado.

Como ativar e desativar os efeitos da camada

Uma maneira fácil de ver como cada efeito de camada contribui para a aparência geral do estilo é ativar e desativar os efeitos individuais, o que você pode fazer clicando no ícone de visibilidade (o globo ocular) à esquerda de seus nomes.

Por exemplo, se eu desativar a Sobreposição de degradê no estilo Cetim cromado:

Desativando um dos efeitos no estilo da camada.

O gradiente de laranja e azul nas letras desaparece, deixando apenas os efeitos de sombreamento e a sombra atrás do texto:

O estilo da camada com a Sobreposição de gradiente desativada.

Para ativar o efeito novamente, clique no ponto vazio ao lado do nome do efeito:

Ativando a sobreposição de gradiente novamente.

E o gradiente reaparece:

O mesmo estilo de camada com a Sobreposição de gradiente ativada.

Como alternar todos os efeitos da camada de uma só vez

Para desativar todos os efeitos de camada de uma vez, clique no ícone de visibilidade principal ao lado da palavra "Efeitos". Clique novamente para ativar os efeitos novamente:

Ativar e desativar todos os efeitos da camada.

Como mover e copiar estilos de camada

Para copiar um estilo de camada de uma camada e colá-lo em uma camada diferente, clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) no ícone fx na camada que contém o estilo que você deseja copiar:

Clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) no ícone "fx".

E escolha Copiar estilo de camada no menu:

Escolhendo "Copiar estilo de camada".

Em seguida , clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) na camada em que deseja colar o estilo:

Clique com o botão direito / Control pressionado em uma camada diferente.

E escolha Colar estilo de camada :

Escolhendo "Colar estilo de camada".

E agora o mesmo estilo de camada é aplicado às duas camadas:

O resultado após copiar e colar o estilo da camada.

Como limpar um estilo de camada

Para remover um estilo de camada, limpe -o clicando com o botão direito do mouse (Win) / clicando com a tecla Control pressionada (Mac) no ícone fx da camada:

Clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) no ícone "fx".

E escolhendo Clear Layer Style :

Escolhendo "Limpar estilo de camada".

E agora estou de volta aos efeitos sendo aplicados apenas à camada de texto superior:

O estilo da camada foi apagado do texto inferior.

Como mover efeitos de camada para uma camada diferente

Se você deseja apenas mover os efeitos para uma camada diferente, clique no ícone fx na camada que contém os efeitos, arraste-o para a outra camada e solte o botão do mouse:

Arrastando o ícone "fx" de uma camada para outra.

Os efeitos são instantaneamente movidos da camada original para a nova camada:

Os efeitos foram movidos da camada de texto superior para a inferior.

Aprenda 5 maneiras fáceis de mover imagens entre documentos do Photoshop!

Uma maneira mais rápida de copiar efeitos de camada

E se você pressionar e segurar a tecla Alt (Win) / Option (Mac) no teclado enquanto arrasta o ícone fx :

Segure Alt (Win) / Option (Mac) enquanto arrasta o ícone "fx".

Você copiará, em vez de mover, os efeitos de uma camada para a outra. Abordo mais sobre a cópia de efeitos de camada no meu tutorial Como copiar efeitos de camada:

Os efeitos são aplicados novamente às duas camadas de tipo.

Como editar um efeito dentro de um estilo de camada

Observe que, após copiar o mesmo estilo de camada do Chrome para as duas camadas de texto, o gradiente parece exatamente o mesmo nas duas letras, passando de laranja na parte inferior a azul na parte superior. E se eu quisesse virar o gradiente no texto de baixo? Vamos ver como adicionar e editar efeitos de camada com mais detalhes em um momento. Mas, para editar as configurações de qualquer efeito em um estilo de camada, clique duas vezes no nome do efeito abaixo da camada.

Por exemplo, quero editar o gradiente, então clico duas vezes no efeito Gradient Overlay :

Clique duas vezes no efeito que quero editar.

O Photoshop abre a caixa de diálogo Estilo de camada e, no centro da caixa de diálogo, estão as configurações para o efeito:

A caixa de diálogo Estilo de camada é aberta para as configurações do efeito de camada.

Para inverter as cores no gradiente, tudo o que preciso fazer é selecionar a opção Reverse . Depois, clique em OK para fechar a caixa de diálogo:

Selecionando Reverse para inverter as cores de gradiente.

E agora as cores de gradiente no texto inferior estão invertidas:

O efeito após a reversão das cores na Sobreposição de degradê.

Como limpar estilos de camada de várias camadas ao mesmo tempo

Anteriormente, aprendemos como limpar um estilo de camada de uma única camada. Para limpar os estilos de duas ou mais camadas ao mesmo tempo, clique em uma camada, selecione-a e mantenha pressionada a tecla Ctrl (Win) / Command (Mac) e clique nas outras camadas para selecioná-las:

Selecionando duas camadas ao mesmo tempo no painel Camadas.

Em seguida , clique com o botão direito do mouse (Win) / clique com a tecla Control pressionada (Mac) em qualquer uma das camadas selecionadas e escolha Limpar estilo de camada no menu:

Escolhendo o comando "Clear Layer Style".

E agora estou de volta às minhas letras brancas lisas na frente do fundo azul:

O resultado após limpar os estilos de camada das duas camadas de tipo.

Como dimensionar efeitos de camada no Photoshop

Às vezes, você aplica um estilo de camada e o efeito parece muito grande ou muito pequeno para o conteúdo da camada. Isso ocorre porque o resultado obtido com os efeitos da camada depende muito do tamanho da sua imagem. As imagens maiores geralmente precisam de configurações diferentes das imagens menores para obter a mesma aparência. Mas você pode corrigir qualquer problema de tamanho dimensionando os efeitos para qualquer tamanho que você precisar.

Por exemplo, no painel Camadas, selecionarei minha camada de texto superior:

Selecionando a camada superior no painel Camadas.

E então, no painel Estilos, abrirei o conjunto KS Styles (encontrado na pasta Todos os estilos padrão herdados) e escolherei o estilo Frosted :

Escolhendo o estilo da camada Frosted.

Isso instantaneamente dá ao texto uma aparência congelada e gelada. Mas, embora seja um efeito interessante (trocadilhos), também parece um pouco esmagador, como se o efeito fosse muito grande para o tamanho das letras:

O resultado após a aplicação do estilo da camada Frosted.

Para consertar isso, podemos dimensionar os efeitos. Uma maneira de dimensionar os efeitos da camada é ir até o menu Camada na barra de menus, escolher Estilo da camada e escolher Efeitos da escala :

Vá para Camada> Estilo da camada> Efeitos de escala.

E o outro é clicar com o botão direito do mouse (Win) / clicar com a tecla Control pressionada (Mac) no ícone fx da camada:

Clique com o botão direito / Control no ícone "fx".

E escolhendo Efeitos de escala no menu:

Escolha "Efeitos de escala" no menu "FX".

Em seguida, na caixa de diálogo Efeitos da camada de escala, ajuste o valor da escala à quantidade necessária. Vou diminuir o meu de 100% para 60%. Verifique se a caixa Visualizar está marcada para que você possa visualizar os resultados ao ajustar o valor. Quando terminar, clique em OK para fechar a caixa de diálogo:

Ajustando a quantidade da balança.

E aqui está o resultado com o mesmo estilo Frosted dimensionado para 60% do seu tamanho original. Observe que o tamanho do texto em si não mudou. Somente os efeitos aplicados ao texto foram redimensionados:

O resultado após dimensionar os efeitos.

Como redimensionar imagens sem perder qualidade com os Smart Objects!

Os estilos de camada podem incluir mais do que apenas efeitos

Antes de prosseguirmos, observe no painel Camadas que, juntamente com os efeitos, esse estilo de camada também reduziu o valor de preenchimento da camada de 100% para 56%:

O estilo da camada também alterou o valor de preenchimento da camada.

Vamos ver o que o valor de preenchimento significa em um momento. Mas um estilo de camada pode incluir não apenas efeitos, mas também as Opções de mesclagem da camada, que incluem os valores Opacidade e Preenchimento, juntamente com o modo de mesclagem da camada:

Os valores Blend Mode, Opacity e Fill podem fazer parte de um estilo de camada.

Mais uma maneira de limpar um estilo de camada

E aqui está mais uma maneira de limpar um estilo de camada no Photoshop CC 2020. No painel Camadas, verifique se a camada correta está selecionada. Em seguida, no painel Estilos, abra a pasta Basics e escolha o estilo padrão, que é None . É a miniatura branca com a linha diagonal vermelha:

Selecionando "Nenhum" na pasta Básica.

E depois de limpar o estilo, volto ao texto em branco. E esse é o básico do uso de predefinições de estilo de camada no Photoshop!

O resultado após definir o estilo da camada como "Nenhum".

Como adicionar efeitos de camada no Photoshop

Então agora que sabemos como usar as predefinições de estilo de camada do Photoshop, vamos aprender como adicionar nossos próprios efeitos de camada individuais. Não abordaremos todos os efeitos de camada e todas as configurações, mas você terá uma boa compreensão de como os efeitos de camada funcionam. E abordarei efeitos específicos com mais detalhes em outros tutoriais desta série.

Escolhendo um efeito de camada

Primeiro, no painel Camadas, selecione a camada em que deseja aplicar um ou mais efeitos. Selecionarei minha camada de texto superior:

Selecionando a camada de texto superior.

Em seguida, clique no ícone Efeitos de camada (o ícone fx ):

Clicando no ícone "fx".

E escolha um efeito de camada da lista. Vou começar com o Drop Shadow :

Adicionando um efeito de camada Drop Shadow.

Caixa de diálogo Estilo de camada do Photoshop

A escolha de qualquer efeito abre a caixa de diálogo Estilo de camada . E porque eu selecionei Drop Shadow, a caixa de diálogo se abre para as configurações de Drop Shadow para que eu possa personalizar a aparência do efeito:

A caixa de diálogo Estilo de camada mostrando as configurações do efeito de camada selecionado.

Restaurando as configurações padrão do efeito de camada

A caixa de diálogo Estilo de camada lembra as últimas configurações aplicadas. Portanto, antes de começar a personalizar um efeito, geralmente é uma boa ideia restaurar as configurações padrão clicando no botão Redefinir para o padrão :

A caixa de diálogo Layer Style no Photoshop.

Como personalizar um efeito de camada

Em seguida, você pode ajustar as configurações do efeito para criar a aparência necessária. Cada efeito de camada tem suas próprias configurações exclusivas para esse efeito específico.

Por exemplo, com o Drop Shadow, você pode arrastar o controle deslizante Opacidade para ajustar a intensidade da sombra. Você pode alterar o Blend Mode do efeito (embora Multiply geralmente funcione melhor para sombras). E você pode clicar na amostra de cores para escolher uma cor diferente para a sombra. Preto é a cor da sombra padrão, mas às vezes uma cor diferente funciona melhor:

As opções de Opacidade, Modo de mesclagem e Cor do Drop Shadow.

A opção Ângulo permite ajustar a direção da fonte de luz, e a sombra aparecerá na direção oposta. Portanto, se a luz estiver vindo do canto superior esquerdo, a sombra aparecerá no canto inferior direito. Você pode alterar o ângulo clicando e arrastando dentro do mostrador radial ou inserindo um valor específico:

Use a opção Ângulo para ajustar a fonte de luz da sombra.

Usar luz global

A opção Usar luz global permite que todos os efeitos de camada que exigem uma fonte de luz compartilhem a mesma fonte de luz, para que a iluminação apareça uniforme durante todo o efeito geral. Você encontrará essa opção não apenas nas configurações de Drop Shadow, mas também nas configurações de Bevel & Emboss e Inner Shadow. Na maioria dos casos, você deseja deixar Usar a luz global ativada, que é por padrão:

"Usar luz global" mantém a fonte de luz consistente com diferentes efeitos.

O valor Distância controla a distância que a sombra se estende do conteúdo da camada. Por exemplo, ao aplicar uma sombra projetada a uma camada de texto, a Distância controla a distância que a sombra se estende das letras.

E o valor Tamanho controla o tamanho geral da sombra. Quando o valor de propagação é definido como 0%, aumentar o valor de tamanho suaviza as bordas da sombra. E aumentar o valor de propagação preenche a sombra e a torna mais opaca:

As opções Distância, Extensão e Tamanho.

Aumentarei a opacidade da sombra para 40%, a distância para 90px e o tamanho para 40px :

Personalizando as configurações de Sombra projetada.

Como aceitar suas configurações

Se você estiver satisfeito com as configurações e esse for o único efeito de camada que você precisa aplicar, clique em OK para aceitar suas configurações e feche a caixa de diálogo Estilo de camada:

Clique em OK para fechar a caixa de diálogo.

Crie texto borrado editável com o Drop Shadows!

Como editar um efeito de camada

No documento, a sombra projetada aparece atrás das letras na palavra "CAMADA":

O resultado após adicionar um sombreamento à palavra "LAYER".

E no painel Camadas, o Drop Shadow agora está listado como um efeito abaixo da camada. Para editar um efeito de camada, clique duas vezes no nome do efeito:

Clique duas vezes nas palavras "Drop Shadow".

O Photoshop reabre a caixa de diálogo Estilo de camada para as configurações atuais do efeito, para que você possa fazer as alterações necessárias. Os efeitos de camada são totalmente não destrutivos, portanto você não perderá a qualidade da imagem, independentemente de quantas alterações fizer.

Aumentarei a opacidade da sombra para 50% e aumentarei a distância para 100px . Mas ainda não fecharei a caixa de diálogo Estilo de camada, porque tenho outros efeitos de camada que desejo adicionar:

Editando as configurações de Drop Shadow.

Após editar o efeito, a sombra fica mais visível atrás das letras:

O resultado após editar as configurações de Sombra projetada.

Adicionando mais efeitos na caixa de diálogo Layer Style

Sabemos que podemos adicionar efeitos de camada clicando no ícone fx no painel Camadas. Mas se a caixa de diálogo Estilo de camada estiver aberta, você poderá adicionar mais efeitos, selecionando-os na coluna à esquerda:

A lista de efeitos na caixa de diálogo Layer Style.

Como mostrar efeitos ausentes

Se alguns dos efeitos da camada estiverem ausentes na lista, clique no botão fx no canto inferior esquerdo da caixa de diálogo:

Clicando no botão "fx".

E escolha Mostrar todos os efeitos :

Escolha "Mostrar todos os efeitos" no menu.

As categorias de efeitos de camada

Como mencionei anteriormente, os efeitos de camada do Photoshop podem ser agrupados em três categorias principais. Temos efeitos de sombra e brilho, que incluem chanfro e relevo, sombra interna, brilho interno, cetim, brilho externo e sombra de gota. Observe que Contorno e Textura listados abaixo de Chanfro e gravação fazem parte do efeito Chanfro e gravação, e é por isso que eles são recuados à direita:

Os efeitos da camada Sombras e Brilhos.

Também temos efeitos de sobreposição (sobreposição de cores, sobreposição de gradiente e sobreposição de padrões):

Os efeitos da camada de sobreposição.

E temos o Stroke, que adiciona um contorno ou borda ao redor do conteúdo da camada:

O efeito da camada Stroke.

Ordem de empilhamento do efeito de camada do Photoshop

Observe a ordem na qual os efeitos da camada estão listados. Nas versões mais recentes do Photoshop, os efeitos de camada agora estão listados na ordem em que são aplicados, de baixo para cima. Portanto, uma sombra projetada é sempre aplicada primeiro e, em seguida, um brilho externo é aplicado acima dela. Em seguida, haveria os efeitos Overlay (Pattern, Gradient e Color), seguidos por Satin, Inner Glow, Inner Shadow e Stroke. E o efeito Chanfro e gravação é sempre aplicado por último, além dos outros efeitos que aplicamos.

Além disso, Drop Shadow e Outer Glow são os únicos dois efeitos de camada que aparecem abaixo do conteúdo da camada. Todos os outros efeitos aparecem acima do conteúdo. Saber a ordem de empilhamento dos efeitos da camada pode parecer trivial, mas pode ajudar a entender por que seus efeitos não estão fornecendo os resultados esperados:

Os efeitos de camada são sempre aplicados em ordem de baixo para cima.

Adicionando um segundo efeito de camada

Para adicionar outro efeito de camada, clique no seu nome na lista. Vou adicionar um Stroke :

Adicionando um efeito de camada Stroke.

Personalizando o efeito Stroke

Nas configurações de Stroke, começarei mais uma vez clicando no botão Redefinir para padrão para restaurar os valores padrão:

Redefinindo as configurações padrão do Stroke.

Depois, alterarei a cor do traço clicando na amostra de cores :

Clicando na amostra de cores do Stroke.

E no Seletor de cores, escolherei um tom de laranja definindo o valor de Matiz ( H ) como 25, o valor de Saturação ( S ) como 100 e o valor de Brilho ( B ) também como 100 . Depois, clique em OK para fechar o Seletor de cores:

Escolhendo uma nova cor para o Stroke.

A opção Posição permite alinhar o traçado à borda interna ou externa do conteúdo da camada. Ou você pode centralizar o traçado ao longo da borda. Eu vou escolher lá fora. E a opção Tamanho é onde definimos a largura ou espessura do traçado. Aumentarei o tamanho para 20 px :

Definir o tamanho e a posição do curso.

Novamente, deixarei a caixa de diálogo Estilo de camada aberta. E aqui está o efeito com o traço laranja e a sombra aplicada ao texto superior:

O resultado com o traçado e a sombra projetada aplicada.

Como criar Texto Dourado com efeitos de camada!

As opções de mesclagem

Juntamente com a seleção e edição de efeitos, a caixa de diálogo Estilo de camada também nos dá acesso às opções de mesclagem da camada. Clique na categoria Opções de mesclagem acima dos efeitos na coluna esquerda:

Abrindo as opções de mesclagem.

A partir daqui, podemos acessar as mesmas configurações de Blend Mode, Opacity e Fill que são encontradas no painel Layers. Também temos algumas opções avançadas de mesclagem que veremos em outros tutoriais:

Você pode alterar o Blend Mode, Opacity ou Fill na caixa de diálogo Layer Style.

Como ocultar o conteúdo da camada e visualizar apenas os efeitos

Um grande truque que podemos fazer com as opções de mesclagem é que podemos ocultar o conteúdo real de uma camada e visualizar apenas os efeitos da camada. Você pode fazer isso na caixa de diálogo Estilo de camada ou no painel Camadas.

Se eu abaixar o valor da opacidade de 100% até 0% :

Reduzindo o valor de Opacidade para 0%.

Os efeitos de texto e de camada aplicados ao texto desaparecem:

A redução da opacidade tornou a camada e os efeitos da camada transparentes.

Mas se eu definir a Opacidade de volta a 100% e diminuir o valor de Preenchimento (ou Opacidade de preenchimento na caixa de diálogo Estilo de camada) para 0% :

Reduzindo o valor de Opacidade de preenchimento para 0%.

Dessa vez, o próprio texto desaparece, mas os efeitos da camada permanecem visíveis, permitindo ver através das letras a imagem de plano de fundo azul por trás delas. Portanto, o valor de Opacidade afeta a transparência do conteúdo da camada e de quaisquer efeitos da camada, e o valor Preenchimento afeta a transparência apenas do conteúdo da camada. Confira meu tutorial Opacidade de camada versus preenchimento para saber mais:

O resultado após a redução do valor de preenchimento para 0%.

Misture texto em nuvens com as opções de mesclagem avançada do Photoshop!

Fechando a caixa de diálogo Layer Style

Por enquanto, fecharei a caixa de diálogo Layer Style clicando em OK:

Clique em OK para fechar a caixa de diálogo.

E no painel Camadas, vemos o Stroke e o Drop Shadow listados como efeitos abaixo da camada. Observe que o valor de preenchimento também está definido como 0%, pois eu o reduzi na caixa de diálogo Layer Style:

O painel Camadas mostrando os dois efeitos de camada mais o novo valor de preenchimento.

Novos gradientes e padrões no Photoshop CC 2020

Juntamente com os novos estilos de camada, o Photoshop CC 2020 também inclui novos gradientes e padrões, os quais podem ser aplicados como efeitos de camada. Mas, para acessar todos os gradientes e padrões, primeiro precisamos visitar os painéis Gradientes e Padrões, que também são novos no CC 2020.

Como carregar mais padrões

Primeiro, mude para o painel Padrões . Você o encontrará aninhado nos painéis Cor e Amostras. Assim como no painel Estilos, os novos padrões são divididos em conjuntos que podem ser girados abertos e fechados. Porém, por padrão, existem apenas alguns conjuntos de padrões para escolher (Árvores, Grama e Água).

Para carregar mais padrões, clique no ícone de menu do painel Padrões:

Clique no ícone de menu do painel Padrões.

E escolha Padrões legados e muito mais :

Escolhendo "Padrões legados e muito mais".

Uma nova pasta chamada "Legacy Patterns and More" aparece abaixo dos conjuntos de padrões padrão. E se você girar a pasta para abrir, encontrará mais duas pastas dentro dela. Um contém mais novos padrões a partir de 2019 e o outro contém todos os padrões originais de versões anteriores do Photoshop. Todos esses padrões agora estarão disponíveis na caixa de diálogo Layer Style:

Todos os padrões do Photoshop estão agora disponíveis.

Como carregar mais gradientes

Em seguida, mude para o novo painel Gradientes, aninhado ao lado do painel Padrões. Aqui você encontrará muitos e muitos gradientes para escolher no CC 2020, novamente divididos em conjuntos.

Mas se você também quiser acessar os gradientes anteriores de versões anteriores do Photoshop, clique no ícone de menu do painel Gradientes:

Clique no ícone de menu do painel Gradientes.

E escolha Gradientes herdados :

Carregando os gradientes herdados no Photoshop CC 2020.

Uma pasta "Gradientes herdados" aparece abaixo dos gradientes padrão e agora estarão disponíveis na caixa de diálogo Estilo de camada:

Os gradientes herdados foram carregados.

Adicionando um efeito de Sobreposição de Padrão

Gradientes e padrões podem ser aplicados a camadas como efeitos de sobreposição. Para adicionar um padrão, clique no ícone fx na parte inferior do painel Camadas:

Clique no ícone Efeitos de camada.

E escolha Pattern Overlay :

Adicionando um efeito de Sobreposição de Padrão.

Na caixa de diálogo Layer Style, clique na amostra de padrão :

Clicando na amostra nas configurações de Sobreposição de padrão.

E então role pelos conjuntos para escolher um padrão. Vou abrir a pasta Legacy Patterns and More, depois a pasta Patterns 2019 e a pasta Stone, e selecionarei o padrão Stone Marble clicando em sua miniatura. Observe que você pode arrastar a janela de seleção de padrões para maior se necessário:

Selecionando um dos novos padrões no Photoshop CC 2020.

E agora meu texto é preenchido com um padrão de mármore:

O resultado após a aplicação de uma sobreposição de padrão no texto.

Adicionando um efeito Gradient Overlay

Para adicionar um gradiente, com a caixa de diálogo Layer Style ainda aberta, escolha Gradient Overlay na coluna esquerda:

Adicionando um efeito Gradient Overlay.

E, em seguida, clique na pequena seta ao lado da amostra de gradiente. Não clique na amostra em si ou você abrirá o Editor de Gradiente do Photoshop. Queremos apenas escolher as predefinições de gradiente, então clique na seta:

Clicando na seta ao lado da amostra de gradiente.

Em seguida, role pelos conjuntos para escolher um gradiente. Vou abrir a pasta Laranjas e selecionar o gradiente Orange 10 clicando em sua miniatura:

Selecionando um dos novos gradientes no Photoshop CC 2020.

E aqui está o meu texto com o gradiente aplicado. Mas observe que o gradiente está impedindo a exibição do padrão. Isso ocorre porque os gradientes sempre são aplicados acima dos padrões, como aprendemos anteriormente quando analisamos a ordem de empilhamento do efeito da camada:

O gradiente está atualmente bloqueando o padrão abaixo dele.

Alterando o modo de mesclagem de um efeito de camada

Para misturar o gradiente com o padrão, vá até a opção Blend Mode nas configurações Gradient Overlay e escolha um novo modo de blend na lista. Eu vou escolher Linear Burn :

Definir o efeito Gradient Overlay para Linear Burn.

E agora as cores do gradiente estão se misturando com o padrão abaixo:

A Sobreposição de gradiente agora combina com o efeito Sobreposição de padrão.

Obtenha meu Guia completo dos modos de mesclagem de camadas ao baixar este tutorial em PDF!

Como adicionar várias cópias do mesmo efeito de camada

Se você observar os efeitos à esquerda da caixa de diálogo Estilo de camada, notará que alguns efeitos ( Traçado, Sombra interna, Sobreposição de cores, Sobreposição de gradiente e Sombra projetada ) têm um sinal de adição à direita. O sinal de adição significa que podemos adicionar várias cópias do efeito à mesma camada:

O Photoshop permite adicionar várias cópias de determinados efeitos.

Editando o primeiro efeito Stroke

Vejamos como adicionar um segundo golpe. Mas, primeiro, quero alterar a cor do meu traçado existente, então selecionarei novamente Traçado da lista:

Selecionando novamente o efeito da camada Stroke atual.

Depois clico na amostra de cores do traço:

Alterando a cor do primeiro traçado.

E no Color Picker, vou escolher branco :

Escolhendo o branco no Seletor de cores.

Vou deixar a posição desse curso definida como Fora :

Deixando a posição do traço definida para Fora.

E aqui vemos o texto com a cor do traçado alterada para branco:

O resultado após alterar a cor do traçado.

Adicionando um segundo efeito Stroke

Para adicionar um segundo traçado à mesma camada, clique no sinal de mais :

Clicando no sinal de adição para adicionar outro traçado.

O Photoshop adiciona o novo efeito Stroke acima do primeiro, o que significa que está acima do traço original no documento:

Um segundo golpe é adicionado.

Editando o segundo traço

No momento, os dois movimentos são exatamente os mesmos. Então, no meu segundo traçado, mudarei sua cor para preto clicando na amostra de cores :

Clicando na amostra de cores para o segundo traçado.

E escolhendo preto no Seletor de cores:

Definir o novo traçado para preto.

Mas observe que o novo traçado está bloqueando a visualização original. Em vez de ver um traço branco e um traço preto ao redor do texto, tudo o que vemos é preto:

O traço preto aparece, mas o traço branco está ausente.

O motivo é que os dois traços têm sua Posição definida como Externa, o que significa que ambos estão alinhados com as bordas externas das letras. E como os dois traços têm o mesmo tamanho (20px), o segundo está bloqueando o primeiro.

Para corrigir isso, alterarei a Posição do segundo traço para Interior para que ele se alinhe às bordas internas das letras. E vou diminuir o tamanho do traçado de 20 px para 10 px :

Alterando a posição do segundo curso para Interior e diminuindo seu tamanho.

And now, we have a white 20px stroke around the outside of the text, and a black 10px stroke along the inside. You can add up to 10 strokes to the same layer:

Both strokes are now visible around the letters.

Saving your effects as a custom layer style preset

Finally, to save your layer effects as a new style preset, click the New Style button on the right of the Layer Style dialog box:

Clicking the "New Style" button.

And then give your preset a name. I'll name mine "2 Strokes + Orange + Marble ". Make sure Include Layer Effects is checked, and if you've used any custom blend settings, check Include Layer Blending Options as well. You can also add the new style to your Creative Cloud library:

Saving the new layer style preset.

Click OK to close the New Style dialog box, and then click OK to close the Layer Style dialog box.

Switch over to your Styles panel, and you'll find a thumbnail for your new style below the folders:

The new style appears in the Styles panel.

Creating your own layer styles folder

To keep the Styles panel organized, add your custom styles to a separate folder. Click the Create New Group icon at the bottom of the Styles panel:

Clicking the "Create New Group" icon.

And then give the group a name, like "My Styles". Click OK to accept it:

Naming the new group.

The new folder appears below the others. Click on your layer style's thumbnail and drag it into the folder:

Dragging the custom style into the "My Styles" folder.

How to apply your custom layer style

To apply any of your custom styles to a layer, first select the layer in the Layers panel:

Selecting the layer where the custom style will be applied.

Then in the Styles panel, just click on the style's thumbnail:

Selecting the custom style.

And the entire effect is instantly applied to the layer:

The result after applying the custom style to the second type layer.

E aí temos que! That's everything you need to know to start using layer effects and layer styles in Photoshop CC 2020! Confira nossa seção de Noções básicas do Photoshop para mais tutoriais. E não se esqueça, todos os nossos tutoriais do Photoshop estão disponíveis para download em PDF!

Categoria:

Noções básicas do Photoshop