Este tutorial bem curto, vai mostrar a você uma forma fácil de criar um efeito de texto inspirado na série 'Stranger Things', usando somente estilos de camada e alguns ajustes simples. Vamos começar!

Este efeito de texto foi inspirado em vários Estilos de Camada disponíveis na Envato Market.

Arquivos do Tutorial

Os seguintes arquivos foram utilizados durante a produção deste tutorial:

• Fonte Indira K
• Pacote Grátis de 6000 Degradês para o Photoshop por Supertuts007 (Carregue o arquivo CHROMES.grd)

1. Criando o Fundo e o Texto

Passo 1

Crie um documento de 1280 x 720 px e preencha o Plano de Fundo (Background) com a cor #0c0101.

Passo 2

Crie o texto com a cor Branca usando a fonte Indira K.

A fonte utilizada originalmente foi a Benguiat, mas você pode substítui-la por essa alternativa grátis.

Defina o Tamanho (Size) para um valor em torno de 141 pt, e marque os ícones Negrito Falso (Faux Bold) e Todas em Maiúsculas (All Caps) no painel Caractere (Janela > Caractere) (Window > Character).

Passo 3

Altere o valor do Espaçamento entre Caracteres (Tracking) para -100.

Passo 4

Altere a Escala Vertical para 115. Isso vai esticar o texto verticalmente.

2. Ajustando as Letras Maiores

Passo 1

Selecione (realce) a primeira letra do seu texto, e altere o seu Tamanho (Size) para um valor perto de 212 pt.

Passo 2

Em seguida, você vai precisar alterar o valor do Deslocamento da Linha de Base (Baseline Shift) para mover as letras maiores para baixo, até que a parte superior delas fique no mesmo nível da parte superior do resto das letras.

Para fazer isso, você pode digitar valores numéricos ou arrastar sobre o ícone Definir o Deslocamento de Linha de Base (Set the baseline shift) para a esquerda.

Passo 3

Faça o mesmo com a última letra da primeira linha do texto, ou qualquer uma das outras letras, de acordo com sua preferência.

3. Ajustando o Espaço entre Dois Caracteres

Passo 1

Coloque o cursor do texto entre as suas duas primeiras letras e altere o Espaço entre Dois Caracteres (Kerning) para um valor de sua preferência.

Passo 2

Dependendo do seu texto e do resultado que você procura, ajuste o Espaço entre Dois Caracteres (Kerning) para o resto das letras. Nem todas as letras devem ser ajustadas, ajuste apenas as que você acha que precisa.

Passo 3

Assim que você terminar, altere o valor do Preenchimento (Fill) da camada do texto para 0.

4. Estilizando o Texto

Dê um duplo-clique na camada do texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Estilo: Traçar Entalhe (Stroke Emboss)
• Profundidade (Depth): 220
• Tamanho (Size): 3
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 156
• Altitude: 37
• Contorno de Reflexo (Gloss Contour): Cone - Invertido
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Opacidade do Modo de Realce (Highlight Mode): 35%
• Opacidade do Modo de Sombra (Shadow Mode): 50%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Vale - Profundo (Cove - Deep)
• Marque a opção Suavização de Serrilhado (Anti-aliased)

Passo 3

Adicione um Traçado (Stroke) com as seguintes configurações:

• Tamanho (Size): 3
• Posição: Interna (Inside)
• Cor: #ce1725

Passo 4

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

• Opacidade: 50%
• Ruído (Noise): 5%
• Cor: #ea0f0f
• Tamanho (Size): 17

Passo 5

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

• Opacidade: 50%
• Ruído (Noise): 5%
• Cor: #ea2314
• Tamanho (Size): 12
• Escala (Range): 60%

Passo 6

Isso vai estilizar o texto. Clique com o Botão Direito do Mouse na camada de texto estilizada, e escolha Copiar Estilo de Camada (Copy Layer Style).

5. Criando as Formas Retangulares

Passo 1

Pegue a Ferramenta Retângulo Arredondado (U), e defina o Raio na barra de Opções para 2. Clique-e-arraste para criar um retângulo acima do texto, com o valor da Altura (Height) em torno de 7px.

Em seguida, clique-e-arraste para criar mais retângulos no começo e no fim da segunda linha de texto, ou em qualquer lugar de sua preferência. Certifique-se de manter a mesma Altura em todos os retângulos que você criou.

Passo 2

Altere o valor do Preenchimento (Fill) de todas as camadas dos retângulos para 0.

6. Estilizando os Retângulos

Clique com o Botão Direito do Mouse em qualquer um dos seus retângulos e escolha Colar Estilo de Camada (Paste Layer Style). Esta ação vai aplicar o mesmo estilo de camada copiado da camada do texto.

Depois disso, dê um duplo-clique na camada do retângulo estilizado para ajustar alguns dos valores:

Passo 1

Adicione um Chanfro e Entalhe (Bevel and Emboss) com as seguintes configurações:

• Tamanho (Size): 2

Passo 2

Adicione um Traçado (Stroke) com as seguintes configurações:

• Tamanho (Size): 2
• Posição: Externa (Outside)

Passo 3

Adicione um Brilho Interno (Inner Glow) com as seguintes configurações:

• Tamanho (Size): 5

Passo 4

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

• Tamanho (Size): 17

Passo 5

Clique com o Botão Direito do Mouse na camada do retângulo estilizado, e escolha Copiar Estilo de Camada (Copy Layer Style).

Passo 6

Selecione as outras camadas de retângulos, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).

Passo 7

Coloque o texto e as camadas com os retângulos em um grupo, e chame-a de Efeito de Texto.

7. Estilizando o Grupo

Dê um duplo-clique no grupo do Efeito de Texto para aplicar o seguinte estilo de camada:

Passo 1

Adicione uma Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Marque a opção Pontilhamento (Dither)
• Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
• Estilo: Refletido
• Ângulo: 135
• Crie um preenchimento de Degradê (Gradient) usando as cores #fbe7c2 para a esquerda e #e69f99 para a direita

Passo 2

Adicione outro efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Marque a opção Pontilhamento (Dither)
• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Estilo: Refletido
• Ângulo: 135
• Use o preenchimento de degradê faucet 10

Passo 3

Adicione um Brilho Externo (Outer Glow) com as seguintes configurações:

• Opacidade: 20%
• Cor: #de1b22
• Tamanho (Size): 34
• Escala (Range): 60%

Isso vai melhorar o efeito.

8. Adicionando Alguns Pontos de Luz

Passo 1

Defina a Cor do Primeiro Plano para #451d08, e então crie uma nova camada acima de todas as camadas, chame-a de Luz (Light) e altere o seu Modo de Mesclagem (Blend Mode) para Subexposição de Cores (Color Dodge).

Passo 2

Pegue a Ferramenta Pincel (B) e escolha uma ponta arredondada, grande e suave. Em seguida comece a clicar em cima das letras para iluminá-las.

Você pode alterar o tamanho da ponta e brincar com o valor da Opacidade na barra de Opções para controlar a intensidade dos pontos de luz que você está adicionando.

Passo 3

Clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) no painel de Camadas (Layers) e escolha Matiz/Saturação (Hue/Saturation).

Passo 4

Altere o valor da Saturação para 35, e a Luminosidade (Lightness) para 15 ou quaisquer outros valores de sua preferência.

9. Ajustando a Coloração

Passo 1

Adicione uma camada de ajuste de Degradê (Gradient) acima do grupo Efeito de Texto.

Crie um preenchimento de degradê usando as cores #5c456e para a direita, #b26b73 no centro e #fda982 para a esquerda. Altere o Estilo para Refletido, o Ângulo para 155 e a Escala para 55%.

Passo 2

Altere o Modo de Mesclagem (Blend Mode) da camada de Degradê (Gradient) para Cor e sua Opacidade para 35%.

Parabéns! Você Terminou

Neste tutorial, criamos o texto e modificamos ele usando diferentes opções e configurações do painel de Caractere. Então, estilizamos o texto, criamos os retângulos e estilizamos eles também.

Depois disso, agrupamos todas as camadas e adicionamos mais uma camada de estilo. Finalmente, adicionamos alguns pontos de luz e uma camada de ajuste de degradê para modificar a coloração do resultado final.

Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados no espaço abaixo.