7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Sci-Fi

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

Scroll to top
Read Time: 6 mins

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

Final product imageFinal product imageFinal 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 LayerUnlock the Background LayerUnlock 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 OverlayGradient OverlayGradient 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 PatternDefine PatternDefine 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 TextureAdd the Background TextureAdd the Background Texture

Passo 2

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

LevelsLevelsLevels

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

Isso vai adicionar uma cor azul à textura.

Colored TextureColored TextureColored 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 LayersCreate the Text LayersCreate 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 EmbossBevel and EmbossBevel 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%
ContourContourContour

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

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

Gradient FillGradient FillGradient 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 ShadowInner ShadowInner 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 GlowInner GlowInner 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 OverlayGradient OverlayGradient 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 OverlayPattern OverlayPattern 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 GlowOuter GlowOuter 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 ShadowDrop ShadowDrop 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 ShadowDrop ShadowDrop Shadow

Isso vai criar o efeito principal.

Main EffectMain EffectMain 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 EmbossBevel and EmbossBevel 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%
ContourContourContour

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 ShadowInner ShadowInner 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 GlowInner GlowInner 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 OverlayGradient OverlayGradient 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 OverlayPattern OverlayPattern 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 GlowOuter GlowOuter Glow

Isso vai finalizar o efeito do texto.

Finished Text EffectFinished Text EffectFinished 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 TextAdd More TextAdd 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 LookupColor LookupColor 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 ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.