Neste tutorial de Efeitos Photoshop, aprenderemos como criar um efeito “pixel digital”, que é frequentemente usado em anúncios que vendem qualquer coisa relacionada com o digital. Vamos primeiro pixelar toda a nossa imagem usando um filtro muito simples, e depois vamos experimentar com uma máscara de camadas, o ajuste de opacidade e alguns modos de mistura de camadas para criar variações diferentes no nosso efeito. No final do tutorial, vamos até ver como algo tão simples como mudar o modo de mistura de uma layer pode criar um efeito totalmente novo!
Aqui está a imagem original com a qual vou começar:
Como eu disse, vamos olhar para algumas variações diferentes no efeito. Aqui está a primeira para a qual vamos trabalhar:
Aqui está a segunda:
E apenas como exemplo da facilidade com que podemos criar o que parece ser um efeito totalmente diferente simplesmente mudando o modo de mistura de uma camada, vamos terminar com este:
Este tutorial é da nossa série Photo Effects. Vamos começar!
- Passo 1: Duplique a camada de fundo
- Passo 2: Pixelate The Duplicate Layer
- Passo 3: Adicionar uma máscara de camadas
- Passo 4: Seleccione a Ferramenta Gradiente
- Passo 5: Redefinir as cores de primeiro plano e segundo plano, se necessário
- Passo 6: Seleccione o Gradiente “Foreground to Background”
- Passo 7: Arraste um gradiente preto para branco na máscara de gradiente
- Passo 8: Preencha a Máscara de Camada com Branco
- Passo 9: Selecione a ferramenta Pincel
- Passo 10: Paint With Black To Reveal Parts Of The Image
- Passo 11: Baixar a Opacidade da Camada Pixelada
- Passo 12: Experimentar com diferentes modos de mistura para a camada pixelizada para diferentes resultados
Passo 1: Duplique a camada de fundo
A primeira coisa que preciso fazer para este efeito é duplicar a minha camada de fundo. Com a minha imagem aberta no Photoshop, posso ver na minha paleta Layers que actualmente só tenho uma camada, a camada Background, que contém a minha imagem:
>
I’m going to duplicate that layer using the keyboard shortcut Ctrl+J (Win) / Command+J (Mac), and now I can see in my Layers palette that I have two layers, with the copy of the Background layer above the original. O Photoshop chamou-lhe “Layer 1”:
Passo 2: Pixelate The Duplicate Layer
Próximo precisamos de pixelar a nova camada, e podemos fazer isso indo até ao menu Filter no topo da tela, escolhendo Pixelate, e depois escolhendo Mosaic. Isto faz surgir a caixa de diálogo do filtro “Mosaic”. Arraste a barra deslizante na parte inferior para alterar a opção Cell Size, que aumenta ou diminui o número e tamanho de pixels que são criados a partir da imagem. Arrastar para a direita cria menos mas maiores pixels, enquanto arrastar para a esquerda lhe dá mais mas menores pixels. Vou definir meu Tamanho da Célula para aproximadamente 18:
Clique OK para sair da caixa de diálogo. Aqui está minha imagem depois de aplicar o filtro Mosaic:
Agora que pixelamos a imagem, há algumas coisas diferentes que podemos fazer com ela, e vamos olhar para elas em seguida.
Passo 3: Adicionar uma máscara de camadas
I’m going to add a layer mask to the pixelated layer at this point. Para fazer isso, com “Layer 1” selecionado, vou clicar no ícone “Layer Mask” na parte inferior da paleta Layers:
Esta adiciona uma máscara de camadas à “Layer 1”, e se olharmos na paleta Layers, podemos ver que também adiciona uma miniatura da máscara de camadas à direita da miniatura do conteúdo da camada:
>
Tambem podemos dizer que a máscara de camada, e não o conteúdo da camada, é actualmente seleccionada pela margem branca de realce que aparece à volta da miniatura da máscara de camada.
Passo 4: Seleccione a Ferramenta Gradiente
Vamos usar a nossa máscara de camadas para misturar a imagem original na camada de fundo e a imagem pixelada na “Layer 1” juntas, e para isso precisamos da Ferramenta Gradiente, por isso seleccione-a na paleta Tools ou pressione G no seu teclado:
Passo 5: Redefinir as cores de primeiro plano e segundo plano, se necessário
Queremos preto como cor de primeiro plano e branco como cor de segundo plano. Normalmente essas são as cores padrão do Photoshop para primeiro plano e segundo plano, exceto quando temos uma máscara de camada selecionada, o que fazemos atualmente. Sempre que temos uma máscara de camadas seleccionada, as cores predefinidas são trocadas, com o branco a tornar-se a cor de primeiro plano predefinida e o preto a tornar-se a cor de fundo predefinida. Para definir rapidamente as nossas cores Foreground e Background para preto e branco respectivamente (lembrando que temos uma máscara de layer seleccionada), prima D no seu teclado para as repor para as suas predefinições, e depois prima X para as trocar. Você verá na paleta de Ferramentas que a amostra de cores Foreground está agora mostrando preto e a amostra de cores Background está agora mostrando branco:
Passo 6: Seleccione o Gradiente “Foreground to Background”
Com a Ferramenta Gradiente seleccionada e as nossas cores Foreground e Background definidas para preto e branco, olhe para cima na Barra de Opções no topo do ecrã para ver qual o gradiente que seleccionou actualmente. Se a área de pré-visualização do gradiente estiver mostrando um gradiente de preto para branco, você está pronto:
Se estiver mostrando algum outro gradiente, clique na pequena seta apontando para baixo à direita da área de pré-visualização do gradiente. O Gradient Picker aparecerá abaixo dele. Selecione o gradiente “Foreground to Background” no canto superior esquerdo, depois clique em qualquer lugar fora do Gradient Picker para fechá-lo:
Passo 7: Arraste um gradiente preto para branco na máscara de gradiente
Agora temos o nosso gradiente preto para branco, podemos usá-lo para misturar a camada de fundo e a camada pixelada, criando a nossa primeira variação no efeito. Eu quero que a área de transição da minha mistura apareça no rosto do cara do cara, então metade do rosto dele (e metade da imagem também) está pixelada e a outra metade não. Para conseguir isso, vou clicar abaixo do olho direito dele e então, segurando minha tecla Shift para ter certeza que eu arrasto em uma linha horizontal, vou arrastar meu mouse até a borda esquerda do rosto dele:
A área entre onde eu comecei e terminei meu gradiente vai se tornar a área de transição entre a imagem pixelizada na “Camada 1” e a imagem original na camada Background. Quando solto o botão do meu mouse, recebo meu efeito de transição:
Passo 8: Preencha a Máscara de Camada com Branco
Vejamos outra variação no nosso efeito “digital pixel”. Primeiro, precisamos remover o gradiente que adicionamos à máscara de camadas um momento atrás. Poderíamos simplesmente pressionar Ctrl+Z (Win) / Command+Z (Mac) para desfazê-la, mas vamos preencher novamente a máscara de camadas com branco em seu lugar. Para fazer isso, com a miniatura da máscara de camadas selecionada na paleta Layers e branco como nossa cor de fundo atual, use o atalho de teclado Ctrl+Backspace (Win) / Command+Delete (Mac) para preencher a máscara de camadas com a cor de fundo (branco). A miniatura da máscara de camadas aparecerá mais uma vez em branco sólido, e a imagem aparecerá agora completamente pixelada mais uma vez:
Passo 9: Selecione a ferramenta Pincel
Selecione a ferramenta Pincel na paleta Ferramentas, ou pressione B para o atalho do teclado:
Passo 10: Paint With Black To Reveal Parts Of The Image
Usando um pincel de gume suave e com o preto ainda como nossa cor de primeiro plano, vou revelar a parte principal do seu rosto simplesmente pintando sobre ele com a minha ferramenta Pincel. Como estou pintando sobre a máscara da camada e não sobre a imagem em si, em qualquer lugar que eu pintei com preto esconderei a camada pixelada e revelarei a camada de fundo abaixo dela. Eu posso redimensionar meu pincel na mosca usando as teclas de colchetes esquerda e direita do meu teclado, e posso colocar meu pincel em uma borda suave segurando a tecla Shift e pressionando a tecla de colchetes esquerda algumas vezes:
Aqui está minha imagem depois de revelar as principais áreas do seu rosto pintando sobre elas com preto, dando a impressão de que ele está de alguma forma olhando através dos pixels:
Passo 11: Baixar a Opacidade da Camada Pixelada
Vou deixar a imagem original mostrar parcialmente através da imagem pixelada, e posso fazer isso simplesmente subindo para a opção Opacidade no canto superior direito da paleta de Camadas e baixando o valor da opacidade. Vou baixar para cerca de 75%:
Aqui está a minha imagem após diminuir a opacidade da camada pixelizada, criando a nossa segunda variação no efeito:
Passo 12: Experimentar com diferentes modos de mistura para a camada pixelizada para diferentes resultados
Para criar ainda mais variações no efeito, experimente com diferentes modos de mistura para a camada pixelizada subindo para as opções de modo de mistura no canto superior esquerdo da paleta Layers e selecionando diferentes da lista. Primeiro, vou definir a Opacidade da minha camada pixelada de volta a 100%. Depois, vou mudar o meu modo de mistura da layer de “Normal” para Darken:
Aqui está o efeito que obtenho com a layer pixelated definida para “Darken”:
Tentemos o modo de mistura Lighten, novamente alterando-o no canto superior esquerdo da paleta Layers:
Aqui está o efeito que obtenho com o modo de mistura “Lighten”:
Apenas para lhe mostrar o quanto diferente um efeito pode parecer simplesmente mudando os modos de mistura de camadas, vamos tentar mais um. Vou mudar o meu modo de mistura desta vez para Hard Mix:
Acho que você vai concordar que o efeito agora parece completamente diferente, mesmo que tudo o que fizemos foi mudar o modo de mistura:
E aí está! Esse é o nosso olhar sobre como criar um simples efeito “digital pixel” e um exemplo de como podemos criar variações diferentes no mesmo efeito, e até mesmo criar efeitos totalmente novos, experimentando com máscaras de camadas e modos de mistura no Photoshop.
Confira nossa seção de Efeitos de Foto para mais tutoriais de efeitos do Photoshop!