Como criar um efeito de texto inspirado em ‘Stranger Things’ no Adobe Photoshop

Este tutorial muito rápido mostrará uma maneira fácil de criar um efeito de texto inspirado na série ‘Stranger Things’, usando apenas estilos de camada e alguns ajustes simples. Vamos começar!

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.

Efeito de texto Stranger ThingsEfeito de texto Stranger ThingsEfeito de texto Stranger Things

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.

Criar o plano de fundoCriar o plano de fundoCriar o plano de fundo

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).

Criar o TextoCriar o TextoCriar o Texto

etapa 3

Mudar o Monitorando valor para -100.

Alterar o RastreamentoAlterar o RastreamentoAlterar o Rastreamento

Passo 4

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

Alterar a escala verticalAlterar a escala verticalAlterar a escala vertical

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.

Ampliar a Primeira LetraAmpliar a Primeira LetraAmpliar a Primeira Letra

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.

Definir o deslocamento da linha de baseDefinir o deslocamento da linha de baseDefinir o deslocamento da linha de base

etapa 3

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

Ajustar a última letraAjustar a última letraAjustar a última letra

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.

Alterar o KerningAlterar o KerningAlterar o Kerning

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.

Alterar o KerningAlterar o KerningAlterar o Kerning

etapa 3

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

Alterar o valor de preenchimentoAlterar o valor de preenchimentoAlterar o valor de preenchimento

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%
Bisel e relevoBisel e relevoBisel e relevo

Passo 2

Adicionar um Contorno com estas configurações:

  • Contorno: Enseada – Profunda
  • Verifica a Anti-aliased caixa.
ContornoContornoContorno

etapa 3

Adicionar um AVC com estas configurações:

  • Tamanho: 3
  • Posição: Dentro
  • Cor: #ce1725
AVCAVCAVC

Passo 4

Adicionar um Brilho interior com estas configurações:

  • Opacidade: 50%
  • Barulho: 5%
  • Cor: #ea0f0f
  • Tamanho: 17
Brilho interiorBrilho interiorBrilho interior

Passo 5

Adicionar um Brilho externo com estas configurações:

  • Opacidade: 50%
  • Barulho: 5%
  • Cor: #ea2314
  • Tamanho: 12
  • Faixa: 60%
Brilho externoBrilho externoBrilho externo

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.

Copiar Estilo de CamadaCopiar Estilo de CamadaCopiar 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.

Crie os retângulosCrie os retângulosCrie os retângulos

Passo 2

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

Alterar o valor de preenchimentoAlterar o valor de preenchimentoAlterar o valor de preenchimento

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:

Bisel e relevoBisel e relevoBisel e relevo

Passo 2

Adicionar um AVC com estas configurações:

  • Tamanho: 2
  • Posição: Fora
AVCAVCAVC

etapa 3

Adicionar um Brilho interior com estas configurações:

Brilho interiorBrilho interiorBrilho interior

Passo 4

Adicionar um Brilho externo com estas configurações:

Brilho externoBrilho externoBrilho externo

Passo 5

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

Copiar Estilo de CamadaCopiar Estilo de CamadaCopiar 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.

Colar Estilo de CamadaColar Estilo de CamadaColar Estilo de Camada

Passo 7

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

Grupo de efeitos de textoGrupo de efeitos de textoGrupo de efeitos 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
Sobreposição de Gradiente 1Sobreposição de Gradiente 1Sobreposição de Gradiente 1

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
Sobreposição de Gradiente 2Sobreposição de Gradiente 2Sobreposição de Gradiente 2

etapa 3

Adicionar um Brilho externo com estas configurações:

  • Opacidade: 20%
  • Cor: #de1b22
  • Tamanho: 34
  • Faixa: 60%
Brilho externoBrilho externoBrilho externo

Isso aumentará o efeito.

Grupo estilizadoGrupo estilizadoGrupo estilizado

8. Adicione alguns pontos de luz

Passo 1

Colocou o Cor do primeiro plano para #451d08e, em seguida, crie uma nova camada acima de todas as camadas, chame-a Luze altere seu Modo de mistura para Subexposição de cores.

Camada de luzCamada de luzCamada de Luz

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.

Adicione os pontos de luzAdicione os pontos de luzAdicione os pontos de luz

etapa 3

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

Camada de ajuste HueSaturationCamada de ajuste HueSaturationCamada de ajuste HueSaturation

Passo 4

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

Alterar os valoresAlterar os valoresAlterar os valores

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%.

Camada de ajuste de gradienteCamada de ajuste de gradienteCamada de ajuste de gradiente

Passo 2

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

Configurações da camada de gradienteConfigurações da camada de gradienteConfigurações da camada de gradiente

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.

Resultado finalResultado finalResultado final

Deixe uma resposta