O efeito Matrix, conhecido do filme de culto, é um dispositivo estilístico fascinante para criar um aspeto digital e futurista. Com o Photoshop, pode não só recriar o icónico código verde, mas também animá-lo para dar aos seus designs um toque dinâmico e vibrante. Neste tutorial, vou mostrar-lhe, passo a passo, como criar e animar o efeito de matriz - perfeito para vídeos, websites ou projectos criativos. Vamos mergulhar no mundo da estética digital!
Passo 1:
Primeiro, crio um novo documento; o tamanho é irrelevante. Escolho um tamanho muito pequeno de 800x600 pixéis. Se quiser imprimir este efeito, deve alterar a unidade de pixéis para cm e a resolução de 72 para 300 pixéis/polegada.
Passo 2:
Agora abro um ficheiro de imagem no editor (de preferência um ficheiro de imagem muito pequeno, porque senão demora muito tempo a abrir) e copio cerca de 2 páginas de salada de caracteres para ele.
Passo 3:
A seguir, colo o meu texto copiado numa camada de texto utilizando, por exemplo, o tipo de letra Courier num tamanho de 10 pt com uma cor verde. A camada de fundo deve ser preta.
Passo 4:
Agora, altero a direção do texto clicando no símbolo correspondente no canto superior esquerdo.
Passo 5:
Para que nem todas as letras fiquem visíveis, ou algumas apenas ligeiramente, crio uma máscara e executo o filtro Difference Clouds (Menu>Filtro>Filtro de renderização) com as cores predefinidas preto/branco. Repito isto com Ctrl+F até ficar satisfeito. Dupliquei e esbati rapidamente a camada de texto antes de executar as nuvens de diferença.
Passo 6:
Utilizando a correção de tom (Ctrl+L), posso fazer com que as letras se destaquem ainda mais movendo o seletor central.
Passo 7:
Agora dou à minha camada de texto um brilho exterior. Para o fazer, clico com o botão direito do rato na minha camada de texto no painel de controlo de camadas e clico em Opções de preenchimento.
Passo 8:
Agora posso voltar a mostrar a camada de texto superior e ocultar a segunda por enquanto. Depois inverto a máscara de camada com Ctrl+I (active a máscara uma vez clicando nela) para que fique completamente preta. Agora, pego num pincel com um tamanho de, por exemplo, 6 píxeis, que também é bastante suave. Agora posso desenhar traços rectos mantendo premida a tecla Shift. Para fazer isso, no entanto, tem de soltar a tecla Shift depois de arrastar e clicar novamente num ponto diferente e, em seguida, arrastar o traço enquanto mantém premida a tecla Shift.
Passo 9:
Agora faço isto algumas vezes em toda a imagem e depois aumento a opacidade do estilo de camada brilho para fora.
Passo 10:
Depois, misturo todas as camadas novamente. O resultado já está muito bom.
Passo 11:
Agora quero mostrar como uso o efeito para o animar ainda mais. Para o fazer, abro o meu painel de controlo de animação em Menu>Janela e aumento a camada de texto inferior.
Passo 12:
Agora, desdobro a camada no painel de animação e clico no cronómetro ao lado de Posição. Isto cria um quadro-chave que recorda a posição atual da minha camada de texto.
Passo 13:
Se eu agora arrastar o controlo deslizante na linha de tempo para 05:00f, por exemplo, é criado automaticamente um novo quadro-chave. Agora, movo a minha camada de texto bastante para baixo com a ferramenta Mover. E a minha pequena animação está pronta. Se eu quiser que todas as camadas de texto se movam com ela, posso selecionar todas as camadas no painel Camadas e fundi-las num objeto inteligente. Depois, basta deixar o objeto inteligente mover-se.
Passo 14:
Uma vez que a reprodução no Photoshop é bastante instável para mim, produzo-o como um filme QuickTime em Ficheiro>Exportar>Renderizar vídeo. Pode ver a animação finalizada aqui.
Passo 15:
No final do workshop, gostaria de vos mostrar como envolver uma fotografia por trás do efeito de matriz. Vou inserir uma fotografia à minha escolha.
Passo 16:
Agora só preciso de alterar o modo de mistura para Dodge Coloured e as letras ficarão brilhantes onde houver pixéis de imagem brilhantes na fotografia.
Passo 17:
Posso mover a fotografia em qualquer altura e os caracteres de texto ajustar-se-ão automaticamente.
Passo 18:
Se mover a camada da fotografia para o topo da hierarquia de camadas, o resultado é o seguinte:
Passo 19:
Com o modo de mistura Escurecer, o resultado é o seguinte:
Passo 20:
Engenhoso: posso até copiar a fotografia para a área de transferência e depois, mantendo premida a tecla Alt, clicar na máscara de camada da camada de texto e usar a minha fotografia como máscara de camada com Ctrl+V.
Passo 21:
Ou converto a minha camada de texto num objeto inteligente e posso aplicar-lhe um desfoque, que por sua vez oculto novamente em alguns locais utilizando a máscara de objeto inteligente.
Passo 22:
Dica: Também posso simplesmente duplicar a minha camada de texto inferior, movê-la para o topo e alterar o tamanho do texto de 10 para 8, por exemplo. Depois, defina a opacidade para cerca de 17% e o efeito fica ainda mais fixe.
Passo 23:
No meu caso, o resultado é o seguinte: cancelei a máscara da camada superior mantendo premida a tecla Shift:
