Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Text Effects
Design

Como Criar um Efeito de Texto Inspirado em Stranger Things no Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Text Effects .
How to Create a Quick Repetitive Text Effect Illusion in Adobe Illustrator
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
This post is part of a series called Learn Adobe Photoshop.
How to Create a Kaleidoscope Effect in Adobe Photoshop
How to Create a Floral Portrait Photo Manipulation in Adobe Photoshop

Portuguese (Português) translation by Wesley Sales (you can also view the original English article)

Final product image
What You'll Be Creating

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:

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.

Create the Background

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

Create the Text

Passo 3

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

Change the Tracking

Passo 4

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

Change the Vertical Scale

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.

Enlarge the First Letter

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.

Set the Baseline Shift

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.

Adjust the Last Letter

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.

Change the Kerning

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.

Change the Kerning

Passo 3

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

Change the Fill Value

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%
Bevel and Emboss

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

Passo 3

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

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

Passo 4

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

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

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%
Outer Glow

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

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.

Create the Rectangles

Passo 2

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

Change the Fill Value

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
Bevel and Emboss

Passo 2

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

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

Passo 3

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

  • Tamanho (Size): 5
Inner Glow

Passo 4

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

  • Tamanho (Size): 17
Outer Glow

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

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

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.

Text Effect Group

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
Gradient Overlay 1

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
Gradient Overlay 2

Passo 3

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

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

Isso vai melhorar o efeito.

Styled Group

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

Light Layer

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.

Add the Light Spots

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

HueSaturation Adjustment Layer

Passo 4

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

Change the Values

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

Gradient Adjustment Layer

Passo 2

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

Gradient Layer Settings

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.

Final Result
Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.