Como criar imagens VHS #1 - Aberração cromática e desfoque

Olá cyberproletáries! Como prometido há algum tempo atrás, vou começar a publicar tutoriais dos efeitos e técnicas que uso nas imagens da Ｄｏｃｔｒｉｎａｔｉｏｎｗａｖｅ. A ferramenta que utilizo é o Photoshop CS6, e boa parte dos tutoriais centrarão-se nela. Assumirei que você tem apenas um conhecimento básico do programa, e portanto os passos serão os mais mastigadinhos e explicativos possíveis.

Nesta série de tutoriais, focaremos em simular uma imagem de VHS, efeito muito comum no vaporwave e em outros gêneros de webarte - utilizaremos um bocado de técnicas para isso. E nesta primeira parte, ensinarei a vocês como reproduzir a qualidade baixa desse tipo de vídeo, criando no Photoshop um efeito de aberração cromática e de desfoque.

Utilizaremos neste tutorial esta foto do Mark Fisher, filósofo comunista e crítico cultural britânico cuja obra estamos traduzindo junto com outros membros da União Cybercomunista: https://k-punk-pt-br.github.io/

Aberração cromática é a situação em que as cores de uma imagem saem do seu local correto, e torna-se possível ver “bordas” coloridas nos objetos. Em uma fita de VHS, havia uma camada para a luminosidade (uma camada “preto-e-branco”) e outra para as cores - esta última possuía menor resolução do que a primeira, o que favorecia a ocorrência de aberração cromática, especialmente em fitas antigas, de baixa qualidade ou danificadas. Muitas câmeras antigas também produziam naturalmente esse efeito, intensificando sua ocorrência na imagem final.

Um vídeo de VHS possui baixa resolução (333×480 de pixels de luminosidade e 40x480 de pixels de cor em modelos NTSC, 335×576 e 40x576 em modelos PAL), e boa parte das imagens que utilizaremos tem tamanho muito maior - e é por isso que simularemos a baixa qualidade desse tipo de vídeo por meio de efeitos de desfoque.

Na imagem abaixo, tirada de uma fita cassete, você pode ver tanto a aberração cromática ocorrendo, como notar a baixa resolução de uma imagem de VHS.

Com tudo isso explicado, vamos ao tutorial em si.

1.1 - O efeito de aberração cromática

Crie uma nova imagem no Photoshop. É recomendável que o tamanho esteja ou na proporção 4x3 (a proporção de um vídeo VHS real), ou 1x1 (uma imagem quadrada, ideal para postar em boa parte das redes sociais).

Insira a imagem-base que você quer utilizar (há várias formas, eu simplesmente copiei e colei), e posicione-a. Dê preferência a imagens-base maiores que o quadro (o tamanho da imagem nova criada no Photoshop) - precisaremos de um pouco de borda extra para algumas das coisas que faremos.

Na seção de Camadas, selecione a imagem-base e duplique-a. Você deve fazer isso até ter uma camada da imagem-base e mais 4 cópias (as quais renomeei), Vermelho, Verde, Azul e Camada “Luminosidade”.

Se você tiver prestado atenção, seguiremos mais-ou-menos o “formato” do VHS: camadas de cores e uma camada para a luminosidade.

Criando as camadas de cor

Precisaremos editar as camadas “vermelho”, “verde” e “azul” de modo que cada uma dessas camadas tenha exatamente as informações de 1 cor da imagem. Faremos isso utilizando a Ferramenta de Ajuste “Níveis”. Em primeiro lugar, selecione uma das camadas de cor.

Você então poderá seguir dois caminhos:

1. Criar uma Camada de Ajuste Níveis, o que permitirá fazer as edições necessárias sem modificar diretamente as camadas de cor.

Entretanto, assim que finalizar a edição que explicaremos mais abaixo, você terá que mesclar a camada de ajuste com a camada de cor:

1. Editar a camada de cor e aplicar diretamente o ajuste selecionando esta última usando o comando Ctrl + L, ou indo neste menu:

Seja qual for o caminho escolhido, você se defrontará com o seguinte menu:

A ferramenta Níveis permite editar a força dos tons claros, médios e escuros de uma imagem inteira ou de uma camada de cor da imagem (vermelho, verde e azul, por exemplo). Ela também permite eliminar totalmente uma dessas camadas, e é isto que faremos - em cada uma das camadas (vermelho, verde, e azul), eliminaremos duas das três cores, deixando apenas a que nomeia a camada.

Na camada Vermelho, por exemplo, eliminaremos a cor verde e a cor azul. Você deve primeiro selecionar uma dessas camadas, e depois, na seção “Níveis de Saída”, diminuir o valor da direita para 0:

Repita o mesmo para a cor azul:

Se você tiver seguido todos os passos direitinho, bastará esconder as camadas de cima e deixar só a Vermelho visível para ver o seguinte resultado:

Repita o processo nas outras camadas: na camada Verde, elimine as cores vermelho e azul; na Azul, elimine as cores verde e vermelho. Se você tiver feito tudo certo, este será o resultado:

Mesclagem de camadas: exclusão e luminosidade

Aqui será feito o segundo passo para criar o efeito de aberração cromática. Nas camadas Verde e Azul, você deve mudar a opção de Mesclagem de Camada (ela fica ao lado da “Opacidade”) de cada uma dessas camadas - de Normal para Exclusão:

Não modifique a camada “Vermelho”. A seguir, mude a Mesclagem de Camada da camada “Luminosidade” - de Normal para (olha só) Luminosidade:

A imagem parecerá não ter mudado. E é agora mesmo que faremos a mágica acontecer. Selecione a Ferramenta Mover:

Selecione cada uma das camadas de cor e experimente movê-las de diversas formas - o efeito de aberração cromática aparecerá. Eu recomendo que você segure o botão esquerdo do mouse (sem mover), depois pressione o botão Shift (sem soltar), e então mova - isso ajudará você a movimentar as camadas de forma reta.

Depois de mexer mais um pouco, fiquei satisfeito com estas cores para a aberração cromática:

Prontinho. Você agora sabe como fazer este efeito no Photoshop. A seguir, você aprenderá como baixar propositalmente a nitidez da imagem.

1.2 - Acabando com a nietzschedez

Há duas formas de simular a falta de nitidez das imagens de VHS: utilizando redução de tamanho, ou o próprio efeito “Desfoque” do Photoshop.

Primeiro método

Este método é ideal para quando você quer que a imagem fique com péssima qualidade - ele é bem destrutivo. Eu não o utilizo com tanta frequência, mas tem certas imagens que ficam perfeitas com ele.

Crie uma nova camada, selecione-a, e utilize a função “Aplicar Imagem”. Este comando une todas o conteúdo as camadas visíveis em uma única imagem e então “cola” esta na camada selecionada. Utilizaremos esse truque outras vezes no futuro, então é bom aprendê-lo.

Dica: alterando as opções de Mesclagem, você pode, por exemplo, aplicar em uma camada não-vazia uma imagem, misturando as duas. Como não queremos fazer isso desta vez, estamos trabalhando com uma camada inteiramente vazia. Caso você algum dia queira aplicar uma nova imagem em uma camada não-vazia, mas sem misturar as duas, você deve escolher a opção “Normal”

Crie um novo arquivo com o tamanho da original, e utilize a função “Tamanho da imagem” (fica na aba Imagem, a mesma de “Aplicar imagem”). Vamos reduzir o tamanho da imagem, e então aumentá-lo de volta ao original. Os valores que costumo escolher são 480 para a largura quando a imagem original é grande, ou 240 quando a imagem é pequena. O valor não é arbitrário - é o número de pixels de um vídeo VHS do tipo NTSC. Lembre-se de não desmarcar a opção “Restringir Proporções”, especialmente se você não estiver utilizando uma imagem quadrada. O melhor modo de interpolação (o algoritmo utilizado pelo Photoshop para reconstruir a imagem) para nosso efeito é o Bicúbico Automático. Você pode também testar outros, mas não utilize o “Pelo mais próximo”, ou a imagem ficará pixelizada em vez de embaçada, tal como queremos.

Depois de diminuir a imagem, redimensione-a para o tamanho original. É isto que criará um efeito de desfoque.

É muito frequente que depois deste último passo, surjam pequenas bordas transparentes nas laterais da imagem.

Para resolver este problema, duplique a camada no mínimo três vezes, e então mescle-a numa só.

Prontinho - você desfocou a imagem com sucesso.

Segundo método

Este é o método que mais utilizo, e é também o mais óbvio - utilizar o próprio Filtro de Desfoque do Photoshop. Ele serve para a maioria das situações, e é bastante customizável.

Em primeiro lugar, vamos converter as quatro camadas que criamos em Objetos Inteligentes, um tipo especial de camada no Photoshop cujas edições são facilmente reversíveis e não-permanentes. Para isso, selecione uma das camadas, e então aplique o comando Filtro > Converter para Filtros Inteligentes.

Não selecione todas as camadas de uma vez, aplique o comando camada por camada. Selecionar todas de uma vez unirá todas as camadas em uma só.

Agora você pode aplicar um Filtro de Desfoque. Selecione a Camada “Luminosidade” e faça sua escolha: Desfoque de Movimento ou Desfoque Gaussiano. O desfoque de movimento não é tão destrutivo, já o gaussiano pode ser bem drástico. Eles também dão uma sensação diferente - é melhor ver para entender.

No Desfoque de Movimento, há duas opções: a direção e a distância. Eu costumo utilizar para a opção de distância valores entre 3 e 8. O ângulo varia, mas minha dica é: quanto mais diagonal, mais distorcida a imagem ficará; quanto mais próximo da horizontal ou vertical, menos distorcida.

No Desfoque Gaussiano, há apenas a opção de Raio. Cuidado, pois o desfoque gaussiano é bem mais drástico. Costumo usar valores próximos de 1,5 pixels.

Aplique o Filtro de Desfoque individualmente em cada uma das camadas. Você pode usar filtros diferentes em cada camada - uma combinação que gosto de utilizar é Desfoque de Movimento na Camada “Luminosidade” e Desfoque Gaussiano nas camadas de cores.

E prontinho. Você conseguiu aberrar cromaticamente uma imagem, e deixar sua qualidade similar ao do VHS. Nos próximos tutoriais, ensinaremos como reproduzir outros erros de imagem presentes no VHS, além de outros toques e edições que tornarão sua imagem mais interessante, como linhas de varredura e uma forma de simular a curvatura de uma tela de TV.

Nos vemos em breve!