Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Sci-Fi
Design

Como Criar um Efeito de Texto de Linhas de Varredura de Ficção Científica no Adobe Photoshop

by
Difficulty:BeginnerLength:ShortLanguages:

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

Final product image
What You'll Be Creating

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:

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.

Unlock the Background Layer

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

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

Define Pattern

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.

Add the Background Texture

Passo 2

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

Levels

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)
Color Overlay

Isso vai adicionar uma cor azul à textura.

Colored Texture

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%

Create the Text Layers

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

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

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ê
Stroke

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

Gradient Fill

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
Inner Shadow

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
Inner Glow

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

Passo 8

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

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

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

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
Drop Shadow

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
Drop Shadow

Isso vai criar o efeito principal.

Main Effect

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

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

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
Inner Shadow

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

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
Pattern Overlay

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

Isso vai finalizar o efeito do texto.

Finished Text Effect

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.

Add More Text

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

Color Lookup

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.

Final Result
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.