Guia de pixel art: 3 maneiras de criar pixel art com o Photoshop

Índice:

Anonim

Pixel art da variedade de flashback de 8 bits do NES está na moda agora, seja em jogos como The Incident e Sword & Sworcery ou apenas para avatares na web. Se você está se perguntando como alguns desses lindos pixel art são criados e como você mesmo pode fazer isso, aqui estão algumas dicas para pixel art quase instantâneo. Usaremos o recurso de zoom do OS X, Pixelfari, e também configuraremos o Photoshop para criar sua própria pixel art retrô e limpar os resultados de outros métodos.

1) Use o zoom do Mac OS X para pixelizar imagens e criar pixel art instantâneo

Você provavelmente já sabe que, se mantiver pressionada a tecla Control e deslizar com dois dedos para cima ou para baixo em um trackpad, aumentará o zoom na tela (ou mantenha pressionada a tecla Control e use uma roda de rolagem em um mouse externo). Bem, se você desativar o anti-aliasing na ferramenta OS X Zoom, poderá usar esse recurso para criar imagens pixeladas a partir de qualquer coisa. Veja como:

  • Pressione Command+Option+\ para desativar o anti-aliasing no zoom da tela
  • Passe o cursor do mouse sobre a imagem que deseja pixelizar instantaneamente
  • Control+Zoom na imagem e veja os pixels crescerem
  • Faça uma captura de tela inteira com Command+Shift+3

Usando esta técnica, criei este MacBook pixel-art instantaneamente:

Se necessário, você pode limpar a imagem no Photoshop usando as técnicas de photoshop mencionadas neste artigo para editar em um nível preciso por pixel. Algumas dicas para este método:

  • Imagens básicas menores são melhores, criar ícones a partir de uma imagem e ampliá-los é ótimo
  • Mais contraste geralmente é melhor
  • Tente diferentes níveis de zoom

Também é importante fazer uma captura de tela em tela cheia para que a imagem seja capturada em toda a glória pixelizada.

2) Desenhe Pixel Art no Photoshop com estas dicas de configuração

Se você possui photoshop, pode ajustar algumas configurações para torná-lo superior para desenhar e editar pixel art:

  • Mude a maneira como o Photoshop dimensiona imagens ajustando as preferências de “Interpolação de imagem” para “Vizinho mais próximo (preservar bordas sólidas)
  • Ativar uma grade por meio de preferências > Guias, fatias de grade e contagem > 1×1
  • Configurar corretamente a ferramenta Pencil para 1px de diâmetro com 100% de dureza
  • Use vários níveis de zoom para uma visualização de pixel de perto e a resolução final desejada

Sua configuração do Photoshop será semelhante a esta:

Essas técnicas de Photoshop vêm de Brandon Trebitowski, um desenvolvedor de iOS, e se você estiver interessado em projetar pixel art, sua postagem no blog sobre o assunto é altamente recomendada, você pode lê-la aqui em BrandonTreb.com .

3) Faça Pixel Art Instantâneo com Pixelfari

Outro truque para acelerar a criação de pixel art, e até mesmo fazer pixel art quase instantâneo, é usar o navegador de 8 bits Pixelfari . Pixelfari vem do desenvolvedor Nevan Morgan e você pode baixá-lo instantaneamente aqui.

Basicamente, tudo o que você precisa fazer é arrastar qualquer imagem para o Pixelfari e ele renderizará automaticamente a imagem como pixel art e, em seguida, tirar uma captura de tela da janela do Pixelfari. Não é perfeito, mas cria um bom ponto de partida que pode ser refinado usando as técnicas acima mencionadas por Brandon.

Aqui está o logotipo do OSXDaily jogado no Pixelfari sem nenhuma outra edição, este é um bom exemplo de como isso funciona.

Novamente, se quiser limpar a saída, você pode usar as dicas do Photoshop mencionadas acima ou até mesmo usar o recurso de zoom do OS X para hiperpixelizar os resultados no Pixelfari.

Obviamente, há mais maneiras de fazer isso, mas para pixelização rápida, as técnicas de Zoom e Pixelfari são ótimas, e a configuração do Photoshop é perfeita para desenhar do zero ou limpar suas imagens pré-pixeladas.Você também pode tentar usar o Paintbrush, o clone do MSPaint, mas é mais difícil obter preço com esse aplicativo. Finalmente, uma boa referência geral é o Natomic, que tem algumas dicas gerais sobre sombreamento, iluminação, uso de linhas e muito mais, suas informações antigas, mas os pixels já existem há muito tempo, então as técnicas ainda são muito relevantes.

Guia de pixel art: 3 maneiras de criar pixel art com o Photoshop