Neste tutorial eu vou mostrar a você como usar estilos de camada para criar um efeito de texto rápido e fácil inspirado em linhas de varredura de ficção-científica. 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 usados durante a produção deste tutorial:

• Fonte Kenney Future
• Textura de Parede Black Grunge por kues1
• Pacote Grátis de 6000 Degradês para o Photoshop por Supertuts007 (Carregue o arquivo CHROMES.grd)
• Padrão Paper 2 por Atle Mo

1. Como Criar um Padrão de Degradê Simples

Passo 1

Crie um novo documento de 500 x 104 px, e dê um duplo-clique na camada do Plano de Fundo (Background) para desbloqueá-la.

Passo 2

Dê um duplo-clique na camada Camada 1 (Layer 1) para aplicar um efeito de Sobreposição de Degradê (Gradient Overlay) com as seguintes configurações:

• Marque a opção Pontilhamento (Dither)
• Use o preenchimento de degradê faucet 150

Passo 3

Pegue a Ferramenta Letreiro de Coluna Única (Single Column Marquee Tool) e clique uma vez em qualquer lugar para selecionar uma única linha vertical.

Em seguida, vá para Editar > Definir Padrão (Edit >Define Pattern) e dê o Nome de Linhas (Lines).

2. Como Criar uma Textura de Fundo

Passo 1

Crie um novo documento de 850 x 588 px com o valor da Resolução definido para 300, coloque a imagem da Textura de Parede Black Grunge acima da camada do Plano de Fundo (Background) e redimensione-a de acordo com o necessário.

Passo 2

Vá para Imagem > Ajustes > Níveis (Image > Adjustments > Levels), e altere o valor do Gamma para 1.10.

Passo 3

Dê um duplo-clique na camada da textura para aplicar um efeito de Sobreposição de Cor (Color Overlay) com as seguintes configurações:

• Cor: #3b7aab
• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)

Isso vai adicionar uma cor azul à textura.

3. Como Criar e Estilizar as Camadas de Texto

Passo 1

Crie o texto usando a fonte Kenney Future, e defina o seu Tamanho (Size) para 50 pt.

Duplique a camada do texto e altere o valor de Preenchimento (Fill) da cópia para 0%. 

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

Passo 2

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

• Estilo: Traçar Entalhe (Stroke Emboss)
• Técnica: Cinzel Sólido (Chisel Hard)
• Profundidade: 550
• Tamanho (Size): 6
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: -169
• Altitude: 37
• Contorno de Reflexo (Gloss Contour): Aro (Ring)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode): Subexposição de Cores (Color Dodge)
  • Opacidade: 75%
• Modo de Sombra (Shadow Mode): Superexposição Linear (Linear Burn)
  • Opacidade: 40%

Passo 3

Adicione um Contorno com as seguintes configurações:

• Contorno: Cone - Invertido
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Escala (Range): 100%

Passo 4

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

• Tamanho (Size): 3
• Posição: Externa (Outside)
• Tipo de Preenchimento (Fill Type): Degradê (Gradient)
• Ângulo: 90
• Clique na caixa Degradê (Gradient) para criar o degradê

Crie um Degradê (Gradient) adicionando Interrupções de Cor (Color Stops) alternadas das Cores #1b5ad3 e #6db7fd.

Passo 5

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

• Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
• Cor: #0886f1
• Opacidade: 60%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 90
• Distância: 0
• Desfoque (Choke): 25
• Tamanho (Size): 9

Passo 6

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

• Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
• Opacidade: 70%
• Cor: #7ffffd
• Desfoque (Choke): 30
• Tamanho (Size): 16
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Intervalo (Range): 100

Passo 7

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

• Marque a opção Pontilhamento (Dither)
• Modo de Mesclagem (Blend Mode): Superexposição Linear (Linear Burn)
• Opacidade: 75%
• Escala: 109%
• Crie o Degradê (Gradient) usando as Cores #145190 para a esquerda e #9517ff para a direita.

Passo 8

Adicione uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Padrão (Pattern): Linhas (Lines)
• Escala: 7%

Passo 9

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

• Modo de Mesclagem (Blend Mode): Sobrepor (Overlay)
• Opacidade: 75%
• Cor: #dd69ff
• Expansão (Spread): 10
• Tamanho (Size): 30
• Marque a opção Suavização de Serrilhado (Anti-aliased)

Passo 10

Adicione uma Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Opacidade: 100%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 90
• Distância: 10
• Expansão (Spread): 30
• Tamanho (Size): 15

Passo 11

Adicione outra instância do efeito de Sombra Projetada (Drop Shadow) com as seguintes configurações:

• Opacidade: 70%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 90
• Distância: 20
• Tamanho (Size): 35

Isso vai criar o efeito principal.

4. Como Adicionar Mais Efeitos de Camada

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

Passo 1

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

• Tamanho (Size): 49
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 58
• Altitude: 21
• Contorno de Reflexo (Gloss Contour): Cone - Invertido
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
  • Opacidade: 77%
• Modo de Sombra (Shadow Mode):
  • Opacidade: 0%

Passo 2

Adicione um Contorno com as seguintes configurações:

• Contorno: Inclinação com Curva - Descendente (Rolling Slope - Descending)
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Escala (Range): 100%

Passo 3

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

• Modo de Mesclagem (Blend Mode): Luz Suave (Soft Light)
• Cor: #ab2eec
• Opacidade: 100%
• Desmarque a opção Utilizar Luz Global (Use Global Light)
• Ângulo: 90
• Distância: 0
• Tamanho (Size): 21

Passo 4

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

• Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
• Opacidade: 25%
• Degradê (Gradient): Use as Cores #3b5e7e para a esquerda, #588b8a no meio e #c5c396 para a direita.
• Origem (Source): Centro
• Tamanho (Size): 51
• Marque a opção Suavização de Serrilhado (Anti-aliased)
• Intervalo (Range): 100%

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): Luz Linear
• Opacidade: 50%
• Escala: 109%
• Crie um Degradê (Gradient) usando as Cores #98addc para a esquerda e #9e727f para a direita.

Passo 6

Adicione uma Sobreposição de Padrão (Pattern Overlay) com as seguintes configurações:

• Modo de Mesclagem (Blend Mode): Multiplicação
• Padrão (Pattern): Paper 2

Passo 7

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

• Modo de Mesclagem (Blend Mode): Subexposição de Cores (Color Dodge)
• Opacidade: 75%
• Cor: #88621f
• Expansão (Spread): 10
• Tamanho (Size): 20

Isso vai finalizar o efeito do texto.

5. Como Adicionar os Toques Finais

Passo 1

Se você quer adicionar mais de uma linha de texto, é só duplicar ambas as camadas de texto estilizadas e alterar os seus conteúdos.

Passo 2

Clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Pesquisa de Cores (Color Lookup).

Escolha a tabela Fuji REALA 500D Kodak 2392 (by Adobe). cube do menu Arquivo 3DLUT, e altere a Opacidade da camada para 35%.

Parabéns, Você Terminou!

Neste tutorial, usamos texturas, padrões e estilos de camada para criar um efeito de texto rápido e fácil de linhas de varredura tecnológicas.

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