1. Design & Illustration
  2. Text Effects

Como Criar um Fácil Efeito de Texto de Falha Digital no Adobe Photoshop

by
Read Time:9 minsLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Glitch Animated Gif Action in Adobe Photoshop
How to Create a Set of Glitches in Adobe Photoshop

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 vai mostrar a você como usar os estilos de camada, filtros e máscaras de camada do Photoshop para criar um efeito de texto fácil e rápido de falha digital. 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 as Camadas de Fundo e do Texto

Passo 1

Crie um Novo Documento de 900 x 700 px, clique no ícone Criar Nova Camada de Preenchimento ou Ajuste (Create new fill or adjustment layer) na parte inferior do painel de Camadas (Layers), escolha Cor Sólida (Solid Color) e use a Cor #101010.

Solid Color LayerSolid Color LayerSolid Color Layer

Passo 2

Crie um texto com a cor Branca usando a fonte Pixel Digivolve e defina o seu Tamanho (Size) para 170 pt.

Create the TextCreate the TextCreate the Text

Passo 3

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

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 4

Duplique a camada Texto 01 e renomeie a cópia para Texto 02.

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Passo 5

Oculte a camada Texto 02 clicando no ícone do olho próximo a ela.

Hide the LayerHide the LayerHide the Layer

2. Como Aplicar os Estilos de Camada

Dê um duplo-clique na camada Texto 01 para aplicar o seguinte Estilo de Camada (Layer Style):

Passo 1

Sob as Opções de Mesclagem (Blending Options) vá para Mesclagem Avançada (Advanced Blending) e desmarque as opções dos Canais G e B.

Advanced BlendingAdvanced BlendingAdvanced Blending

Passo 2

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

  • Opacidade: 50%
  • Cor: #ffffff
  • Tamanho (Size): 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

Isso vai estilizar a parte vermelha do texto.

Styled Text 1Styled Text 1Styled Text 1

Mostre a camada Texto 02 novamente, e clique com o Botão Direito do Mouse nela para aplicar o seguinte Estilo de Camada (Layer Style):

Passo 3

Sob as Opções de Mesclagem (Blending Options), vá para Mesclagem Avançada (Advanced Blending) e desmarque o Canal R.

Advanced Blending OptionsAdvanced Blending OptionsAdvanced Blending Options

Passo 4

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

  • Opacidade: 50%
  • Cor: ffffff
  • Tamanho (Size): 10
Outer Glow Layer StyleOuter Glow Layer StyleOuter Glow Layer Style

Isso vai estilizar a parte azul, que não será visível agora, mas vamos trabalhar nela mais tarde.

Styled Text 2Styled Text 2Styled Text 2

3. Como Criar um Efeito de Falha Básico

Passo 1

Pegue a Ferramenta Mover (V) e use as Setas Direcionais (Arrow Keys) para deslocar suavemente as camadas Texto 01 e Texto 02 em direções opostas para mostrar as cores vermelho e azul, e obter um resultado de seu agrado.

Nudge the Text LayersNudge the Text LayersNudge the Text Layers

Passo 2

Duplique ambas as camadas Texto 01 e Texto 02.

Duplicate LayersDuplicate LayersDuplicate Layers

Passo 3

Crie uma Nova Camada acima de todas as camadas, dê a ela o nome de Filtros 01 e pressione as teclas Option/Alt-Command/Ctrl-Shift-E para criar um carimbo de todas as camadas visíveis.

Clique com o Botão Direito do Mouse na camada Filtros 01 e escolha Converter em Objeto Inteligente (Convert to Smart Object).

Convert to Smart ObjectConvert to Smart ObjectConvert to Smart Object

Passo 4

Pressione-e-segure a tecla Option/Alt e clique no ícone Adicionar Máscara de Camada (Add Layer Mask) na parte inferior do painel de Camadas (Layers) para adicionar uma máscara de camada invertida.

Add a Layer MaskAdd a Layer MaskAdd a Layer Mask

Passo 5

Duplique a camada Filtros 01 e renomeie a cópia para Filtros 02.

Duplicate the LayerDuplicate the LayerDuplicate the Layer

4. Como Trabalhar com Máscaras de Camada

Passo 1

Pegue a Ferramenta Letreiro Retangular (M), crie algumas seleções aleatórias que cubram partes do texto e certifique-se de estender as seleções para que elas alcancem a parte de fora dos lados esquerdo e direito do texto.

Mantenha um espaço vertical suficiente entre as seleções para que possamos criar mais algumas seleções entre elas.

Create SelectionsCreate SelectionsCreate Selections

Passo 2

Selecione a miniatura da máscara de camada da camada Filtros 01 e Preencha a seleção com a cor Branca.

Pressione Command/Ctrl-D para Desselecionar.

Fill the SelectionFill the SelectionFill the Selection

Passo 3

Pressione-e-segure a tecla Option/Alt e clique na miniatura da máscara da camada Filtros 01 para exibi-la. Nós vamos usar ela como referência para criar as seleções entre as linhas que já temos.

Show the Layer MaskShow the Layer MaskShow the Layer Mask

Passo 4

Use a Ferramenta Letreiro Retangular (M) novamente para criar linhas mais finas entre as que já temos, mas mantenha algumas áreas desselecionadas também.

Create More SelectionsCreate More SelectionsCreate More Selections

Passo 5

Pressione-e-segure a tecla Option/Alt e clique na miniatura da máscara da camada Filtros 01 novamente para conseguir o conteúdo original, selecione a miniatura da máscara da camada Filtros 02 e Preencha a nova seleção com a cor Branca.

Desselecione quando você tiver terminado.

Fill the SelectionFill the SelectionFill the Selection

5. Como Aplicar os Filtros de Efeito de Falha

Passo 1

Selecione a camada Filtros 01, vá para Filtro > Pixelização > Meia-Tinta (Filter > Pixelate > Mezzotint) e defina o Tipo para Traçados Curtos (Short Strokes).

Mezzotint FilterMezzotint FilterMezzotint Filter

Passo 2

Selecione a camada Filtros 02 e vá para Filtro > Distorção > Ondas (Filter > Distort > Wave). Este pode ser um filtro complicado de se aplicar, então você pode precisar testar diferentes valores até obter o resultado desejado.

Os valores usados aqui são:

  • Número de Geradores: 1
  • Comprimento da Onda (Wavelength):
    • Min. 1
    • Máx. 106
  • Amplitude:
    • Min. 90
    • Máx. 133
  • Escala:
    • Horizontal. 6
    • Vertical. 1
  • Tipo: Senoidal (Sine)
  • Áreas Indefinidas: Repetir Pixels da Aresta (Repeat Edges Pixels)
Wave Filter SettingsWave Filter SettingsWave Filter Settings

Passo 3

Vá para Filtro > Pixelização > Mezzotint (Filter > Pixelate > Mezzotint) e defina o Tipo para Traçados Longos (Long Strokes).

Mezzotint FilterMezzotint FilterMezzotint Filter

Passo 4

Vá para Filtro > Estilização > Vento (Filter > Stylize > Wind), defina o Método para Vento (Wind) e a Direção para Da Direita (From the Right).

Wind FilterWind FilterWind Filter

Passo 5

Se você precisar remover quaisquer partes indesejadas, selecione a miniatura da máscara de camada, pegue a Ferramenta Pincel (B) e escolha uma ponta redonda suave.

Defina a Cor do Primeiro Plano para Preto e pinte sobre as áreas indesejadas para escondê-las.

Hide Unwanted AreasHide Unwanted AreasHide Unwanted Areas

6. Como Adicionar Linhas de Varredura

Passo 1

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 ETERNA 250D Fuji 3510 (by Adobe).cube do menu Arquivo 3DLUT (3DLUT File).

Color LookupColor LookupColor Lookup

Passo 2

Crie uma Nova Camada acima de todas as camadas, Preencha ela com a cor Branca, chame-a de Linhas de Varredura e converta ela em um Objeto Inteligente (Smart Object).

Certifique-se de que as Cores de Primeiro e Segundo Plano estão definidas como Preto e Branco.

Create the Scanlines LayerCreate the Scanlines LayerCreate the Scanlines Layer

Passo 3

Vá até Filtro > Galeria de Filtros > Croqui > Matriz de Meio-Tom (Filter > Filter Gallery > Sketch > Halftone Pattern) e use as seguintes configurações:

  • Tamanho (Size): 1
  • Contraste: 5
  • Tipo de Padrão (Pattern Type): Linha (Line)
Halftone Pattern FilterHalftone Pattern FilterHalftone Pattern Filter

Passo 4

Altere o Modo de Mesclagem (Blend Mode) da camada Linhas de Varredura para Luz Suave (Soft Light) e sua Opacidade para 50%.

Layer SettingsLayer SettingsLayer Settings

Passo 5

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

Altere a Opacidade da camada para 25%.

Pattern Fill LayerPattern Fill LayerPattern Fill Layer

7. Como Criar uma Sobreposição de Ruído

Passo 1

Crie uma Nova Camada acima de todas as camadas, preencha-a com a cor Preta, chame-a de Ruído e converta-a em Objeto Inteligente (Smart Object).

Create the Noise LayerCreate the Noise LayerCreate the Noise Layer

Passo 2

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

  • Intensidade: 40
  • Contraste: 50
  • Tipo de Granulado (Grain Type): Pontilhado (Stippled)
Grain Texture FilterGrain Texture FilterGrain Texture Filter

Passo 3

Clique em OK, e vá novamente até Filtro > Galeria de Filtros > Textura > Granulado (Filter > Filter Gallery > Texture > Grain) e use os mesmo valores do passo anterior.

Grain Filter SettingsGrain Filter SettingsGrain Filter Settings

Passo 4

Clique no ícone Nova Camada de Efeito (New Effect Layer) no canto inferior direito, vá para Croqui > Crayon Conté (Sketch > Conté Crayon) e use as seguintes configurações:

  • Nível do Primeiro Plano (Foreground Level): 7
  • Nível do Plano de Fundo (Background Level): 7
  • Textura: Tela de Pintura (Canvas)
  • Escala (Scaling): 100%
  • Relevo (Relief): 4
  • Luz ou Suave (Light): Superior (Top)
Conte Crayon FilterConte Crayon FilterConte Crayon Filter

Passo 5

Altere o Modo de Mesclagem (Blend Mode) da camada Ruído para Subexposição Linear (Adicionar) (Linear Dodge (Add)) e sua Opacidade para 20%.

Set Blend Mode to Linear DodgeSet Blend Mode to Linear DodgeSet Blend Mode to Linear Dodge

Passo 6

Use a Ferramenta de Letreiro Retangular (M) para criar seleções aleatórias sobre todo o documento, mas tente evitar a criação de seleções muito grandes sobre o texto.

Create Random SelectionsCreate Random SelectionsCreate Random Selections

Passo 7

Pressione Command/Ctrl-J para Duplicar a seleção em uma Nova Camada, renomeie-a para Linhas de Ruído e altere seu Modo de Mesclagem (Blend Mode) para Subexposição de Cores (Color Dodge).

Add Noise LinesAdd Noise LinesAdd Noise Lines

Parabéns! Você Terminou!

Neste tutorial, nós criamos alguns objetos inteligentes das camadas de texto e usamos as opções de mesclagem e estilos de camada para criar o efeito principal da falha.

Em seguida, nós criamos camadas de filtro e ajustamos suas máscaras de camada.

Finalmente, nós usamos um monte de filtros para terminar o efeito da falha, bem como adicionamos uma sobreposição de ruído rápido para torná-lo mais realista.

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

Glitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop TutorialGlitch Text Effect Photoshop Tutorial
One subscription.
Unlimited Downloads.
Get unlimited downloads