Anti-Aliasing em Pixel Art: Suavizar sem Borrar

Pixel art anti aliasing é a técnica de colocar, à mão, um pixel de cor intermediária nos degraus de uma curva ou diagonal, para que o olho veja a transição como mais suave sem perder a nitidez. O segredo está em três decisões: usar uma cor da paleta que fique entre as duas cores que se encontram, colocar o pixel só nos degraus que incomodam (geralmente os mais longos) e evitar anti-aliasing na borda externa do sprite, que encosta num fundo que você não controla. Feito assim, a curva suaviza. Feito em excesso, ou com o anti-aliasing automático do programa, o sprite borra.

Este guia mostra o passo a passo do anti-aliasing manual, como escolher a cor intermediária, onde não usar e como configurar Aseprite, Krita e GIMP para não suavizar por conta própria.

O que é anti-aliasing em pixel art

Toda linha que não é horizontal, vertical ou diagonal perfeita vira uma escada de pixels. Esses degraus são chamados de jaggies. Numa curva, eles ficam mais visíveis onde a escada muda de ritmo.

Anti-aliasing (AA) é uma forma de enganar o olho: no canto de cada degrau, você coloca um pixel de cor intermediária entre a cor da linha e a cor do lado de fora. A distância de leitura faz o olho misturar as cores e enxergar uma borda mais lisa.

Há duas formas:

• AA automático, que os programas de pintura aplicam em cada pincelada. Ele cria vários tons semitransparentes nas bordas. Em ilustração em alta resolução, é ótimo. Em pixel art, é desastre: cria cores que não estão na paleta, deixa borda com pixel semitransparente e, quando a imagem é ampliada, aparece como borrão.
• AA manual, feito pixel a pixel com cores da paleta. É disso que este post trata.

Antes do AA, a linha precisa estar limpa. Se a curva tem degraus irregulares ou pixels sobrando, nenhum AA conserta. O post sobre linhas em pixel art e pixel perfect mostra como construir a curva primeiro.

Desligar a suavização automática das ferramentas

Antes de pôr o primeiro pixel de AA manual, garanta que o programa não está suavizando sozinho. Conferido nas documentações oficiais em outubro de 2026:

• Aseprite. A ferramenta Pencil (B) já desenha sem anti-aliasing. As inks (Simple, Lock Alpha, Shading) não criam tons intermediários por conta própria. Cuidado só com transformações: girar uma seleção em ângulo livre cria pixels novos e pode bagunçar a arte.
• Krita. Use um pincel de pixel art ou, no Editor de Pincel (F5), com a ponta Auto, desligue a opção Smooth lines, que é o anti-aliasing da ponta. Na Ferramenta de Preenchimento, desligue Anti-aliasing. Na Krita 5.3, o modo Stabilizer ganhou a opção Pixel, que mantém linhas de 1 pixel com 1 pixel de largura.
• GIMP. Use a ferramenta Lápis (N). A documentação do GIMP diz que ela não produz bordas suaves, nem com pincel suave, e não faz anti-aliasing. Nas ferramentas de seleção, desmarque Antialiasing nas opções da ferramenta.
• Pixelorama, LibreSprite e Piskel (gratuitos) usam lápis sem suavização por padrão, como o Aseprite.

Teste rápido: desenhe uma curva com zoom de 800% e veja se aparecem pixels semitransparentes na borda. Se aparecem, algo está suavizando.

Pixel art anti aliasing manual passo a passo

Vamos suavizar uma curva escura (a borda de um escudo redondo) contra um fundo claro, dentro do próprio sprite.

1. Desenhe a curva limpa, com 1 pixel de espessura, com segmentos que diminuem ou aumentam de forma regular (por exemplo, 4, 3, 2, 1, 1, 2, 3, 4 pixels).
2. Identifique os degraus que incomodam. Afaste o zoom para 100% ou 200%. Os pontos onde a curva parece "quebrar" quase sempre são as pontas dos segmentos mais longos.
3. Escolha a cor intermediária. Ela fica entre a cor da linha e a cor do fundo do lado de fora do degrau. Se a linha é marrom escuro e o fundo é o bege do escudo, a intermediária é um marrom médio que já existe na rampa do material.
4. Coloque 1 pixel no canto interno de cada degrau longo, do lado de fora da curva, encostado no fim do segmento. Para segmentos muito longos (4 pixels ou mais), pode usar 2 pixels: um tom intermediário mais escuro perto da linha e um mais claro mais afastado.
5. Não ponha AA nos degraus de 1 pixel. A parte diagonal da curva já é suave e AA ali só engrossa a linha.
6. Volte ao zoom real e compare. Se a curva ficou mais lisa sem parecer mais grossa, deu certo. Se parece borrada, tire metade do AA.

Uma forma de enxergar: o AA "preenche parcialmente" o triângulo vazio que existe no canto de cada degrau. Quanto maior o degrau, maior o triângulo, e mais AA ele aceita.

Cores intermediárias da paleta

A cor de AA precisa estar entre as duas cores que se encontram, em valor e, de preferência, em matiz. Três formas de escolher:

• Usar um tom da rampa que já existe. É a melhor opção, porque não aumenta a paleta. Se a linha é o tom mais escuro da rampa do metal e o lado de fora é o tom médio, o AA é o tom intermediário entre eles, que você já usa na sombra.
• Misturar as duas cores. No Aseprite, a ink Shading aplica o tom seguinte ou anterior da rampa selecionada na paleta, o que acelera o trabalho quando a rampa está montada em sequência.
• Criar uma cor nova só quando não há opção. E reutilize essa cor em todos os sprites.

O guia de paleta de cores em pixel art mostra como montar rampas com passos regulares, que é o que faz o AA funcionar sem criar cor nova toda hora.

Regra de ouro: o AA tem que ser invisível. Se você enxerga o pixel de AA como "um ponto de outra cor" em zoom real, ele está contrastando demais. Aproxime do valor da linha.

Anti-aliasing é um daqueles detalhes que parecem fáceis no tutorial e travam na prática: um pixel no lugar errado engrossa a linha, uma cor escolhida no olho suja a paleta, e o sprite que estava bonito no editor borra quando chega no jogo. Treinar esse olhar com exercícios em ordem, e com alguém apontando onde o pixel sobrou, é o que encurta o tempo até a sua arte ficar limpa.

AA interno vs borda externa

Aqui está a regra que mais evita problema em jogo: use AA nas bordas internas, evite na borda externa.

Borda interna é qualquer encontro entre duas cores do próprio sprite: o contorno do olho contra a pele, a borda do escudo contra o metal, a linha da capa contra a roupa. Você controla as duas cores, então sabe exatamente qual é a intermediária.

Borda externa é a silhueta, a fronteira entre o sprite e o fundo transparente. O problema: o fundo muda. O personagem passa por céu claro, caverna escura, grama, água. Um pixel de AA pensado para um fundo claro vira uma "auréola" clara visível num fundo escuro, e o sprite parece recortado com tesoura cega.

Quando dá para usar AA na borda externa:

• O fundo do jogo é fixo e de uma cor só, ou quase (um quebra-cabeça com fundo sólido).
• Você usa uma cor de AA que é o tom de sombra do próprio material, não uma mistura com o fundo. Ela funciona como uma borda mais clara do contorno, não como transição para o fundo.
• O sprite é usado em ilustração estática, não no jogo.

Fora isso, deixe a borda externa sem AA. O contorno escuro e limpo faz a separação, e a suavização fica por dentro.

Quando o AA borra mais do que suaviza

Sinais de que você passou do ponto:

• A linha ficou mais grossa. AA nos degraus de 1 pixel engrossa a diagonal. Remova.
• O sprite parece fora de foco em zoom real. Excesso de cores intermediárias apaga o contraste. Tire os pixels de AA dos degraus curtos.
• O sprite pequeno perdeu leitura. Em 16x16, quase não há espaço para AA, e cada pixel conta para a forma. Muitos sprites desse tamanho funcionam melhor sem AA nenhum.
• A animação treme. AA desenhado diferente em cada frame faz a borda "piscar" quando o personagem se mexe. Mantenha o AA idêntico nas partes que não mudam e simplifique nas que mudam.

E há casos em que o AA não ajuda: pixel art com visual propositalmente duro, estilo de 8 bits com poucas cores e sprites que vão ser vistos muito pequenos na tela.

Exemplos em curvas e diagonais

Diagonal 1:1 (degraus de 1 pixel, 45 graus): não precisa de AA. Ela já é a linha mais suave possível em pixel art.

Diagonal 2:1 (degraus de 2 pixels): AA opcional. Se colocar, 1 pixel intermediário no fim de cada degrau, do lado de fora. Em linha longa, fica bem mais suave. Em linha curta, ignore.

Diagonal 3:1 ou maior: o degrau é longo e aparece. 1 pixel de AA no fim de cada degrau, ou 2 pixels de tons diferentes se o degrau tem 4 pixels ou mais.

Curva de círculo: as partes quase horizontais e quase verticais têm degraus longos (aplique AA). As partes perto de 45 graus têm degraus de 1 pixel (não aplique). O resultado é um AA que aparece "em quatro pontos" do círculo, perto dos topos e das laterais.

Olho e boca: em rosto de 32 pixels, um pixel de tom de pele mais escuro no canto do olho suaviza a forma e dá expressão. Em 16 pixels, deixe sem.

Erros comuns

Deixar o programa suavizar. Pincel com Smooth lines ligado no Krita ou ferramenta de pincel em vez de lápis no GIMP. Correção: configure as ferramentas antes de começar, como na seção acima.

AA com cor fora da paleta. Cada sprite ganha cores novas e a paleta incha. Correção: AA com tons da rampa existente.

AA em todos os degraus. A linha engrossa. Correção: só nos degraus longos.

AA na silhueta contra fundo transparente. Halo no jogo. Correção: AA só nas bordas internas.

Escalar o sprite com interpolação. Mesmo com AA manual perfeito, ampliar a imagem com filtro bilinear borra tudo. Correção: exporte em 1x e configure a engine com filtro Nearest (Godot) ou Point (Unity), ou amplie em múltiplos inteiros com vizinho mais próximo.

Próximo passo

Desenhe um círculo de 24 pixels de diâmetro, com contorno de 1 pixel, e faça três versões: sem AA, com AA só nos degraus longos e com AA em todos os degraus. Compare em zoom real. A segunda quase sempre vence.

Depois, aplique o mesmo raciocínio num sprite seu, só nas bordas internas. Para a base de construção de linha e curva, leia o post de linhas em pixel art, e para revisar os fundamentos, o guia completo de pixel art para jogos.