25 de jul. de 2020

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


Final product image 
 
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.
  • 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.
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
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
Redimensione a imagem para as bordas do documento de trabalho e pressiona a tecla Enter.
Resizing of image
Pressiona a tecla T para criar uma nova camada de texto no canto superior direito.
Creation of text layer
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
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
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
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
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).
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
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
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
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.

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
Agora, adicione a Máscara para a quarta camada.
Applying color distortion to only one layer
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
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:
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
Enquanto segura a tecla Shift, mova esta camada em 600 px para baixo.
Creation of mirror effect
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
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
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:
Crie uma nova camada ao pressionar as teclas Shift-Control-N e a preencha (Fill) com a cor branca.
Creation of First TV texture
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
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
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
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
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
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
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
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
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
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
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
Crie uma nova camada usando as teclas Shift-Control-N e a preencha (Fill) com a cor preta.
Creation of confetti texture
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
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
Vá para Imagem > Ajustes (Image > Adjustments), selecione Limiar (Threshold) e ajuste para 240.
Creation of confetti texture
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
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
Segurando a tecla Shift, mova a nova camada em 60 px para a direita.
Creation of confetti texture
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%.
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
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
Vá para Filtro > Desfoque > Desfoque Gaussiano (Filter > Blur > Gaussian Blur) e aplique as seguintes configurações: Raio: 4 px (Radius).
Creation of tv frame
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
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
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
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
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
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
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
 
Previous Post
Next Post

post written by:

0 Comentários: