Guia de pixel art: 3 maneiras de criar pixel art com o Photoshop
Índice:
- 1) Use o zoom do Mac OS X para pixelizar imagens e criar pixel art instantâneo
- 2) Desenhe Pixel Art no Photoshop com estas dicas de configuração
- 3) Faça Pixel Art Instantâneo com Pixelfari
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.