Neste tutorial sobre efeitos do Photoshop, aprenderemos como criar um efeito de "pixel digital", que é frequentemente usado em anúncios que vendem qualquer coisa relacionada ao digital. Primeiro, vamos pixelizar toda a imagem usando um filtro muito simples e, depois, experimentar uma máscara de camada, a configuração de opacidade e alguns modos de mesclagem de camadas para criar variações diferentes em nosso efeito. No final do tutorial, veremos até mesmo como algo tão simples como alterar o modo de mesclagem de uma camada pode criar um efeito totalmente novo!

Aqui está a imagem original com a qual começarei:

A imagem original.

Como eu disse, veremos algumas variações diferentes do efeito. Aqui está o primeiro no qual trabalharemos:

Um dos efeitos que criaremos neste tutorial.

Aqui está o segundo:

Uma variação no mesmo efeito.

E apenas como um exemplo de como podemos criar com facilidade o que parece ser um efeito completamente diferente, simplesmente alterando o modo de mesclagem de uma camada, terminaremos com este:

A variação final do efeito.

Este tutorial é da nossa série Photo Effects. Vamos começar!

Etapa 1: duplicar a camada de plano de fundo

A primeira coisa que preciso fazer para esse efeito é duplicar minha camada de plano de fundo. Com minha imagem aberta no Photoshop, posso ver na paleta Camadas que atualmente tenho apenas uma camada, a camada Fundo, que contém minha imagem:

Paleta Camadas do Photoshop, mostrando a camada Fundo.

Vou duplicar essa camada usando o atalho de teclado Ctrl + J (Win) / Command + J (Mac) e agora posso ver na minha paleta Layers que tenho duas camadas, com a cópia da camada Background acima do original. O Photoshop nomeou "Camada 1":

Pressione "Ctrl + J" (Win) / "Command + J" (Mac) para duplicar a camada Background.

Etapa 2: Pixelizar a camada duplicada

Em seguida, precisamos pixelizar a nova camada, e podemos fazer isso acessando o menu Filtro na parte superior da tela, escolhendo Pixelate e, em seguida, Mosaico . Isso abre a caixa de diálogo do filtro "Mosaico". Arraste a barra deslizante na parte inferior para alterar a opção Tamanho da célula, que aumenta ou diminui o número e o tamanho dos pixels criados a partir da imagem. Arrastar para a direita cria menos pixels, porém maiores, enquanto arrasta para a esquerda fornece mais pixels, porém menores. Vou definir meu tamanho de célula para cerca de 18:

O filtro "Mosaico" no Photoshop. Arraste a barra deslizante na parte inferior para aumentar ou diminuir o número e o tamanho dos pixels.

Clique em OK para sair da caixa de diálogo. Aqui está minha imagem depois de aplicar o filtro Mosaic:

A imagem depois de pixelizada com o filtro Mosaic.

Agora que pixelizamos a imagem, há algumas coisas diferentes que podemos fazer com ela, e veremos a seguir.

Etapa 3: adicionar uma máscara de camada

Vou adicionar uma máscara de camada à camada pixelizada neste momento. Para fazer isso, com a "Camada 1" selecionada, clicarei no ícone da Máscara de camada na parte inferior da paleta Camadas:

Clique no ícone "Layer Mask".

Isso adiciona uma máscara de camada à "Camada 1" e, se olharmos na paleta Camadas, podemos ver que ela também adiciona uma miniatura de máscara de camada à direita da miniatura do conteúdo da camada:

Uma máscara de camada e uma miniatura de máscara de camada foram adicionadas à "Camada 1".

Também podemos dizer que a máscara de camada, e não o conteúdo da camada, está atualmente selecionada pela borda de destaque branca que aparece ao redor da miniatura da máscara de camada.

Etapa 4: selecione a ferramenta Gradiente

Vamos usar nossa máscara de camada para misturar a imagem original na camada de plano de fundo e a imagem pixelizada na "Camada 1" e, para isso, precisamos da Ferramenta Gradiente, selecione-a na paleta Ferramentas ou pressione G seu teclado:

Selecione a ferramenta Gradiente.

Etapa 5: Redefina as cores do primeiro plano e do plano de fundo, se necessário

Queremos preto como cor de primeiro plano e branco como cor de fundo. Normalmente, essas são as cores de primeiro plano e de fundo padrão do Photoshop, exceto quando temos uma máscara de camada selecionada, o que fazemos atualmente. Sempre que temos uma máscara de camada selecionada, as cores padrão são trocadas, com branco se tornando a cor de primeiro plano padrão e preto se tornando a cor de fundo padrão. Para definir rapidamente nossas cores de primeiro plano e plano de fundo para preto e branco, respectivamente (lembrando que temos uma máscara de camada selecionada), pressione D no teclado para redefini-las aos padrões e, em seguida, pressione X para trocá-las. Você verá na paleta Ferramentas que a amostra de cores de primeiro plano agora está mostrando preto e a amostra de cores de fundo agora está mostrando branco:

Pressione "D" e depois "X" no teclado para definir preto como cor de primeiro plano e branco como cor de fundo.

Etapa 6: selecione o gradiente "Primeiro plano ao plano de fundo"

Com a Ferramenta Gradiente selecionada e as cores Primeiro plano e Plano de fundo definidas em preto e branco, procure na Barra de opções na parte superior da tela para ver qual gradiente você selecionou atualmente. Se a área de visualização de gradiente estiver mostrando um gradiente de preto para branco, você está pronto:

A área de visualização do gradiente mostrando um gradiente de preto para branco.

Se estiver mostrando outro gradiente, clique na pequena seta apontando para baixo à direita da área de visualização do gradiente. O Seletor de gradiente aparecerá abaixo dele. Selecione o gradiente "Primeiro plano ao plano de fundo" no canto superior esquerdo e clique em qualquer lugar fora do Seletor de gradiente para fechar:

Clique na seta apontando para baixo à direita da área de visualização de gradiente e selecione o gradiente no canto superior esquerdo do Seletor de gradiente.

Etapa 7: arraste um gradiente de preto para branco na máscara de camada

Agora que temos nosso gradiente de preto para branco, podemos usá-lo para misturar a camada Plano de fundo e a camada pixelizada, criando nossa primeira variação no efeito. Quero que a área de transição da minha mistura apareça no rosto do cara, para que metade do rosto (e metade da imagem também) seja pixelizada e a outra metade não. Para fazer isso, clicarei abaixo do olho direito e, mantendo pressionada a tecla Shift, para ter certeza de que arrasto em uma linha horizontal, arrasto o mouse até a borda esquerda dele. face:

Arraste um gradiente pela área em que deseja que a mistura entre as duas camadas apareça.

A área entre o início e o final do meu gradiente se tornará a área de transição entre a imagem pixelizada na "Camada 1" e a imagem original na camada Plano de fundo. Quando solto o botão do mouse, recebo o efeito de transição:

O primeiro efeito.

Etapa 8: preencher a máscara de camada com branco

Vejamos outra variação no nosso efeito "pixel digital". Primeiro, precisamos remover o gradiente que adicionamos à máscara de camada um momento atrás. Poderíamos simplesmente pressionar Ctrl + Z (Win) / Command + Z (Mac) para desfazê-lo, mas vamos preencher novamente a máscara de camada com branco. Para fazer isso, com a miniatura da máscara de camada selecionada na paleta Camadas e branca como a cor atual do plano de fundo, use o atalho de teclado Ctrl + Backspace (Win) / Command + Delete (Mac) para preencher a máscara de camada com a cor Background (branca) ) A miniatura da máscara de camada aparecerá novamente em branco sólido e a imagem agora aparecerá completamente pixelizada novamente:

Pressione "Alt + Backspace" (Win) / "Option + Delete" (Mac) para preencher a máscara de camada com branco e revelar toda a camada pixelizada na janela do documento novamente.

Etapa 9: selecione a ferramenta Pincel

Selecione a ferramenta Pincel na paleta Ferramentas ou pressione B para o atalho do teclado:

Selecione a ferramenta Pincel

Etapa 10: Pinte com preto para revelar partes da imagem

Usando um pincel de arestas suaves e com o preto imóvel como a cor do primeiro plano, vou revelar a parte principal do rosto dele simplesmente pintando sobre ele com a minha Ferramenta Pincel. Como eu estou pintando na máscara de camada e não na própria imagem, em qualquer lugar que eu pinte de preto, a camada pixelizada será ocultada e revelará a camada Fundo abaixo dela. Posso redimensionar meu pincel rapidamente, usando as teclas de suporte esquerdo e direito do teclado, e posso defini-lo para uma borda suave, mantendo pressionada a tecla Shift e pressionando a tecla de suporte esquerdo algumas vezes:

Use um pincel com arestas suaves para pintar partes da camada pixelizada, revelando a imagem original por baixo.

Aqui está minha imagem depois de revelar as principais áreas de seu rosto pintando-as de preto, dando a impressão de que ele está de alguma forma olhando através dos pixels:

As principais partes de seu rosto agora aparecem como estavam na foto original, enquanto o restante da foto permanece pixelizado.

Etapa 11: diminuir a opacidade da camada pixelizada

Vou permitir que a imagem original seja exibida parcialmente através da imagem pixelizada, e posso fazer isso simplesmente acessando a opção Opacidade no canto superior direito da paleta Camadas e diminuindo o valor da opacidade. Vou abaixá-lo para cerca de 75%:

Diminua a opacidade da camada pixelizada para permitir que a imagem original seja exibida parcialmente.

Aqui está minha imagem depois de diminuir a opacidade da camada pixelizada, criando nossa segunda variação no efeito:

A segunda variação no efeito "pixel digital".

Etapa 12: experimente diferentes modos de mesclagem para a camada pixelizada para obter resultados diferentes

Para criar ainda mais variações no efeito, experimente diferentes modos de mesclagem para a camada pixelizada, acessando as opções do modo de mesclagem no canto superior esquerdo da paleta Camadas e selecionando diferentes na lista. Primeiro, vou definir a opacidade da minha camada pixelizada de volta a 100%. Então, vou mudar meu modo de mesclagem da camada de "Normal" para Escurecer :

Defina a Opacidade da camada pixelizada de volta a 100% e altere o modo de mesclagem da camada pixelizada para "Escurecer".

Aqui está o efeito que recebo com a camada pixelizada definida como "Escurecer":

A imagem após alterar o modo de mesclagem para "Escurecer".

Vamos tentar o modo de mesclagem Clarear, alterando-o novamente no canto superior esquerdo da paleta Camadas:

Mude o modo de mesclagem para "Lighten".

Aqui está o efeito que recebo com o modo de mesclagem "Lighten":

A imagem após alterar o modo de mesclagem para "Clarear".

Apenas para mostrar o quão diferente um efeito pode parecer, simplesmente alterando os modos de mesclagem de camadas, tentaremos mais um. Agora vou mudar meu modo de mesclagem para Hard Mix :

Mude o modo de mesclagem para "Hard Mix".

Acho que você concorda que o efeito agora parece completamente diferente, mesmo que tudo o que fizemos tenha mudado o modo de mesclagem:

Depois de alterar o modo de mesclagem para "Hard Mix", obtemos um efeito de aparência completamente diferente.

E aí temos que! Essa é a nossa visão de como criar um efeito simples de "pixel digital" e uma amostra de como podemos criar variações diferentes no mesmo efeito, e até criar efeitos totalmente novos, experimentando máscaras de camada e modos de mistura no Photoshop.

Confira nossa seção Photo Effects para mais tutoriais sobre efeitos no Photoshop!