Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Efeito de Texto Prateado Inspirado nos Anos 80 no Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Retro Text Effect Tutorials.
Create a Retro Gold Leather Text Effect in Adobe Photoshop
How to Create a Vintage Movie Text Effect in Adobe InDesign
This post is part of a series called Text Effects .
How to Create a 3D Marquee Bulb Sign Text Effect in Adobe Photoshop
How to Create a Galaxy Text Effect 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 vai mostrar a você como usar os estilos de camada e filtros do Photoshop, juntamente com ações, texturas e padrões para criar um efeito de texto prateado retrô inspirado nos anos 80. Vamos começar!

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

Arquivos do Tutorial

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

1. Como Definir um Padrão e Criar o Fundo

Passo 1

Abra a imagem Smooth Seamless Concrete, vá para Editar > Definir Padrão (Edit > Define Pattern) e no campo Nome digite Padrão de Fundo.

Define Pattern

Passo 2

Crie um novo documento de 1000 x 700 px. Duplique a camada Plano de Fundo (Background) duas vezes e altere o valor do Preenchimento da segunda cópia para 0.

Create the Background Layers

Passo 3

Dê um duplo-clique na camada Plano de Fundo cópia para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

  • Marque a opção Pontilhamento (Dither).
  • Estilo: Radial
  • Ângulo: 15
  • Escala: 90%
  • Crie um preenchimento de Degradê usando as Cores #b9a8a4 para a esquerda e #201a1a para a direita.
Create a Gradient Overlay

Passo 4

Enquanto você ainda estiver com a janela de Estilo de Camada (Layer Style) aberta, você pode clicar-e-arrastar o degradê para reposicioná-lo dentro do documento. 

Move the Gradient Fill

Passo 5

Dê um duplo-clique na camada Plano de Fundo cópia 2 para aplicar um efeito de Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

  • Modo de Mesclagem (Blend Mode): Multiplicação (Multiply)
  • Padrão (Pattern): Padrão de Fundo 
Pattern Overlay

Esta é uma forma de aplicar uma sobreposição de padrão, nós iremos usar outra posteriormente no tutorial também.

Background

2. Como Criar e Espaçar o Texto

Passo 1

Crie um texto usando a Fonte Argon e defina o seu Tamanho (Size) para 225 pt.

Create the Text

Passo 2

No painel Caractere, defina o Espaçamento entre Dois Caracteres (Kerning) para Óptico.

Você vai perceber que alguns caracteres não parecem estar igualmente espaçados, nós iremos corrigir isso em seguida.

Kerning

Passo 3

Destaque (selecione) a letra que você quer ajustar e altere o seu valor de Espaçamento entre os Caracteres (Tracking) de acordo com o necessário.

Tracking

Passo 4

Use valores diferentes de Espaçamento entre os Caracteres (Tracking) nos seus caracteres, até você obter um resultado final de seu agrado.

Tracking

3. Como Criar os Objetos Inteligentes de Texto

Passo 1

Dê um duplo-clique na camada do texto para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) usando o preenchimento de degradê stove pipe 10.

Gradient Overlay

Passo 2

Renomeie a camada do texto para Texto, clique com o Botão Direito do Mouse nela e escolha Converter para Objeto Inteligente (Convert to Smart Object).

Convert to Smart Object

4. Como Gravar uma Simples Ação de Extrusão

Passo 1

Abra o painel de Ações, clique no ícone Criar Novo Conjunto (Create New Set) na parte inferior do painel, digite Extrusão no campo Nome e clique em OK.

Create New Set

Passo 2

Clique no ícone Criar Nova Ação (Create New Action) na parte inferior do painel, digite Play no campo Nome e clique em Início da Gravação (Record).

Create New Action

Passo 3

Pressione Command/Ctrl-J para Duplicar a camada do Texto.

Duplicate the Text Layer

Passo 4

Pressione Command/Ctrl-T para entrar no Modo de Transformação Livre.

Free Transform Mode

Passo 5

Na barra de Opções, clique no ícone Manter as proporções (Maintain Aspect Ratio) entre os campos W e H e defina os valores para 99.9%.

Scale Down

Passo 6

Pressione a tecla da Seta para Baixo uma vez para deslocar o texto 1 px para baixo.

Nudge Downwards

Passo 7

Pressione a tecla Enter para salvar as mudanças. Você deve ver todos os passos gravados e adicionados na ação que você criou.

Clique no ícone Interromper Gravação (Stop Recording) na parte inferior do painel de Ações.

Stop Recording

5. Como Criar uma Extrusão

Passo 1

Clique no ícone Reproduzir Seleção (Play Selection) na parte inferior do painel de Ações 10 vezes para criar mais 10 cópias com a transformação.

Create the Extrusion Copy Layers

Passo 2

Selecione todas as camadas Texto cópia, arraste-as para baixo da camada Texto original e vá para Camada > Organizar > Inverter (Layer > Arrange > Reverse).

Isso vai posicionar a última camada cópia na parte inferior e vai trazer a primeira para o topo.

Reverse Layers Order

Passo 3

Coloque as camadas cópia selecionadas em um Grupo e chame-o de Extrusão.

Extrusion Group

Passo 4

Duplique a última camada Texto cópia (Texto cópia 11), arraste a cópia para fora do grupo Extrusão e renomeie-a para Sombra 1.

Shadow 1 Layer

Passo 5

Coloque a camada Sombra 1 em um Grupo e chame-o de Sombra.

Shadow Group

6. Como Estilizar a Camada do Texto da Frente

Dê um duplo-clique na camada Texto original para aplicar o seguinte Estilo de Camada:

Passo 1

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

  • Tamanho (Size): 0
  • Desmarque a opção Utilizar Luz Global (Use Global Light)
  • Ângulo: 55
  • Altitude: 5
  • Marque a opção Suavização de Serrilhado (Anti-aliased)
  • Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
    • Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)
      Add a Bevel and Emboss

      Passo 2

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

      • Tamanho (Size): 1
      • Posição: Interna (Inside)
      • Modo de Mesclagem (Blend Mode): Luz Direta (Hard Light)
      • Tipo de Preenchimento (Fill Type): Degradê (Gradient)
      • Use o preenchimento de degradê stainless steel 101ss
      Add a Stroke

      Passo 3

      Adicione uma Sombra Interna (Inner Shadow) com as seguintes configurações:

      • Opacidade: 35%
      • Distância: 2
      • Tamanho (Size): 5
      Add an Inner Shadow

      Passo 4

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

      • Modo de Mesclagem (Blend Mode): Luz Direta (Hard Light)
      • Opacidade: 35%
      • Cor: #dae8ec
      • Técnica: Precisa
      • Origem (Source): Centro
      • Tamanho (Size): 20
      • Contorno: Cone - Invertido
      Add an Inner Glow

      Passo 5

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

      • Marque a opção Pontilhamento (Dither)
      • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
      • Marque a opção Reverter
      • Use o preenchimento de degradê steel pipe 30
      Add a Gradient Overlay 1

      Passo 6

      Clique no ícone de + à direita da aba Sobreposição de Degradê (Gradient Overlay) para adicionar outra instância com as seguintes configurações:

      • Marque a opção Pontilhamento (Dither)
      • Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
      • Use o preenchimento de degradê abaixo
      Add a Gradient Overlay 2

      Passo 7

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

      • Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
      • Opacidade: 50%
      • Cor: #acc4c4
      • Técnica: Precisa
      • Tamanho (Size): 5
      • Contorno: Vale - Profundo (Cove - Deep)
      Add an Outer Glow

      Isso vai estilizar a camada do texto da frente.

      Styled Text Layer Result

      7. Como Estilizar uma Extrusão

      Dê um duplo-clique em qualquer uma das camadas Texto cópia dentro do grupo Extrusão para aplicar o seguinte estilo de camada:

      Passo 1

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

      • Tamanho (Size): 0
      • Suavização (Soften): 1
      • Desmarque a opção Utilizar Luz Global (Use Global Light)
      • Ângulo: 55
      • Altitude: 5
      • Marque a opção Suavização de Serrilhado (Anti-aliased)
      • Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
        • Modo de Sombra (Shadow Mode): Superexposição de Cores (Color Burn)
          Add Bevel and Emboss

          Passo 2

          Adicione um Contorno com as seguintes configurações:

          • Contorno: Vale - Raso (Cove - Shallow)
          • Marque a opção Suavização de Serrilhado (Anti-aliased)
          • Escala (Range): 100%
          Add a Contour

          Passo 3

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

          Em seguida, selecione o resto das camadas Texto cópia dentro do grupo Extrusão, clique com o Botão Direito do Mouse em qualquer uma delas e escolha Colar Estilo de Camada (Paste Layer Style).

          Copy and Paste Layer Style

          Passo 4

          Dê um duplo-clique no grupo Extrusão para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

          • Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
          • Use o preenchimento de degradê stove pipe 10
          Add a Gradient Overlay 1

          Passo 5

          Adicione outra instância de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

          • Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
          • Use o preenchimento de degradê stove pipe 155b
          Add a Gradient Overlay 2

          Isso vai estilizar a extrusão.

          Styled Extrusion Result

          8. Como Adicionar Sombras

          Passo 1

          Dê um duplo-clique na camada Sombra 1 para aplicar um efeito de Sobreposição de Cor (Color Overlay) e defina a Cor para Preto.

          Apply Color Overlay

          Passo 2

          Altere o valor do Preenchimento (Fill) da camada Sombra 1 para 0 e sua Opacidade para 50%.

          Fill and Opacity Values

          Passo 3

          Vá para Filtro > Desfoque > Desfoque de Movimento (Filter > Blur > Motion Blur).

          Altere o Ângulo para -60 e a Distância para 100 ou use quaisquer outros valores de sua preferência.

          Create a Motion Blur

          Passo 4

          Escolha a Ferramenta Mover (V) e clique-e-arraste ou use as Setas de Direção para deslocar a sombra e posicioná-la por trás do texto.

          Move the Shadow

          Passo 5

          Vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e altere o Raio para 5 ou qualquer outro valor de sua preferência.

          Apply Gaussian Blur

          Passo 6

          Para intensificar a sombra e deixá-la com uma aparência mais realista, Duplique a camada Sombra 1 e use valores diferentes.

          Então crie quantas camadas cópias forem necessárias e altere os valores dos filtros de Opacidade e Desfoque de cada uma das cópias, assim como você deve movimentá-las livremente por trás do texto para conseguir um resultado do qual você goste.

          Add More Shadow Layers

          9. Como Adicionar os Toques Finais

          Passo 1

          Coloque a imagem Lens Flare 25 em cima de todas as camadas, redimensione-a de acordo com o necessário e altere o Modo de Mesclagem (Blend Mode) da camada para Divisão (Screen).

          Lens Flare Image

          Passo 2

          Vá para Imagem > Ajustes > Matiz/Saturação (Image > Adjustments > Hue/Saturation) e altere a Saturação para -35.

          Change the Hue and Saturation

          Passo 3

          Clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel Camadas (Layers), escolha Padrão (Pattern) e use o preenchimento Linha Horizontal 1 (Pattern 1).

          Add a Pattern

          Passo 4

          Altere o Modo de Mesclagem (Blend Mode) da camada Padrão para Sobrepor (Overlay) e sua Opacidade para 15%.

          Esta é uma outra forma de adicionar uma sobreposição de padrão ao invés de usar estilos de camada.

          Change the Pattern Settings

          Passo 5

          Adicione uma camada de Pesquisa de Cores (Color Lookup) e escolha o arquivo FoggyNight.3DL no menu Arquivo 3DLUT (3DLUT File).

          Marque a opção Pontilhamento (Dither) e em seguida altere o Modo de Mesclagem (Blend Mode) da camada Pesquisa de Cores (Color Lookup) para Luz Suave (Soft Light) e sua Opacidade para 50%.

          Change the Color Lookup

          Passo 6

          Dê um duplo-clique na miniatura da camada Texto para abrir o arquivo de texto editável, onde você pode alterar o texto e atualizar todas as cópias no arquivo original.

          Por agora, tudo o que nós precisamos fazer é alterar o Tamanho da Tela de Pintura (Canvas Size) para coincidir com as dimensões do documento original.

          Então vá para Imagem > Tamanho da Tela de Pintura (Image > Canvas Size) e digite 1000 para a Largura (Width) e 700 para a Altura (Height).

          Salve e feche o arquivo para voltar ao documento original.

          Adjust the Canvas Size

          Parabéns! Você Terminou

          Neste tutorial, nós criamos um simples fundo usando uma sobreposições de degradê e padrões. Em seguida, nós criamos e estilizamos o objeto inteligente do texto principal.

          Depois disso, nós gravamos uma ação para criar a extrusão, estilizamos a extrusão e usamos alguns filtros para criar as sombras. Finalmente nós utilizamos sobreposições de texturas e padrões com camadas de ajuste para finalizar o efeito.

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

          80s Silver Text Effect Adobe Photoshop Tutorial
          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.