Editor Gratuito de Pixel Art — Desenhe Pixel Art do Zero

Os tamanhos de pixel art são convenções, e as convenções existem porque funcionam. 16×16 é o tamanho clássico de tile e de sprite — um personagem de NES, um ícone de item do Minecraft, um favicon. 32×32 dá a um personagem um rosto e uma pose. 64×64 é um retrato ou um inimigo detalhado, e 100×100 é uma cena. Escolha o tamanho que combina com o uso da arte, porque um sprite desenhado em 64×64 e encolhido para 16×16 vira uma mancha, e um ícone de 16×16 ampliado é só um ícone de 16×16 maior.

Comprometa-se antes de desenhar. Redimensionar depois mantém os pixels, mas não a composição: um personagem que preenchia um quadro de 32×32 vira uma figurinha no canto de um de 64×64. Se você está desenhando um conjunto — um tileset, um pacote de ícones, um grupo de personagens — decida um único tamanho de tela para o conjunto inteiro e mantenha todas as peças nele, para que fiquem lado a lado na mesma escala no jogo ou na página.

A paleta de 256 cores é um cardápio, não uma meta. A maioria dos sprites acabados usa de oito a dezesseis cores, organizadas em rampas: de três a cinco degraus de um mesmo material, da sombra ao brilho. O que separa uma pixel art boa de uma pixel art chapada é que a rampa não fica só mais clara — ela desloca o matiz. Sombras puxam para o azul ou o roxo, brilhos para o amarelo ou o laranja, então a sombra de uma camiseta vermelha é um carmim frio e seu brilho um coral quente, em vez de um vermelho mais rosado.

Monte as rampas primeiro, depois desenhe. Escolha o meio-tom de cada material, defina uma sombra e um brilho que desloquem o matiz além do valor, e tente reaproveitar uma rampa em vários materiais — os mesmos três cinzas podem ser armadura, pedra e nuvem. Quando duas cores do seu sprite estão tão próximas que você precisa dar zoom para diferenciá-las, uma delas não está fazendo por merecer o lugar.

Linhas diagonais em pixel art são escadas, e o olho lê uma escada como linha suave só quando os degraus são regulares. Uma linha de 45° é um pixel por degrau. Uma linha mais deitada é feita de sequências de dois, três ou quatro pixels — e todas as sequências precisam ter o mesmo comprimento, ou a linha parece torta. O erro clássico é um canto onde duas linhas se encontram e deixam um pixel dobrado; apague-o e o canto fica nítido. Desenhe com a caneta na espessura de um pixel e diminua o zoom com frequência; serrilhados que se escondem em 8× aparecem em 1×.

O dithering — o pontilhado, um xadrez de duas cores — é como a pixel art finge uma terceira cor e um degradê com uma paleta limitada. Um xadrez de 50% entre dois degraus de uma rampa lê como o degrau intermediário; um padrão mais esparso lê como uma transição mais suave. Use em céus, em sombras de superfícies grandes e em metal, e mantenha longe de sprites pequenos, onde em 16×16 um xadrez parece só ruído.

A arte será vista no tamanho real, ou num múltiplo inteiro dele, nunca no zoom em que você desenha. Desligue a grade e olhe a tela como um todo a cada poucos minutos; melhor ainda, aperte os olhos. Se a pose, o objeto ou a letra ainda se lê com o detalhe borrado, a silhueta está certa. Se não se lê, nenhum sombreado vai salvar — conserte o contorno primeiro.

Um contorno de um pixel numa versão mais escura do preenchimento (não preto) mantém o sprite legível contra qualquer fundo. Um contorno preto puro funciona em fundos claros e some nos escuros; um contorno seletivo — escuro onde a forma se afasta da luz, mais claro onde está de frente para ela — é a técnica que a maior parte da pixel art moderna usa, e com a caneta e uma rampa já montada vira só uma questão de clicar no tom certo.

A exportação em PNG grava um pixel de imagem por célula da tela, sem suavização, que é exatamente o que uma engine de jogo quer. O que ainda pode borrar é a etapa seguinte: a escala. Amplie pixel art só por números inteiros — 2×, 3×, 4× — com interpolação por vizinho mais próximo (nearest-neighbour). No Unity, isso é o Filter Mode em Point e a Compression em None na textura; no Godot, o filtro de textura em Nearest; num navegador, image-rendering: pixelated. Uma escala de 150%, ou qualquer reamostragem bilinear, amolece cada borda que você desenhou.

Células deixadas vazias são exportadas como transparentes, então um sprite não precisa de cor de fundo nenhuma. Se a arte vai para uma página web ou um documento em vez de um jogo, exporte no tamanho da tela e deixe a página ampliar, ou exporte uma vez em 4× para impressão — nunca redimensione o PNG num editor de fotos com as configurações padrão.