A resposta curta
Solte uma foto na ferramenta abaixo. Comece com Largura em pixels em 64 e 16 cores na paleta Automática. Diminua a largura para um visual retrô mais quadriculado e aumente para ter mais detalhes. Teste o Dithering ligado e desligado e fique com o que ficar melhor. Tamanho do pixel controla o tamanho de cada bloco no arquivo baixado; o padrão deixa o lado maior com cerca de 1024 pixels. Toque em Baixar PNG.
Experimente aqui: Criador de pixel art
Abrir a página completa da ferramentaO que faz a pixel art parecer pixel art
Os primeiros videogames e computadores domésticos tinham telas minúsculas e pouquíssima memória. Os artistas desenhavam em grades de poucas dezenas de pixels com paletas de 4 a 16 cores, e cada pixel era colocado de propósito. Duas coisas definem esse visual, e a ferramenta controla as duas: uma resolução baixa, em que cada pixel aparece claramente como um quadrado, e uma paleta limitada, em que as cores aparecem como áreas chapadas em vez de degradês suaves.
Uma foto tem milhões de pixels e milhares de cores. Reduzir a imagem tira a média das cores de cada célula da grade, o que mantém as formas principais e descarta os detalhes finos. Limitar a paleta depois agrupa as cores parecidas. O terceiro passo importa tanto quanto os outros: quando a imagem pequena é ampliada para ser vista, ela não pode ser suavizada, senão os blocos nítidos viram borrão. A ferramenta sempre amplia sem suavização.
Escolhendo o tamanho da grade
Grades menores pedem imagens mais simples. Um rosto de frente com fundo liso fica legível em 32 pixels; uma rua cheia de gente, não. Recorte a foto antes para o assunto ocupar o quadro e depois escolha a largura.
| Uso | Largura em pixels | Visual |
|---|---|---|
| Sprite de jogo, ícone estilo emoji | 16 a 32 | Bem marcante, só a forma principal |
| Avatar, foto de perfil | 32 a 64 | Rosto reconhecível, visual retrô claro |
| Cena, paisagem, bicho de estimação | 64 a 128 | Detalhes legíveis, ainda pixelado |
| Pôster, arte detalhada | 128 a 256 | Detalhes finos, textura de pixel discreta |
| Molde de miçanga ou ponto cruz | 29 a 58 | Combina com os tamanhos comuns de placas de miçanga |
Paletas: automática ou retrô
As amostras abaixo da prévia mostram cada cor realmente usada no resultado, o que ajuda quando você vai refazer a arte à mão ou comprar miçangas nas cores certas.
- Automática monta a paleta a partir da sua imagem. Ela agrupa as cores da imagem no número de cores que você escolher (de 2 a 64) e depois refina os grupos para que cada cor da paleta fique no meio das cores que representa. Menos cores dão um visual mais marcante, de pôster; de 8 a 16 é a faixa clássica.
- Tons de cinza usa níveis de cinza igualmente espaçados, quantos você escolher, para um estilo de impressão ou de jornal.
- Game Boy leva tudo para os quatro verdes do portátil original. Funciona melhor em imagens com forte contraste entre claro e escuro.
- PICO-8 usa as 16 cores fixas desse console de fantasia muito conhecido, uma paleta alegre com vermelhos, amarelos e azuis fortes.
- Preto e branco reduz a imagem a duas cores; junto com o dithering, dá um visual clássico de 1 bit.
Dithering: quando usar
Com uma paleta pequena, um degradê suave, como um céu ou uma bochecha, vira algumas faixas chapadas. O dithering disfarça isso misturando pixels de duas cores vizinhas da paleta em um padrão fino, e de longe o olho enxerga um tom intermediário. A ferramenta usa o dithering Floyd Steinberg, que espalha o erro de cor de cada pixel para os vizinhos.
Use o dithering em fotos, céus, pele e iluminação suave, principalmente com paletas muito pequenas, como Game Boy ou preto e branco. Deixe desligado para logos, ícones, ilustrações chapadas e grades muito pequenas, em que os pixels espalhados parecem ruído e áreas de cor limpas ficam melhores.
Exportando um resultado nítido
Tamanho do pixel define quantos pixels de tela cada bloco ganha no PNG. Maior é mais seguro: muitos aplicativos e redes sociais suavizam as imagens ao mudar o tamanho delas, o que borra a pixel art. Se você enviar a arte no tamanho em que ela vai aparecer, ou maior, não há redimensionamento e os blocos continuam nítidos. Linhas da grade desenha uma linha fina entre as células, útil como molde para miçangas, ponto cruz, mosaicos ou gráficos de tricô.
As áreas transparentes de um PNG continuam transparentes, então um logo ou um assunto recortado vira um sprite sem fundo. Se você quiser texto em vez de blocos, mude Estilo para Arte ASCII: a mesma imagem vira caracteres que você pode copiar como texto.