Fevereiro 23, 2022

Faça Pixel Art no Photoshop (guia final Pixel Art Photoshop)

conecte-se conosco

na maioria das vezes, precisamos de fotos e retratos de alta qualidade, mas às vezes precisamos de alguma imagem pixelada para usar em nosso design ou precisamos apenas de pixel art de qualquer imagem nossa. Vou mostrar o método exato de como fazer Pixel Art Photoshop de qualquer objeto ou retrato de qualquer imagem.

agora você capturou sua imagem e você queria torná-lo pixelado olhar como velho divertido, retro, pixel art de 8 bits.

nesta situação, temos Photoshop para converter imagens em Pixel Art Photoshop os torna pixelados.

se você quiser aprender como converter logotipos ou ícones pixelados em ícones de alta resolução, Clique aqui!

agora, se você queria aprender a técnica completa para fazer esta arte de pixel no Photoshop, você só tem que ficar comigo até o final do artigo.

porque neste artigo, vou mostrar – lhe o guia passo-a-passo final sobre como fazer Pixel Art Photoshop e fazer qualquer coisa como divertido, retro, 8-bit imagem pixelizada antiga.

Índice

Etapa 1: Configurando um arquivo Pixel Art

no Photoshop, vá para arquivo > novo. Nomeie o documento de sua escolha. Defina o arquivo para o seguinte dimensões:

  • Largura 500 px
  • Altura de 500 px
  • Orientação para Paisagem
  • Resolução para 50
  • Modo de Cor em RGB

, em Seguida, clique em Criar.

Abrir Pixel-Art-Photoshop

Passo 2: Abra a imagem do assunto

Abra uma foto de alguém ou algo que você gostaria de usar para este projeto. Para fazer isso basta arrastar e soltar a imagem do assunto em seu documento ou você pode ir para arquivo > lugar incorporado.

 lugar Embended Pixel-Art-Photoshop

isso irá pedir-lhe para ir para o local da imagem e abri-lo.

o primeiro passo é redimensioná-lo, para obter os resultados que queremos.

se você quiser cortar a parte inferior do assunto em uma forma circular, abra sua ferramenta Elíptica Marquee, vá perto de um canto e pressione e segure a tecla Shift enquanto arrasta uma seleção circular sobre ela.

cortaremos nosso assunto dentro da seleção pressionando Ctrl ou Cmd + J para fazer uma duplicata da seleção e agora podemos apenas ocultar a camada inferior.

clique no ícone do globo ocular ao lado da camada inferior para ocultá-lo.

Passo 3: Remoção De Fundo

em seguida, excluiremos o resto do fundo por trás de nosso assunto e mascararemos seu assunto.

existem muitas maneiras de fazer isso e seu método deve depender das características de sua foto.

para este exemplo, se o fundo é branco puro ou qualquer cor, você pode usar minha ferramenta Varinha Mágica.

você pode fazer a tolerância 10 e certifique-se de que “contíguo” esteja verificado. “Contíguo” garantirá que apenas a área branca fora do meu assunto seja selecionada.

portanto, tenho diferentes tipos de ferramentas de seleção no Photoshop e algumas delas também usam IA para concluir as seleções.

  • Marquise Retangular: Você pode selecionar partes retangulares de uma imagem com esta ferramenta.
  • laço: esta ferramenta de seleção permite que você desenhe seu próprio esboço de forma livre do que deseja selecionar. Isso funciona melhor para as áreas que não se qualificam como formas.Seleção rápida: Esta ferramenta é usada como a ferramenta laço, exceto que funciona melhor em uma área com bordas claramente definidas. Você arrasta o mouse e o contorno “se encaixa” nas bordas.

você pode usar ferramentas de seleção rápida para fazer a seleção e, se quiser ser perfeitamente preciso sobre as seleções, pode usar a ferramenta caneta para fazer isso.

mas como fazer seleções não é o tutorial, então não devemos perder tempo aprendendo a selecionar objetos.

Use qualquer uma das ferramentas de seleção que você deseja usar e faça uma seleção de plano de fundo e pressione Excluir apenas no teclado para excluir o plano de fundo do assunto.

 seleção

para desmarcá-lo, pressione Ctrl ou Cmd + D no teclado.

Passo 4: Adicionando traço

agora temos que adicionar um traço preto em torno de nosso assunto para torná-lo mais parecido com pixel art retro de 8 bits, mas tudo depende de você.

você pode pular esta etapa da aplicação do traço.

para adicionar um traço, clique com o botão direito do mouse na camada de assunto e selecione Opções de mesclagem.

 Stroke

agora, na opção de mesclagem, selecione Stroke e nas configurações de stroke.

defina a cor para preto, O tamanho para 5 pixels e a posição para “fora”. Em seguida, clique em OK ou pressione Enter ou Return.

Passo 5: convertendo para Pixel Art Photoshop

agora temos que aplicar nosso filtro para tornar a imagem pixelada. Mas antes de convertermos nossa imagem em pixel art, temos que converter nossa imagem em um objeto inteligente, para que possamos adicionar filtros e ajustes adicionais a ela de forma não destrutiva.

para fazer isso, clique com o botão direito do mouse na camada de assunto no painel Camadas e clique em “converter em Objeto Inteligente”.

agora podemos aplicar filtros de forma não destrutiva, então vá para Filter > Pixelate > Mosaic.

 Filtro Pixel-Art-Photoshop

Faça o tamanho da célula 10 quadrado ou você pode usar qualquer valor que você deseja de acordo com sua preferência.

Passo 6: Adicionando recursos ao Pixel Art Photoshop

como você pode ver, temos nosso pixel art quase pronto, mas temos que adicionar um recurso se nosso retrato ou objeto precisar ser mostrado corretamente.

em seguida, adicionaremos quadrados em preto e branco para acentuar certas características de nosso personagem. Eu vou te mostrar duas maneiras de fazer isso.

primeiro, mostrarei como fazer isso se você estiver usando uma versão anterior ao CC. Então, vou mostrar como fazer isso usando CC ou posterior, que tem um método preciso.

antes do Photoshop CC:

se você estiver usando uma versão anterior ao CC, crie um novo documento pressionando Ctrl ou Cmd + N ou vá para Arquivo E Novo. Faça a largura e a altura 10 pixels cada e a resolução, 50 pixels por polegada. A cor é preta. Em seguida, clique em “Criar” ou “abrir”.

para vê-lo em sua tela em seu tamanho máximo, pressione Ctrl ou Cmd + 0. Vá para editar e”definir predefinição de Pincel”. Quando esta janela aparecer, basta clicar em OK.

abra o seu documento pixel art. Independentemente da versão que você está usando, Vamos remover os quadrados mais leves ao longo da borda do seu personagem.

vá para selecionar e “faixa de cores”. Escolha “Destaques”. Faça o Fuzziness é 0% e o intervalo é 1.

clique no ícone Máscara de camada para fazer uma máscara de camada da seleção ao lado da camada ativa.

faremos uma nova camada abaixo da camada ativa, clicando em Ctrl ou CMD-clicando no ícone nova camada. Vamos usar essa camada como plano de fundo.

por enquanto, vamos preenchê-lo com branco e, como o branco é a nossa cor de fundo, pressione Ctrl ou Cmd + Delete. Clique na camada superior para torná-la ativa e fazer uma nova camada acima dela.

para versões anteriores ao CC, abra sua ferramenta de lápis e seletor de Lápis. A última miniatura é a predefinição que salvamos anteriormente.

clique nele para torná-lo ativo e verifique se sua opacidade é de 100%.

este primeiro método requer muito cuidado ao alinhá-lo diretamente sobre o quadrado abaixo dele.

se não estiver alinhado exatamente, pressione Ctrl ou Cmd + z para desfazer a última etapa e tente novamente.

para tornar seu pincel branco, pressione ” x ” no teclado para inverter as cores de primeiro plano e plano de fundo.

Photoshop CC ou posterior:

para aqueles que estão usando CC ou posterior, vá para exibir e”novo Layout de guia”. Nas colunas e linhas, digite 50 pixels cada e mantenha todo o resto não preenchido e desmarcado.

se você não vir as Diretrizes, pressione Ctrl ou Cmd + H. observe que nossas diretrizes se alinham perfeitamente com os quadrados do personagem.

abra sua “ferramenta de marquise retangular” e verifique se o ícone” Adicionar à seleção ” está ativo. Isso adiciona seleções adicionais à nossa imagem à medida que as fazemos.

vá para ver e certifique-se de que” Snap “está marcado, bem como,”guias”. Isso garantirá que as seleções que adicionamos se encaixem na grade.

depois de fazer um cluster de seleções, preencha-o com preto e desmarque-o.

se você quiser ver seu personagem sem as Diretrizes, pressione Ctrl ou Cmd + H. para torná-los visíveis novamente, repita as mesmas teclas digitadas.

Passo 7: ajustando cores e brilho

para tornar a arte mais pop, precisamos adicionar um pouco de saturação e contraste à nossa imagem.

para fazer isso, vá para o painel Camadas e faça uma camada de ajuste de brilho/contraste e, em sua configuração, aumente o contraste para cerca de 20+ para 40+. Você também pode jogar com o brilho para obter melhores resultados.

em seguida, vá para o painel Camadas e faça uma camada de ajuste de matiz / saturação e, em sua configuração, aumente a saturação para cerca de 10+ a 20+.

Passo 8: adicionando nova cor de fundo

agora podemos adicionar um novo fundo ao nosso pixel art importando-o para o documento e colocando a camada de fundo abaixo da camada de assunto.

você pode apenas fazer uma camada de cor sólida e selecionar uma nova cor e pegar a camada abaixo da camada de assunto para fazer uma cor de fundo de qualquer cor.

fundo

conclusão

estas são algumas etapas que você segue você pode fazer pixel art no Adobe Photoshop em poucos segundos. Basta ler o artigo uma vez, experimentá-lo e você está pronto para ir!

certifique-se de comentar seus comentários e sugestões sobre o artigo.

Perguntas Frequentes

  • o que é pixel art?

resposta: Pixel art é uma forma de arte digital, criada através do uso de software, onde as imagens são editadas no nível de pixel. A estética para esse tipo de gráfico vem de computadores e consoles de videogame de 8 e 16 bits, além de outros sistemas limitados, como calculadoras gráficas.

  • onde fazer pixel art?

resposta: existem muitas ferramentas online para fazer isso, mas o software mais versátil onde você pode fazer pixel art no Adobe Photoshop.

AbdulMutakabarAyaz

sou Designer Gráfico com mais de 5 anos de experiência. Especializada em Adobe Photoshop.

Obtenha informações sobre qualquer edição do Photoshop, manipulação do Photoshop, Design de logotipo, folhetos, cartão de visita, Retrato de Desenho animado e qualquer tipo de trabalho-relacionado ao Design Gráfico e edição do Photoshop.

Ligue-Se A Nós

Deixe uma resposta

O seu endereço de email não será publicado.