Voltar para o Blog
Quest Log

Banding em Pixel Art: O Que É e Como Evitar

Comparação de pixel art com banding, mostrando a escada de cor indesejada ao lado da versão corrigida

Banding em pixel art: o que é a escada de cor que puxa o olho, por que acontece no shading e como evitar com borda quebrada, hue shift e dithering.

Ferramenta:Aseprite

Banding em pixel art é aquela escada de cor que aparece sem você pedir, uma faixa de degraus que corre ao lado da borda entre dois tons e puxa o olho para um lugar onde não há informação nenhuma. É um dos defeitos mais comuns no shading de quem está aprendendo, e também um dos que mais fazem um desenho parecer amador mesmo quando a forma e a paleta estão certas.

A boa notícia: banding é previsível. Ele acontece por motivos conhecidos (transição em diagonal mal feita, contraste baixo, degradê preguiçoso) e tem um conjunto de técnicas que o eliminam. Aqui você vai entender o que é banding, separar o banding ruim da linha que você desenha de propósito, ver por que ele surge e aprender as formas de evitar.

O que é banding

Imagine dois tons de azul, um claro e um escuro, se encontrando numa superfície inclinada. Como pixel art é feita de quadrados, você não consegue uma linha diagonal lisa: desenha degraus, dois pixels para a direita, um para baixo, dois para a direita, um para baixo.

O banding aparece quando os degraus do tom claro ficam alinhados com os degraus do tom escuro, no mesmo ritmo, formando uma faixa de pixels paralela à borda. Essa faixa vira uma terceira "linha" visual que você não desenhou de propósito, mas que o olho enxerga na hora. Em vez de ver uma transição suave de claro para escuro, a pessoa vê claro, uma listra, escuro.

O problema não é a diagonal em si, é a regularidade. Quando todos os degraus têm o mesmo tamanho e ficam encostados, o cérebro conecta os pontos e lê uma linha contínua. Quanto mais parecidos os dois tons, pior, porque a listra fica no meio do caminho entre os dois e ganha destaque.

Banding ruim versus linha intencional

Nem toda escada de pixels é problema. Pixel art é feita de escadas, essa é a natureza do meio. A pergunta certa não é "tem degrau?", é "esse degrau está me levando para onde eu quero?".

  • Linha intencional: você quer marcar uma dobra na roupa, a quina de uma caixa, o contorno de um objeto. Desenha a borda de propósito, controla onde ela vai e ela carrega informação. O olho segue e entende a forma.
  • Banding ruim: a listra aparece por acidente, numa região lisa onde não deveria ter nada chamando atenção, e compete com os pontos que realmente importam (o rosto, o foco de luz). O olho é puxado para o vazio.

A diferença está na intenção e no destino do olhar. Se a faixa reforça uma forma que você quis desenhar, é linha. Se ela aparece sozinha e desvia a atenção, é banding. Esse hábito de perguntar "para onde isso leva o olho" é o mesmo que separa várias falhas de pixel art, e o banding costuma liderar qualquer lista de defeitos de iniciante.

Por que o banding acontece

Três causas respondem pela maioria dos casos.

Shading apressado. Você pinta o segundo tom seguindo exatamente o contorno do primeiro, degrau por degrau, sem pensar no ritmo. Como a mão tende a repetir o mesmo passo, os degraus saem todos iguais e a faixa se forma sozinha. É o modo "automático" de sombrear, e é o que mais gera banding.

Contraste baixo entre os tons. Quando o tom claro e o escuro são quase iguais, a faixa que se forma entre eles fica num valor intermediário bem no meio, e o olho a isola com facilidade. Tons com boa diferença de valor disfarçam melhor a transição. Rampas com passos de valor mal escolhidos (dois tons quase idênticos seguidos de um salto grande) convidam o banding.

Degradê mal distribuído. Ao tentar fazer uma transição suave entre muitas cores, se cada faixa de tom tem exatamente a mesma largura, você empilha listras regulares, que é banding em série. Degradê em pixel art pede larguras de faixa variadas, não uma régua.

Existe ainda um erro irmão que quase sempre vem acompanhado de banding: o pillow shading. É quando a pessoa sombreia em anéis concêntricos, do centro do objeto para fora, como se iluminasse tudo de frente e por igual. Isso ignora a direção da luz e produz faixas paralelas ao redor da forma inteira, ou seja, banding em círculo. Quem sombreia sem decidir de onde vem a luz cai nos dois ao mesmo tempo.

Como evitar banding em pixel art

Não existe um botão. Banding se resolve com um conjunto de técnicas que você combina conforme o caso.

1. Quebre a borda com ritmo irregular. Esta é a principal. Em vez de degraus iguais (2, 2, 2, 2 pixels), varie o passo (3, 1, 2, 1, 3). Ao alternar degraus curtos e longos, você impede que o olho conecte os pontos numa linha. A transição continua existindo, mas deixa de formar uma listra. É a correção mais direta e que mais resolve.

2. Use hue shift entre os tons. Se o claro e o escuro forem só o mesmo matiz com brilho diferente, a faixa intermediária fica óbvia. Gire o matiz ao longo da rampa: a sombra puxa para o azul ou o roxo, a luz puxa para o amarelo ou o laranja. Com os tons mudando de cor, e não só de brilho, a transição distrai o olho e o banding perde força. Hue shift bem feito melhora o shading inteiro, não só o banding.

3. Aplique dithering controlado na transição. Dithering é intercalar pixels dos dois tons numa textura (xadrez, pontos) para sugerir um tom intermediário sem criar uma cor nova. Na região onde o banding ameaça aparecer, um dithering leve suaviza a passagem de um tom para o outro e quebra a listra. A palavra-chave é controlado: dithering demais polui. Se quiser dominar os padrões e saber onde usar, veja o guia de dithering em pixel art.

4. Reduza o número de cores. Pode soar contraintuitivo, mas menos tons na rampa muitas vezes elimina o banding, porque você para de tentar transições suaves que não cabem no espaço de pixels que tem. Dois ou três tons bem escolhidos, com a borda bem quebrada, leem melhor que cinco tons empilhados em faixas.

5. Espace a transição. Não concentre toda a mudança de tom numa única fileira de pixels. Espalhe: deixe o tom claro invadir um pouco o escuro em alguns pontos e o escuro subir em outros, de forma orgânica. A borda deixa de ser uma fronteira reta e vira uma zona de mistura, que é muito mais difícil de ler como listra.

Essas técnicas se apoiam umas nas outras. Numa dobra de pano, a borda quebrada resolve; numa esfera, hue shift mais dithering leve; num céu em degradê, faixas de larguras variadas. O que não funciona é fingir que o banding some sozinho.

Aqui está a parte que trava muita gente: ler a própria imagem e enxergar o banding antes que ele vire hábito. Estudando sozinho, você olha o sprite por horas, sente que "tem algo estranho", mas não identifica que é a escada de cor, e sem nomear o problema não dá para corrigir. Esse é o calcanhar de quem aprende arte 2D no tentativa e erro: falta o olho treinado e a devolutiva de alguém que aponta "aqui tem banding, quebra essa borda". Um curso de pixel art ataca exatamente isso, com exercícios de shading e correção dirigida, em vez de te deixar adivinhando por que o desenho não fecha.

Curso de Arte 2D
Quer fazer a arte do seu jogo?

No curso de Arte 2D para Jogos da CursoGame.Dev você vai do rabisco ao portfólio: personagens, cenários, tilesets, UI e animação, sem precisar saber desenhar.

Conhecer o curso de Arte 2D
Suporte no WhatsAppAcesso vitalícioGarantia de 7 dias

Se você está pesando se um curso resolve mais rápido que o aprendizado solo, a análise em vale a pena um curso de pixel art para jogos ajuda a decidir sem hype.

Treine o olho: onde o banding costuma se esconder

Saber a teoria não basta, você precisa pegar o banding no seu próprio trabalho. Alguns lugares onde ele mais aparece:

  • Superfícies curvas grandes: barriga de um personagem, um escudo redondo, uma colina. A curva pede transição longa, e é aí que as listras nascem.
  • Céus e fundos em degradê: faixas horizontais regulares entregam na hora.
  • Cabelo e pano: mechas e dobras sombreadas no automático acumulam degraus iguais.
  • Metal e superfícies brilhantes: o reflexo pede muitos tons próximos, terreno fértil para banding.

Um truque para revisar: afaste o zoom e olhe a imagem pequena, ou feche os olhos até quase fechar. O banding aparece como uma linha fantasma que não deveria estar ali. Outra forma é olhar a imagem espelhada (no Aseprite, View > Flip), porque o olho fresco pega defeitos que o olho acostumado já ignora.

Vale separar na cabeça o banding do seu primo, o problema de borda serrilhada. Enquanto o banding é sobre a transição interna entre tons, o serrilhado é sobre o contorno externo do sprite, e tem o seu próprio tratamento no guia de anti-aliasing em pixel art. São coisas diferentes que costumam ser confundidas: uma mora dentro da forma, a outra na silhueta.

Banding não é um sinal de falta de talento, é um sintoma de shading no piloto automático. Assim que você passa a decidir o ritmo dos degraus, a girar o matiz entre os tons e a perguntar para onde cada linha leva o olho, ele deixa de aparecer. É menos uma questão de desenhar melhor e mais de olhar a própria imagem com intenção.

Perguntas frequentes

O que é banding em pixel art?

Banding é a escada de cor que se forma quando a borda entre dois tons corre na diagonal e os blocos de cada tom ficam alinhados em degraus iguais. Esse padrão repetido cria uma linha visual forte que o olho segue, mesmo que você não quisesse uma linha ali. É um dos defeitos de shading mais comuns em quem está começando.

Qual a diferença entre banding e uma linha intencional?

A linha intencional é uma decisão: você quer marcar uma dobra, uma quina ou um contorno, e desenha a borda de propósito. O banding é acidental: a escada aparece por causa de como os dois tons se encontram, puxa o olho para um lugar sem informação e compete com o que importa na imagem. A diferença está na intenção e em onde o olho é levado.

Por que o banding acontece?

Acontece quando dois tons se encontram em diagonal e você deixa os degraus do primeiro tom alinhados com os degraus do segundo, formando uma faixa paralela à borda. Shading apressado, contraste baixo entre os tons e degradê mal distribuído são as causas mais comuns. Quanto mais parecidos os dois tons, mais fácil o banding virar uma faixa visível.

Como evitar banding no shading?

Quebre a borda entre os tons com um ritmo irregular, em vez de degraus iguais. Use hue shift para que os tons vizinhos não sejam só claro e escuro da mesma cor. Aplique dithering controlado na transição, reduza o número de cores da rampa e espace melhor onde cada tom começa. Nenhuma técnica sozinha resolve tudo, elas se combinam.

Pillow shading tem a ver com banding?

Sim, são erros irmãos. Pillow shading é sombrear em anéis concêntricos do centro para fora, ignorando a direção da luz, o que quase sempre gera faixas paralelas de cor, ou seja, banding em volta de tudo. Definir uma fonte de luz e sombrear a partir dela resolve os dois problemas ao mesmo tempo.