Advertisement
  1. Design & Illustration
  2. Text Effects

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

by
Difficulty:BeginnerLength:ShortLanguages:
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 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 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 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 Object

Passo 4

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

Duplicate the Text Layer

Passo 5

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

Hide 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 Blending

Passo 2

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

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

Isso vai estilizar a parte vermelha do texto.

Styled 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 Options

Passo 4

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

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

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

Styled 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 Layers

Passo 2

Duplique ambas as camadas Texto 01 e Texto 02.

Duplicate 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 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 Mask

Passo 5

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

Duplicate 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 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 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 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 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 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 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 Settings

Passo 3

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

Mezzotint 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 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 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 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 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 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 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 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 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 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 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 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 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 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 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 Tutorial
Advertisement
Advertisement
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.