Como criar um efeito pixelado moderno no Photoshop

O que você aprenderá neste tutorial do Photoshop

  • Como pixelizar uma imagem no Photoshop
  • Como adicionar um efeito pixelado no Photoshop
  • Como fazer pixel art no Photoshop
  • Como criar um efeito de pintura a óleo pixel art
  • Como fazer pixel art a óleo

O que você precisará

Para recriar o efeito pixel no Photoshop, você precisará dos seguintes recursos:

1. Como começar a criar um efeito pixelizado no Photoshop

Primeiro, abra a foto com a qual deseja trabalhar. Para abrir sua foto, vá para Arquivo > Abrirescolha sua foto e clique em Abrir. Antes de começarmos, basta verificar algumas coisas:

  1. Sua foto deve estar em Cor RGB modo, 8 bits/canal. Para verificar isso, vá para Imagem > Modo.
  2. Para melhores resultados, o tamanho da sua foto deve ser 2.500–4.500 pixels largo/alto. Para verificar isso, vá para Imagem > Tamanho da imagem.
  3. Sua foto deve ser a Fundo camada. Se não estiver, vá para Camada > Novo > Plano de fundo da camada.
verificando o modo e tamanho da imagemverificando o modo e tamanho da imagemverificando o modo e tamanho da imagem

2. Como criar um efeito de pintura a óleo de pixel

Passo 1

Nesta seção, criaremos um efeito de pintura a óleo. Imprensa Controle-J no seu teclado para duplicar o Fundo camada. Então vá para Filtro> Desfoque> Desfoque de superfíciee defina o Raio para 10 pixels e Limite para 25 níveis.

adicionando filtro de desfoque de superfícieadicionando filtro de desfoque de superfícieadicionando filtro de desfoque de superfície

Passo 2

Agora vá para Filtro > Estilizar > Tinta a óleoe defina o Estilização para 10 pixels, Limpeza para 1px, e as demais configurações conforme mostrado abaixo:

adicionando filtro de tinta a óleoadicionando filtro de tinta a óleoadicionando filtro de tinta a óleo

etapa 3

Vá para Filtro > Galeria de Filtros > Artístico > Pincel Secoe defina o Tamanho de escova para 0, Detalhe do pincel para 10e Textura para 1.

adicionando filtro de escova secaadicionando filtro de escova secaadicionando filtro de escova seca

Passo 4

Agora vá para Filtro > Estilizar > Tinta a óleoe defina o Estilização para 0,1 pixels, Limpeza para 0 pixelse as outras configurações conforme mostrado abaixo. Nomeie esta camada Efeito de pintura.

adicionando filtro de tinta a óleoadicionando filtro de tinta a óleoadicionando filtro de tinta a óleo

3. Como pixelizar uma imagem no Photoshop

Passo 1

Nesta seção, vamos criar pixels. Imprensa Control-Alt-Shift-E para fazer uma captura de tela. Então vá para Filtro > Pixelizar > Mosaico e definir o Tamanho da célula para 75 quadrados.

adicionando filtro de mosaicoadicionando filtro de mosaicoadicionando filtro de mosaico

Passo 2

Vá para Camada > Máscara de camada > Ocultar tudo para adicionar uma máscara de camada que oculta a camada completa. Selecione a máscara de camada e no Propriedades painel, defina o Densidade para 50%.

adicionando máscara de camadaadicionando máscara de camadaadicionando máscara de camada

etapa 3

Escolha o Ferramenta Letreiro Retangular (M) e, enquanto segura Mudança, desenhe retângulos onde quiser revelar pixels. Certifique-se de desenhar cada retângulo de forma que corresponda aos pixels atrás. Aqui está o meu resultado:

fazendo seleçãofazendo seleçãofazendo seleção

Passo 4

No Propriedades painel, defina o Densidade de volta a 100%. Em seguida, defina a cor de primeiro plano para #ffffffVá para Editar > Preenchere defina o Conteúdo para Cor do primeiro plano, Misturando para Normale Opacidade para 100%. Imprensa Controle-D para desmarcar e nomear esta camada Píxeis.

criando pixelscriando pixelscriando pixels

Etapa 5

Imprensa Controle-J para duplicar esta camada. Então, Clique com o botão direito na máscara de camada desta nova camada e escolha Aplicar máscara de camada.

duplicando camada e aplicando máscara de camadaduplicando camada e aplicando máscara de camadaduplicando camada e aplicando máscara de camada

Etapa 6

Agora vá para Filtro> Desfoque> Desfoque de movimento e definir o Ângulo para 90° e Distância para 250 pixels.

adicionando filtro de desfoque de movimentoadicionando filtro de desfoque de movimentoadicionando filtro de desfoque de movimento

Etapa 7

Mudar o Modo de mesclagem desta camada para Esquiva Linear (Adicionar)colocou o Opacidade para 75%e nomeie-o Pixels_Movimento_2.

alterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidade

Etapa 8

Imprensa Controle-J para duplicar esta camada. Então vá para Filtro > Estilizar > Encontrar arestase pressione Controle-I para inverter as cores da camada.

adicionando filtro de localização de bordasadicionando filtro de localização de bordasadicionando filtro de localização de bordas

Etapa 9

Vá para Filtro> Desfoque> Desfoque de movimentoe defina o Ângulo para 90° e Distância para 100 pixels. Então vá para Filtro > Desfoque > Desfoque Gaussianoe defina o Raio para 1px.

adicionando filtros de desfoque de movimento e desfoque gaussianoadicionando filtros de desfoque de movimento e desfoque gaussianoadicionando filtros de desfoque de movimento e desfoque gaussiano

Etapa 10

Colocou o Opacidade desta camada para 50%e nomeie-o Pixels_Movimento_1.

alterando a opacidadealterando a opacidadealterando a opacidade

4. Como criar uma textura de tela

Passo 1

Nesta seção, criaremos uma textura de tela. Imprensa Control-Shift-N para criar uma nova camada e nomeá-la Textura de tela. Então vá para Editar > Preencher e definir o Conteúdo para 50% cinza, Misturando para Normale Opacidade para 100%.

criando nova camadacriando nova camadacriando nova camada

Passo 2

Agora vá para Filtro > Galeria de Filtros > Textura > Texturizadore defina o Textura para Tela, Dimensionamento para 200%, Alívio para 4e Luz para Principal.

adicionando filtro texturizadoradicionando filtro texturizadoradicionando filtro texturizador

etapa 3

Mudar o Misturando Modo desta camada para Luz suavee defina o Opacidade para 50%.

alterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidade

5. Como fazer os ajustes finais

Passo 1

Nesta seção, faremos alguns ajustes finais no efeito de pixel art a óleo. Vá para Camada > Nova Camada de Ajuste > Curvas para criar uma nova camada de ajuste de curvas e nomeá-la Cor_Aparência_1. Duplo click nesta miniatura de camada e, no Propriedades painel, insira as configurações abaixo:

criando nova camada de ajuste de curvascriando nova camada de ajuste de curvascriando nova camada de ajuste de curvas

Passo 2

Selecione os Tela Textura camada, vá para Camada > Nova Camada de Ajuste > Cor Seletiva para criar uma nova camada de ajuste de cor seletiva e nomeá-la Cor_Aparência_2. Duplo click nesta miniatura de camada e, no Propriedades painel, insira as configurações abaixo. Em seguida, defina o Opacidade desta camada para 50%.

criando nova camada de ajuste seletivo de corescriando nova camada de ajuste seletivo de corescriando nova camada de ajuste seletivo de cores

etapa 3

Selecione os Textura de tela camada novamente, vá para Camada > Nova Camada de Ajuste > Curvas para criar uma nova camada de ajuste de curvas e nomeá-la Cor_Aparência_3. Duplo click nesta miniatura de camada e, no Propriedades painel, insira as configurações abaixo. Em seguida, defina o Opacidade desta camada para 50%.

criando nova camada de ajuste de curvascriando nova camada de ajuste de curvascriando nova camada de ajuste de curvas

Passo 4

Selecione os Cor_Aparência_1 camada, vá para Camada > Nova Camada de Ajuste > Mapa de Gradiente para criar uma nova camada de ajuste do mapa de gradiente e nomeá-la Contraste geral. Duplo click nesta miniatura de camada e, em seguida, na Propriedades painel, insira as configurações abaixo. Então, altere o Modo de mesclagem desta camada para Luz suave e definir o Opacidade para 50%.

criando nova camada de ajuste do mapa de gradientecriando nova camada de ajuste do mapa de gradientecriando nova camada de ajuste do mapa de gradiente
O limite de cor esquerdo tem a cor #000000 e o limite de cor direito tem a cor #4d4d4d.

Etapa 5

Vá para Camada > Nova Camada de Ajuste > Níveis para criar uma nova camada de ajuste de níveis e nomeá-la Brilho geral. Duplo click nesta miniatura de camada e, no Propriedades painel, defina o Nível de entrada de tom médio para 0,95 e Nível de saída de sombra para 25.

criando nova camada de ajuste de níveiscriando nova camada de ajuste de níveiscriando nova camada de ajuste de níveis

Etapa 6

Agora vá para Camada > Nova Camada de Ajuste > Vibração para criar uma nova camada de ajuste de vibração e nomeá-la Vibração/saturação geral. Duplo click nesta miniatura de camada e, no Propriedades painel, defina o Vibração para +25 e Saturação para +15.

criando uma nova camada de ajuste de saturação de vibraçãocriando uma nova camada de ajuste de saturação de vibraçãocriando uma nova camada de ajuste de saturação de vibração

Etapa 7

Imprensa Control-Alt-Shift-E para fazer uma captura de tela e pressione Control-Shift-U para dessaturar esta camada. Então vá para Filtro > Outro > Passa Alta e definir o Raio para 2 pixels.

adicionando filtro passa-altaadicionando filtro passa-altaadicionando filtro passa-alta

Etapa 8

Agora mude o Modo de mesclagem desta camada para Luz forte e definir o Opacidade para 50%. Nomeie esta camada Afiação geral.

alterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidadealterando o modo de mesclagem e a opacidade

Você conseguiu!

Parabéns, você conseguiu! Agora você aprendeu como adicionar um efeito pixelado no Photoshop e como criar um efeito de pintura a óleo pixel art. Aqui está nosso efeito final pixelizado do Photoshop:

resultado finalresultado finalresultado final

5 ações do Photoshop do Envato Elements

Quer ver alguns efeitos legais de pixel no Photoshop? Confira esta lista de ações do Photoshop com efeito pixelado da Envato Elements.

ga-analytics#sendElementsClickEvent”>Pixelated Glitch Photoshop Action (ABR, ATN)

ga-analytics#sendElementsClickEvent”>ação pixelada do photoshop com falhaação pixelada do photoshop com falhaação pixelada do photoshop com falha

Com esta ação, você pode criar um efeito de falha pixelado de uma forma fácil e divertida. O texto é totalmente editável, então você pode usar seu próprio texto e fonte, colorir os resultados e randomizar as cores. Cada vez que você executa a ação, você obterá um resultado único.

ga-analytics#sendElementsClickEvent”>Ação pixelizada do Photoshop (ATN)

ga-analytics#sendElementsClickEvent”>ação pixelada do photoshopação pixelada do photoshopação pixelada do photoshop

Basta passar o pincel sobre a foto onde deseja pixelar e executar a ação! Isso é tudo o que você precisa para obter esse incrível efeito pixelado da sua foto. A ação vem com um tutorial em vídeo que aborda como configurar seu arquivo do Photoshop, bem como técnicas detalhadas de personalização de efeitos.

ga-analytics#sendElementsClickEvent”>Pixel Artist Photoshop Action (ATN, TXT)

ga-analytics#sendElementsClickEvent”>ação do photoshop do pixel artistação do photoshop do pixel artistação do photoshop do pixel artist

Transformar suas imagens em efeitos pixelados leva apenas alguns cliques com esta ação. Abra sua foto, clique em reproduzir e desfrute de 25 resultados pixelados diferentes. Você pode então usar mapas de cores e camadas de pontilhamento para melhorar ainda mais a aparência do efeito.

ga-analytics#sendElementsClickEvent”>Efeito fotográfico Pixelator para Photoshop (ATN)

ga-analytics#sendElementsClickEvent”>efeito de foto pixelator para photoshopefeito de foto pixelator para photoshopefeito de foto pixelator para photoshop

Esta ação do Photoshop pode criar quatro ângulos de extrusão diferentes e cinco profundidades de extrusão, e você pode usar qualquer tamanho de pixel. Você pode criar facilmente efeitos adicionais duplicando pastas de pixels e pode exportar seu design em um fundo transparente.

ga-analytics#sendElementsClickEvent”>Pixel Art Photoshop Action (ATN) de 8 bits

ga-analytics#sendElementsClickEvent”>Ação do Photoshop em pixel art de 8 bitsAção do Photoshop em pixel art de 8 bitsAção do Photoshop em pixel art de 8 bits

Converta qualquer foto em um efeito pixel art de 8 bits rapidamente. Você pode escolher entre três tamanhos de pixel (pequeno, médio e grande) e alterar o plano de fundo. Como o efeito permanece totalmente em camadas, você tem controle total sobre a personalização.

Você gostou deste tutorial? Então você também pode gostar de:

Deixe uma resposta