Advertisement
  1. Design & Illustration
  2. Text Effects

Como Criar um Rápido Efeito de Texto Holográfico no Adobe Photoshop

Scroll to top
Read Time: 6 min

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

Este tutorial irá mostrar a você como usar estilos de camada e filtros do Photoshop para criar um rápido efeito de texto holográfico. Vamos começar!

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

Arquivos do Tutorial

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

1. Como Criar a Base da Textura de Fundo

Passo 1

Crie um novo documento de 900 x 600 px com o Fundo (Background) Branco, clique com o Botão Direito na camada do Fundo, escolha Converter para Objeto Inteligente (Convert to Smart Object), e renomeie a camada para Textura.

Create the Texture Smart ObjectCreate the Texture Smart ObjectCreate the Texture Smart Object

Passo 2

Defina a Cor de Primeiro Plano e de Segundo Plano para Preta e Branca respectivamente, e depois vá para Filtro > Renderização > Nuvens (Filter > Render > Clouds).

Render CloudsRender CloudsRender Clouds

2. Como Criar a Textura Holográfica

Passo 1

Vá para Filtro > Galeria de Filtros > Textura > Granulado (Filter > Filter Gallery > Texture > Grain) e use as seguintes configurações:

  • Intensidade: 100
  • Contraste: 0
  • Tipo de Granulado (Grain Type): Maciço (Clumped)
GrainGrainGrain

Para adicionar cada um dos novos filtros abaixo, clique no ícone Novo Efeito de Camada (New Effect Layer) no canto inferior direito da janela da Galeria de Filtros (Filter Gallery) e logo depois escolha o filtro.

Passo 2

Vá até Estilizar > Arestas Brilhantes (Stylize > Glowing Edges) e use as seguintes configurações:

  • Largura da Aresta (Edge Width): 2
  • Brilho da Aresta (Edge Brightness): 6
  • Suavidade (Smoothness): 7
Glowing EdgesGlowing EdgesGlowing Edges

Passo 3

Vá até Artístico > Aquarela (Watercolor) e use as seguintes configurações:

  • Detalhe do Pincel (Brush Detail): 3
  • Intensidade da Sombra (Shadow Intensity): 0
  • Textura: 1
WatercolorWatercolorWatercolor

Passo 4

Vá até Artístico > Foto Granulada (Artistic > Film Grain) e use as seguintes configurações:

  • Granulado (Grain): 3
  • Área de Realce (Highlight Area): 0
  • Intensidade: 10
Film GrainFilm GrainFilm Grain

Passo 5

Vá até Traçados de Pincel > Traçado Escuro (Brush Strokes > Dark Strokes) e use as seguintes configurações:

  • Equilíbrio (Balance): 0
  • Intensidade de Preto: 0
  • Intensidade de Branco: 2

Clique em OK para sair da janela Galeria de Filtros.

Dark StrokesDark StrokesDark Strokes

Passo 6

Vá até Filtro > Distorção > Ondas (Filter > Distort > Wave) e use as configurações abaixo. Você pode usar quaisquer outros valores que desejar também.

WaveWaveWave

Passo 7

Esta é a textura básica, mas você pode ajustar seu tamanho baseado no efeito final que você quer e no texto que irá criar.

Aqui, nós iremos até Imagem > Tamanho da Imagem (Image > Image Size), defina a Largura (Width) para 1200 px e a Altura (Height) para 750 px.

Salve este arquivo e mantenha-o aberto para uso posterior no tutorial.

Change the SizeChange the SizeChange the Size

3. Como Criar um Fundo de Vinheta Sutil

Passo 1

Crie outro documento de 900 x 600 px, clique no ícone Criar Nova Camada de Ajuste ou Preenchimento (Create New Fill or Adjustment Layer) na parte inferior do painel de Camadas (Layers) e escolha Cor Sólida (Solid Color).

Use uma Cor de Preenchimento escura como a cor #201c20.

Solid ColorSolid ColorSolid Color

Passo 2

Adicione uma camada de preenchimento de Degradê (Gradient) e use as Cores #909090 para a esquerda e #000000 para a direita para criar o degradê.

Altere o Estilo para Radial, e a Escala para 250. Logo depois, altere o Modo de Mesclagem (Blend Mode) da camada para Luz Suave (Soft Light).

Gradient Fill VignetteGradient Fill VignetteGradient Fill Vignette

4. Como Criar o Texto e Usar Glifos

Passo 1

Crie o texto usando a fonte Premier Script, e defina o seu Tamanho (Size) para 200 pt.

Create the TextCreate the TextCreate the Text

Passo 2

Já que a fonte Premier Script tem uma tonelada de glifos, você pode acessar os glifos disponíveis para o caractere selecionando-o, e logo depois, clicando no glifo que você quer usar das várias alternativas que você tem.

Use Glyphs by HighlightingUse Glyphs by HighlightingUse Glyphs by Highlighting

Passo 3

Outra maneira de acessar esses glifos é indo até Texto > Painéis > Painel Glifos (Type > Panels > Glyphs Panel).

Realce os caracteres que você quer substituir e divirta-se alterando o texto usando os diferentes glifos disponíveis.

The Glyphs PanelThe Glyphs PanelThe Glyphs Panel

Passo 4

Faça todas as mudanças necessárias antes do próximo passo.

Finished TextFinished TextFinished Text

Passo 5

Duplique a camada do texto.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

5. Como Estilizar um Traçado de Vidro

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

Passo 1

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

  • Estilo: Chanfro Externo (Outer Bevel)
  • Tamanho (Size): 6
  • Contorno de Reflexo (Gloss Contour): Pico - Duplo (Ring - Double)
  • 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 Linear (Linear Burn)
      • Cor: #222222
      • Opacidade: 15%
    Bevel and EmbossBevel and EmbossBevel and Emboss

    Passo 2

    Adicione um Contorno com as seguintes configurações:

    • Contorno: Log
    • Marque a opção Suavização de Serrilhado (Anti-aliased)
    ContourContourContour

    Passo 3

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

    • Modo de Mesclagem (Blend Mode): Superexposição de Cores (Color Burn)
    • Opacidade: 35%
    • Distância: 1
    • Tamanho (Size): 1
    Inner ShadowInner ShadowInner Shadow

    Passo 4

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

    • Modo de Mesclagem (Blend Mode): Normal
    • Opacidade: 50%
    • Cor: #dbd6dd
    • Expansão (Spread): 10
    • Tamanho (Size): 7
    Outer GlowOuter GlowOuter Glow

    Isto irá criar um traçado parecido com vidro.

    Glass StrokeGlass StrokeGlass Stroke

    6. Como Estilizar um Texto Brilhante

    Dê um duplo-clique na camada de texto cópia para aplicar os seguintes estilos de camada:

    Passo 1

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

    • Tamanho (Size): 10
    • Desmarque a opção Utilizar Luz Global (Use Global Light)
    • Ângulo: 84
    • Altitude: 42
    • Contorno de Reflexo (Gloss Contour): Pico - Duplo (Ring - Double)
    • Marque a opção Suavização de Serrilhado (Anti-aliased)
    • Modo de Realce (Highlight Mode): Luz Brilhante (Vivid Light)
      • Modo de Sombra (Shadow Mode):
        • Opacidade: 10%
      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)
      ContourContourContour

      Passo 3

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

      • Modo de Mesclagem (Blend Mode): Luz Brilhante (Vivid Light)
      • Opacidade: 35%
      • Cor: #697b99
      • Origem (Source): Centro
      • Tamanho (Size): 5
      • Contorno: Cone - Invertido
      Inner GlowInner GlowInner Glow

      Isto irá estilizar o texto principal.

      Styled TextStyled TextStyled Text

      7. Como Aplicar uma Textura à um Texto

      Passo 1

      Vá para o documento da textura holográfica, pressione Cmd/Ctrl-A para selecionar tudo e Cmd/Ctrl-C para copiar a seleção.

      Copy the TextureCopy the TextureCopy the Texture

      Passo 2

      Volte para o documento do texto, e pressione Cmd/Ctrl-V para colar a textura. Renomeie a camada para Textura, e altere seu Modo de Mesclagem (Blend Mode) para Divisão (Screen).

      Clique com o Botão Direito do Mouse na camada da Textura, e escolha Criar Máscara de Corte (Create Clipping Mask) para criar uma máscara de corte da textura para a camada de texto cópia.

      Add the Holographic TextureAdd the Holographic TextureAdd the Holographic Texture

      Passo 3

      Selecione a camada de texto cópia e altere a Cor do texto para qualquer outra cor que você desejar. A Cor que eu usei aqui foi a #72757a.

      Change the Text ColorChange the Text ColorChange the Text Color

      8. Como Melhorar uma Textura Usando Camadas de Ajuste

      Passo 1

      Adicione uma camada de ajuste de Vibratilidade (Vibrance), mascare-a como corte para a camada de Textura e altere o valor da Vibratilidade para 50.

      VibranceVibranceVibrance

      Passo 2

      Adicione uma camada de ajuste de Curvas, altere seu Modo de Mesclagem (Blend Mode) para Luminosidade para que você não afete as cores, e sua Opacidade para 80%.

      Ajuste o RGB assim como as curvas do Canal (Channel) para obter o resultado desejado.

      CurvesCurvesCurves

      Passo 3

      Aqui estão as curvas do Canal (Channel) ajustadas. Você pode pular estes ajustes se não sentir necessidade de fazer qualquer alteração, e pode também usar um valor diferente para a Opacidade da camada.

      Curves ChannelsCurves ChannelsCurves Channels

      Trabalho Incrível, Você Terminou!

      Neste tutorial, nós usamos um monte de filtros para criar uma textura holográfica.

      Logo depois, nós criamos e estilizamos duas camadas de texto usando um monte de estilos de camada para conseguir um efeito parecido com vidro. Finalmente, nós adicionamos a textura ao texto e usamos camadas de ajuste para melhorar o resultado final.

      Por favor, sinta-se livre para deixar seus comentários, sugestões e resultados 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
      One subscription. Unlimited Downloads.
      Get unlimited downloads