O sombreamento de texto no Photoshop ajudará você a criar uma sensação mais maravilhosa para o seu texto, evitando o fenômeno chato em comparação com os tipos de letra convencionais. Este artigo do WebTech360 ajudará você a aprender facilmente como criar sombras de texto no Photoshop com manipulações simples, mas extremamente bonitas e marcantes!
Usos da criação de sombras de texto no Photoshop
A criação de sombras de texto no Photoshop é um belo efeito popular entre os designers no processo de design e produz produtos de design impressionantes.
Eles aparecem não só em jornais e revistas, mas também em embalagens , publicações textuais aparecendo na maioria das mídias e redes sociais. Apenas com o efeito de sombra, existem muitos sub-efeitos contidos nele, por exemplo, efeitos de sombra de texto 2D - 3D, sombras reclináveis, sombras afundando, sombras flutuantes...
No escopo deste artigo, vamos te guiar por dicas de como sombrear texto no Photoshop com 3 estilos simples: criar sombras de texto simples, criar sombras curtas e criar sombras longas.

Tutorial Como criar sombras de texto com 3 estilos simples no Photoshop
Crie uma sombra de texto simples
Etapa 1: Para começar a criar sombras de texto no Photoshop, primeiro abra o Adobe Photoshop, crie um novo arquivo de trabalho com os parâmetros e tamanhos que você definiu para adequar e equilibrar.
Passo 2: Selecione a ferramenta Texto ( atalho T ) para digitar um pedaço de texto que você precisa sombrear. Aqui vou usar duas cores contrastantes para destacar o assunto. Use a cor vermelha com o código #e50f38l para o fundo e use o código de cores #ffffff para a camada de texto, fonte UTM Facebook.

Passo 3: Use a ferramenta para duplicar a camada de texto selecionando Camada > Duplicar Camada ... na barra de seleção ou usando a combinação de teclas Ctrl + J com o sistema operacional da janela.

Passo 4: Selecione a camada que acabou de ser duplicada, use Ctrl + T para ajustar a posição desta camada, clique com o botão direito do mouse e selecione a ferramenta Flip Vertical para inverter a nova camada em relação à posição original para alterar a posição da camada .criar sombra.


Etapa 5: Para continuar criando sombras de texto no photoshop, clique com o botão direito do mouse na camada recém-ajustada e selecione > Rasterizar tipo para alterar o formato da camada para Gráfico .

Passo 6: Clique no ícone Add Vector mask para criar uma máscara acima desta camada.

Etapa 7: Clique na área Add Vector mask da cópia da camada e selecione a Gradient Tool (o atalho é G) para preencher a cor do texto. Segure e arraste o mouse nesta camada de baixo para cima. Observe que, para manter a direção do gradiente reta, lembre-se de segurar a tecla shift ao manipular!

Etapa 8: ajuste a opacidade da camada recém-criada, a opacidade é de cerca de 60% para uma imagem mais natural.
Então, após 8 etapas, criamos um efeito de sombra de texto simples com ferramentas no photoshop.

Criar sombras curtas
Passo 1: Para criar uma sombra de texto no photoshop com uma sombra curta. Primeiro você precisa criar um novo documento. Use a ferramenta Type para digitar o texto no qual deseja criar o efeito. Neste exemplo iremos criar um novo documento com dimensões de 600px por 600px e utilizaremos a fonte UTM Facebook .

Etapa 2: clique com o botão direito na camada de texto > Em seguida, use a opção de mesclagem para criar um efeito de sombra.

Para obter uma sombra curta, escolha Drop Shadow . Depois de projetar a sombra, vá para a camada de texto e altere as propriedades no painel para os seguintes parâmetros:
- Ângulo: seja 135 graus
- Distância: seja 13px
- Spread: seja 100%
- Tamanho: seja 5px

Como resultado teremos uma pequena sombra após o texto:

sombra longa
Passo 1: Para criar uma sombra de texto no photoshop com uma sombra longa. Primeiro você precisa criar um novo documento. Use a ferramenta Type para digitar o texto no qual deseja criar o efeito. Neste exemplo iremos criar um novo documento com dimensões de 600px por 600px e utilizaremos a fonte UTM Facebook .
Etapa 2: clique com o botão direito na camada de texto > Em seguida, use a opção de mesclagem para criar um efeito de sombra.
Para obter uma longa sombra, no painel Layer Style , escolha Stroke and Drop Shadow . Nesse caso, manteremos a cor do traçado da mesma cor da cor da sombra.

Agora vamos obter o resultado:

Passo 3: Em seguida, adicione outro Drop Shadow clicando no ícone fx na parte inferior do painel Layer Style .

Selecione em Drop Shadow, agora você criará um novo efeito de sombra para sua camada de texto .

Escolha um novo estilo e ajuste a propriedade Distância . Você deve aumentar ligeiramente a Distância desde o primeiro Drop Shadow . Aqui vamos deixar em 7px.
Continuando assim, adicione um Drop Shadow e ajuste a Distância como acima.
Agora vamos criar uma sombra de texto no photoshop com uma sombra extra longa combinando todas as sombras colocadas em uma única camada. Você também pode usar o recurso Layer Group para adicionar sombras projetadas adicionais . Coloque a camada de texto no grupo de camadas.
Ao adicionar uma sombra projetada a um grupo de camadas, algumas configurações precisarão ser ajustadas para corresponder à cor e ao estilo da sombra anterior. Além disso, você deve definir a sombra projetada para que apareça como uma continuação dos estilos de camada anteriores.

O resultado será o seguinte:

Assim, com alguns passos simples, você pode criar sombras de texto no Photoshop , aplique para ser criativo com o método que acabou de aprender. Se você estiver interessado em Photoshop, fique atento para mais postagens do nosso grupo!
Você pode consultar a seguinte configuração mínima para o design do Photoshop:
Configuração para Designer: HHPC GAMING - INTEL CORE i3 10100 | 16G RAM | GTX 1050Ti
- PLACA-MÃE: GIGABYTE H410M-H
- CPU: INTEL CORE i3 10100 até 4.3G | 4 NÚCLEOS | 8 THREAD
- DISPLAY: JONSBO CR-1000 RGB
- RAM: COLORFUL BATTLE AX 16GB BUS 3000 DDR4 (1x16GB)
- VGA: NVIDIA GTX 1050Ti 4GB GDDR5
- SSD: GIGABYTE SSD 240G SATA III
- HDD: OPÇÕES DO CLIENTE
- FONTE: COOLERMASTER PC700 700W
- CAIXA: JETEK KAMADO (SEM VENTILADORES)
Se você tiver alguma necessidade, bem como respostas a perguntas sobre o photoshop, entre em contato com a WebTech360 para obter mais informações.