Este efeito de texto foi inspirado nos muitos estilos de camada disponíveis no Envato Market. Você pode obter um estilo muito semelhante chamado Stranger Twins, que está disponível para download e uso no Adobe Photoshop.



Acompanhe conosco em nosso canal Envato Tuts+ no YouTube:
Procurando aprender a criar uma sequência de título semelhante a Stranger Things no Adobe After Effects? Nós temos apenas o curso para você.

Recursos do tutorial
Os seguintes recursos foram usados durante a produção deste tutorial:
1. Crie o plano de fundo e o texto
Passo 1
Crie um novo 1280 x 720 pixels documento e preencha o Fundo com a cor #0c0101
.



Passo 2
Crie o texto em White
usando a fonte Indira K.
A fonte original usada é Benguiat, mas esta é uma alternativa gratuita que você pode usar.
Colocou o Tamanho para um valor em torno 141 pontose verifique o Negrito Falso e Tudo em maiúsculas ícones no Personagem painel (Janela > Personagem).



etapa 3
Mudar o Monitorando valor para -100.



Passo 4
Mudar o Escala Vertical para 115. Isso vai esticar o texto verticalmente.



2. Ajuste as letras maiores
Passo 1
Selecione (destaque) a primeira letra do seu texto e altere sua Tamanho para um valor em torno 212 pontos.



Passo 2
Em seguida, você precisará alterar o Mudança de linha de base valor para mover a letra grande para baixo, até que seu topo esteja no mesmo nível que o topo do resto das letras.
Para fazer isso, você pode inserir valores numéricos ou esfregar o Definir o deslocamento da linha de base ícone à esquerda.



etapa 3
Faça o mesmo para a última letra da primeira linha do texto ou qualquer outra letra de sua preferência.



3. Ajuste o Kerning
Passo 1
Coloque o cursor de texto entre as duas primeiras letras que você possui e altere o Kerning para um valor que você acha que parece bom.



Passo 2
Dependendo do seu texto e do resultado que procura, ajuste o Kerning para o resto das cartas que você tem. Nem todas as letras devem ser ajustadas, apenas aquelas que você acha que precisam disso.



etapa 3
Quando terminar, altere a camada de texto Preencher valor para 0.



4. Estilizar o Texto
Duplo click a camada de texto para aplicar o seguinte estilo de camada:
Passo 1
Adicionar um Bisel e relevo com estas configurações:
- Estilo: Stroke Emboss
- Profundidade: 220
- Tamanho: 3
- Desmarque a Usar Global Light caixa
- Ângulo: 156
- Altitude: 37
- Brilho Contorno: Cone – Invertido
- Verifica a Anti-aliased caixa
- Modo Destaque – Opacidade: 35%
- Modo Sombra – Opacidade: 50%



Passo 2
Adicionar um Contorno com estas configurações:
- Contorno: Enseada – Profunda
- Verifica a Anti-aliased caixa.



etapa 3
Adicionar um AVC com estas configurações:
- Tamanho: 3
- Posição: Dentro
-
Cor:
#ce1725



Passo 4
Adicionar um Brilho interior com estas configurações:
- Opacidade: 50%
- Barulho: 5%
-
Cor:
#ea0f0f
- Tamanho: 17



Passo 5
Adicionar um Brilho externo com estas configurações:
- Opacidade: 50%
- Barulho: 5%
-
Cor:
#ea2314
- Tamanho: 12
- Faixa: 60%



Passo 6
Isso irá estilizar o texto. Clique com o botão direito a camada de texto com estilo e escolha Copiar Estilo de Camada.



5. Crie as formas retangulares
Passo 1
Escolha o Ferramenta Retângulo Arredondadoe defina o Raio no Opções bar para 2. Clique e arraste para criar um retângulo acima do texto, com uma Altura valor ao redor 7px.
Então, clicar e arrastar para criar mais retângulos no início e no final da segunda linha de texto ou em qualquer outro lugar onde você gostaria de adicioná-los. Apenas certifique-se de manter o mesmo Altura para todos os retângulos que você criar.



Passo 2
Altere todas as camadas do retângulo’ Preencher valor para 0.



6. Estilize os retângulos
Clique com o botão direito qualquer uma das camadas de retângulo que você tem e escolha Colar Estilo de Camada. Isso aplicará o mesmo estilo de camada copiado da camada de texto.
Depois disso, Duplo click a camada de retângulo estilizado para ajustar alguns dos valores:
Passo 1
Adicionar um Bisel e relevo com estas configurações:



Passo 2
Adicionar um AVC com estas configurações:
- Tamanho: 2
- Posição: Fora



etapa 3
Adicionar um Brilho interior com estas configurações:



Passo 4
Adicionar um Brilho externo com estas configurações:



Passo 5
Clique com o botão direito a camada retangular estilizada e escolha Copiar Estilo de Camada.



Passo 6
Selecione as outras camadas de retângulo que você tem, clique com o botão direito qualquer um deles e escolha Colar Estilo de Camada.



Passo 7
Coloque as camadas de texto e retângulo em um grupo e chame-o Efeito de Texto.



7. Estilize o Grupo
Duplo click o Efeito de Texto grupo para aplicar o seguinte estilo de camada:
Passo 1
Adicionar um Sobreposição de Gradiente com estas configurações:
- Verifica a Dither caixa
- Modo de mistura: Luz suave
- Estilo: refletido
- Ângulo: 135
- Crie o Gradiente preencha usando as cores
#fbe7c2
para a esquerda e#e69f99
Para a direita



Passo 2
Adicionar outro Sobreposição de Gradiente efeito com estas configurações:
- Verifica a Dither caixa
- Modo de mistura: Sobreposição
- Estilo: refletido
- Ângulo: 135
- Use o torneira 10 preenchimento Gradiente



etapa 3
Adicionar um Brilho externo com estas configurações:
- Opacidade: 20%
-
Cor:
#de1b22
- Tamanho: 34
- Faixa: 60%



Isso aumentará o efeito.



8. Adicione alguns pontos de luz
Passo 1
Colocou o Cor do primeiro plano para #451d08
e, em seguida, crie uma nova camada acima de todas as camadas, chame-a Luze altere seu Modo de mistura para Subexposição de cores.



Passo 2
Escolha o Pincel, e escolha uma ponta grande, macia e redonda. Em seguida, comece a clicar sobre algumas letras para iluminá-las.
Você pode alterar o tamanho da ponta e brincar com o Opacidade valor no Opções barra para controlar a intensidade dos pontos de luz que você está adicionando.



etapa 3
Clique no Criar nova camada de preenchimento ou ajuste ícone no Camadas painel e escolha Matiz/Saturação.



Passo 4
Mudar o Saturação valor para 35e a Leveza para 15ou quaisquer outros valores de sua preferência.



9. Ajuste a coloração
Passo 1
Adicionar um Gradiente camada de ajuste no topo da Efeito de Texto grupo.
Crie o preenchimento gradiente usando as cores #5c456e
Para a direita, #b26b73
no centro, e #fda982
Para a esquerda. Mudar o Estilo para refletidoo Ângulo para 155e a Escala para 55%.



Passo 2
Mudar o Gradiente camadas Modo de mistura para Core os seus Opacidade para 35%.



Parabéns! Você Terminou
Neste tutorial, criamos o texto e o modificamos usando as diferentes opções e configurações do painel Caractere. Em seguida, estilizamos o texto, criamos os retângulos e os estilizamos também.
Depois disso, agrupamos todas as camadas e adicionamos mais um estilo de camada. Finalmente, adicionamos alguns pontos de luz e uma camada de ajuste de gradiente para modificar a coloração do resultado final.
Sinta-se à vontade para deixar seus comentários, sugestões e resultados abaixo.


