Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Effects
Design

Como Criar Efeito de Glitch Art de Fita VHS no Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called How to Make Glitch Art.
How to Create a Selective Animated Glitch Photo Effect in Adobe Photoshop
How to Create a Quick Retro Video Glitch Text Effect in Adobe InDesign

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

Final product image
What You'll Be Creating

Você gosta daquele visual sujo e com ruídos das fitas velhas de VHS (formato de gravação analógica de vídeo)?  Existem diferentes maneiras de adicionar tais efeitos a suas imagens e até mesmo de criar uma animação a partir de uma imagem estática usando o Animated VHS Creation Kit.

Este tutorial irá lhe mostrar como converter a sua imagem para um quadro (frame) de VHS em passos simples, utilizando apenas as ferramentas padrões do Photoshop.

Materiais do Tutorial

  • Para este tutorial, você poderá usar qualquer imagem que desejar.  Você pode encontrar algumas fotos gratuitas no Unsplash e no Pixabay, ou comprar fotos de alta qualidade no PhotoDune.  Eu escolhi esta foto do Pixabay.
  • Fonte gratuita: VCR-OSD-Mono.

1. Preparar o Documento

Passo 1

Use as teclas Control-N para criar um novo documento de trabalho e aplique as seguintes configurações: 1500 x 1000 px; 300 dpi.

Creation of document

Passo 2

Vá para Arquivo > Colocar Incorporados (File > Place) e, na janela que se abrirá, escolha sua imagem original para adicioná-la ao documento.

Adding your image

Passo 3

Redimensione a imagem para as bordas do documento de trabalho e pressiona a tecla Enter.

Resizing of image

Passo 4

Pressiona a tecla T para criar uma nova camada de texto no canto superior direito.

Creation of text layer

Passo 5

Pressione a tecla U e, no painel de controle, selecione a opção Ferramenta Polígono (Polygon Tool). Crie uma forma de triângulo ao definir o número de lados para 3.  Em seguida, posicione a forma criada como mostra a imagem abaixo:

Creation of play icon

Passo 6

Selecione suas camadas enquanto segura a tecla Shift. Em seguida, clique com o botão direito do mouse e escolha Mesclar Camadas (Merge Layers).

Merging all layer to one

Passo 7

Agora, clique com o botão direito do mouse na camada restante e selecione Converter em Objeto Inteligente (Convert to Smart Object).

Creation of Smart Object

Passo 8

Clique novamente com o botão direito do mouse sobre a camada e, na janela que se abrirá, selecione Duplicar Camada (Duplicate) para criar quatro cópias do seu Objeto Inteligente.

Creation of duplicates of layers

2. Criar os Efeitos

Passo 1

Desative a visibilidade de todas as camadas, exceto as duas primeiras. Em seguida, clique duas vezes na segunda camada e, no painel de controle do estilo de camada, desmarque os canais Verde (Green) e Azul (Blue).

Passo 2

Pressione a tecla V e, segurando a tecla Shift, mova sua segunda camada em 30 px para a direita.

Creation of first color shift effect

Passo 3

Ative a visibilidade da terceira camada e desmarque os canais Vermelho (Red) e Verde (Green), da mesma forma que foi feito anteriormente.  Em seguida, segurando a tecla Shift, mova a camada em 20 px para a esquerda.

Creation of second color shift effect

Passo 4

Ative a visibilidade da quarta camada e, no menu superior, vá para Camada > Nova Camada de Ajuste > Matiz/Saturação (Layer > New Adjustments Layer > Hue/Saturation).

Creation of color distortion effect

Passo 5

Clique duas vezes na camada de ajustes que foi criada e modifique a configuração de Saturação (Saturation) para +100.

Creation of color distortion effect

Como você pode ver, o efeito de saturação foi aplicado por toda a imagem, porém precisamos ajustá-lo para atingir apenas algumas áreas.


Passo 6

Clique com o botão direito do mouse na camada de ajuste Matiz/Saturação (Hue/Saturation) e selecione Criar Máscara de Corte (Clipping Mask), para que o efeito seja aplicado apenas na camada inferior.

Applying color distortion to only one layer

Passo 7

Agora, adicione a Máscara para a quarta camada.

Applying color distortion to only one layer

Passo 8

Pressiona a tecla Alt com o botão esquerdo do mouse sobre a camada de máscara para abri-la.  Preencha (Fill) a máscara com a cor preta.

Applying color distortion to only one layer

Passo 9

Pressione a tecla M e selecione as áreas da máscara em que você gostaria de revelar o efeito. Preencha (Fill) estas áreas com a cor branca.

Creation of mask for color distortion effect

Agora, temos o efeito de saturação aplicado em determinadas áreas da imagem:

Passo 10

Adicione a Máscara para a quinta camada e a preencha (Fill) com a cor preta.  Em seguida, crie uma grande área branca um pouco acima do centro. 

Creation of mask for mirror effect

Passo 11

Enquanto segura a tecla Shift, mova esta camada em 600 px para baixo.

Creation of mirror effect

Passo 12

Vá para Filtro > Desfoque > Desfoque de Movimento (Filter > Blur > Motion Blur) e aplique as seguintes configurações: Ângulo: 15º; Distância: 15 (Angle, Distance).

Creation of mirror effect

Passo 13

Vamos adicionar mais algumas distorções na imagem.  Vá para Filtro > Distorção > Ondulações (Filter > Distortion > Twirl) e use as seguintes configurações: Ângulo: 50° (Angle).

Creation of mirror effect

Passo 14

Clique com o botão direito do mouse na camada de ajuste Matiz/Saturação (Hue/Saturation) e selecione Duplicar Camada (Duplicate).  Em seguida, a posicione acima da quinta camada e, ao clicar com o botão direito nela, selecione a opção Criar Máscara de Corte (Clipping Mask).

Creation of mirror effect

Abaixo está o resultado da imagem após todas as manipulações realizadas anteriormente:

3. Criar as Texturas de VHS

Passo 1

Crie uma nova camada ao pressionar as teclas Shift-Control-N e a preencha (Fill) com a cor branca. 

Creation of First TV texture

Passo 2

Vá para Filtro > Galeria de Filtros > Croqui (Filter > Filter Gallery > Sketch) e selecione a opção Matriz de Meio-Tom (Halftone Pattern).  Aplique as seguintes configurações: Tamanho: 2; Contraste: 2 (Size, Contrast).

Creation of First TV texture

Passo 3

Clique duas vezes na camada e aplique as seguintes configurações: Modo de Mesclagem: Sobrepor (Blending Mode: Overlay); Opacidade (Opacity): 25%.  Na mesma janela, desmarque os canais Vermelho (Red) e Azul (Blue).

Creation of First TV texture

Passo 4

Clique com o botão direito do mouse na camada de textura e selecione Duplicar Camada (Duplicate). Depois, pressione as teclas Control-T (Transformação Livre) e, enquanto segura a tecla Shift, gire a camada em 90º para redimensioná-la até as bordas do documento de trabalho.

Creation of second TV texture

Passo 5

Clique duas vezes na camada e aplique as seguintes configurações: Modo de Mesclagem: Normal; Opacidade: 15% (Blending Mode: Normal; Opacity: 15%). Desmarque os canais Verde (Green) e Azul (Blue).

Creation of second TV texture

Passo 6

Pressione a tecla U e, ao clicar com o botão direito do mouse no painel de controle, selecione a Ferramenta Retângulo (Rectangle Tool).  Depois, crie uma forma seguindo as seguintes configurações: Largura: 1800 px; Altura: 120 (Width, Height).

Creation of noise stripe

Passo 7

Clique com o botão direito do mouse na camada do retângulo criado e selecione a opção Rasterizar Camada (Rasterize Layer).

Creation of noise stripe

Passo 8

Vá para Filtro > Ruído > Adicionar Ruído (Filter > Noise > Add Noise) e aplique as seguintes configurações: Intensidade: 400%; Distribuição: Uniforme; Monocromático (Amount: 400%; Distribution: Uniform; Monochromatic).

Creation of noise stripe

Passo 9

Vá para Filtro > Desfoque > Desfoque de Movimento (Filter > Blur > Motion Blur) e aplique as seguintes configurações: Ângulo: 0º; Distância: 20 px (Angle: 0°; Distance: 20 px).

Creation of noise stripe

Passo 10

Vá para Imagem > Ajustes > Brilho/Contraste (Image > Adjustments > Brightness/Contrast) e aplique as seguintes configurações: Brilho: 150; Contraste: 100 (Brightness: 150; Contrast: 100).

Creation of noise stripe

Passo 11

Na camada de retângulo, pressione as teclas Control-I para inverter as cores do filtro de ruído da textura. Em seguida, clique duas vezes em cima da camada e altere o Modo de Mesclagem (Blending Mode) para Subexposição de Cores (Color Dodge).

Creation of noise stripe

Passo 12

Clique com o botão direito do mouse na camada com o filtro de ruído e selecione Duplicar Camada (Duplicate). Repita o processo algumas vezes. Depois, segurando a tecla Shift, mova as cópias para diferentes áreas do documento de trabalho.

Adding more noise stripes

Passo 13

Crie uma nova camada usando as teclas Shift-Control-N e a preencha (Fill) com a cor preta. 

Creation of confetti texture

Passo 14

Vá para Filtro > Ruído > Adicione Ruído (Filter > Noise > Add Noise) e aplique as seguintes configurações: Intensidade: 400%; Distribuição: Uniforme; Monocromático (Amount: 400%; Distribution: Uniform; Monochromatic).

Creation of confetti texture

Passo 15

Agora, adicione o efeito Bordado (Patchwork) à camada usando Filtro > Galeria de Filtros > Textura > Bordado (Filter > Filter Gallery > Texture > Patchwork). Aplique as seguintes configurações: Tamanho do Quadrado : 0; Relevo: 0 (Square Size, Relief).

Creation of confetti texture

Passo 16

Vá para Imagem > Ajustes (Image > Adjustments), selecione Limiar (Threshold) e ajuste para 240

Creation of confetti texture

Passo 17

Clique duas vezes na camada e aplique as seguintes configurações: Modo de Mesclagem: Divisão; Opacidade: 100% (Blending Mode: Screen, Opacity: 100%).  Desmarque os canais Vermelho (Red) e Azul (Blue).

Creation of confetti texture

Passo 18

Agora você irá precisar duplicar essa camada. Para isso, clique com o botão direito do mouse nela e selecione Duplicar Camada (Duplicate). Em seguida, clique duas vezes na nova camada e marque os canais Vermelho (Red) e Azul (Blue), e desmarque o canal Verde (Green).

Creation of confetti texture

Passo 19

Segurando a tecla Shift, mova a nova camada em 60 px para a direita.

Creation of confetti texture

Passo 20

Cria uma nova camada usando as teclas Shift-Control-N e a preencha (Fill) com a cor preta.  Altere a opção de preenchimento (Fill) para 0%.

Passo 21

Clique duas vezes na camada e selecione o parâmetro de Traçado (Stroke).  Aplique as seguintes configurações: Tamanho: 25 px; Posição: Interna; Cor: Preta (Size: 25 px; Position: Inside, Color: Black).

Creation of tv frame

Passo 22

Agora você irá precisar rasterizar o estilo de camada. Para isso, clique com o botão direito do mouse na camada e selecione Rasterizar Estilo de Camada (Rasterize Layer Style).

Creation of tv frame

Passo 23

Vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e aplique as seguintes configurações: Raio: 4 px (Radius). 

Creation of tv frame

Passo 24

Pressione as teclas Control-T (Transformação Livre) e, segurando o Shift, redimensione seu quadro para caber dentro do documento de trabalho. 

Creation of tv frame

4. Correções de Cor

Passo 1

Agora você irá precisar criar camadas de correção de cor para reforçar o visual de “VHS” na imagem final.  Vá para Camada > Nova Camada de Ajuste > Curvas (Layer > New Adjustment Layer > Curves).

Creation of curves for VHS color correction

Passo 2

Clique com o botão direito na sua camada de ajuste de curvas e selecione Duplicar Camada (Duplicate). Em seguida, posicione a cópia acima da primeira camada.

Creation of curves for VHS color correction

Passo 3

Clique duas vezes no ícone da primeira camada de ajuste de curvas e aplique as seguintes configurações, conforme a imagem abaixo:

Creation of curves for VHS color correction

Passo 4

Agora, clique duas vezes na primeira camada de ajuste de curvas e mude sua Opacidade (Opacity) para 35%.

Creation of curves for VHS color correction

Passo 5

Clique duas vezes na segunda camada de ajuste de curvas e selecione como predefinição (preset) do Photoshop a opção Contraste Intenso (Strong Contrast).

Creation of curves for VHS color correction

Ótimo trabalho, você terminou o tutorial!

Dessa forma simples, podemos criar um efeito glitch de VHS a partir de qualquer imagem, usando apenas ferramentas padrões do Photoshop.

Final product image

Abaixo, você também pode ver a animação criada com o Animated VHS Creation Kit a partir da mesma imagem. 


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.