2 de junho de 2026 · 9 min de leitura

Guia de sombreamento para pixel art

Um sprite com cor chapada já comunica. Mas um sprite sombreado comunica e respira: ele tem volume, peso, hora do dia. Este guia cobre os quatro pilares que diferenciam arte chapada de arte com profundidade: luz, sombra, anti-aliasing seletivo e dithering.

1. Decida a direção da luz antes de qualquer coisa

Antes de pintar uma única sombra, defina de onde vem a luz. O padrão da indústria de pixel art é canto superior esquerdo (imagine um sol às 10h da manhã, à esquerda do sprite e levemente acima). Esse padrão existe porque a maioria das pessoas lê da esquerda para a direita e o olho processa essa direção como "natural".

Não tem regra que proíba luz vindo de outra direção, mas se você for usar (luz por trás, luz por baixo, luz lateral direita), seja consistente em todo o sprite. Inconsistência de direção é o erro de sombreamento mais comum.

2. Rampa de tons: a estrutura por trás do sombreamento

Toda cor que você usa precisa fazer parte de uma rampa: uma sequência de tons relacionados, do mais escuro ao mais claro. Para começar, três tons por cor já resolvem 80% dos casos:

• Sombra — cor base + matiz puxado para o azul/roxo + brilho menor.
• Cor base — a cor "natural" do objeto.
• Luz — cor base + matiz puxado para o amarelo/laranja + brilho maior.

Note o detalhe importante: a sombra não é só a cor base mais escura. Ela também desloca o matiz para o frio (azul/roxo). E a luz desloca para o quente (amarelo/laranja). Esse deslocamento é o que faz pixel art parecer "viva" em vez de "preto e branco colorido".

Erro clássico: usar preto puro para sombrear

Preto puro suga vida do sprite. Se sua cor base é verde, a sombra deve ser um verde-escuro puxado pro azul, não preto. Reserve preto puro para contorno ou para áreas realmente pretas (cabelo escuro, sapatos, pupila).

3. Onde colocar luz e sombra

Pense no sprite como um objeto 3D. Onde a luz bate diretamente, vai a cor de luz. Onde a luz não chega, vai a cor de sombra. Áreas intermediárias ficam na cor base.

Em formas curvas (esferas, cilindros), o degradê é progressivo: luz no topo, base no meio, sombra embaixo. Em formas chapadas (cubos), é abrupto: faces inteiras de uma cor, sem mistura.

Não esqueça da sombra projetada — a sombra que o objeto faz no chão. Mesmo um simples oval escuro abaixo de um sprite resolve a sensação de "está flutuando" que atrapalha muita arte iniciante.

4. Anti-aliasing seletivo (AA)

Anti-aliasing em pixel art não é o automático do Photoshop. É manual e seletivo: você adiciona um único pixel intermediário em diagonais e curvas suaves para quebrar o serrilhado.

A regra:

1. Identifique uma diagonal ou curva com "degraus" muito visíveis.
2. No canto interno de cada degrau, adicione 1 pixel de uma cor intermediária entre a cor do objeto e a cor do fundo.
3. Nunca aplique AA em retas horizontais ou verticais — fica esquisito.
4. Nunca aplique AA em silhueta de sprite que vai aparecer sobre fundos variados — fica franja.

AA é um luxo. Use só se você já dominou silhueta, paleta e sombras básicas. Sprite mal sombreado com AA bonito continua mal sombreado.

5. Dithering: o degradê dos consoles antigos

Dithering é alternar dois pixels em padrão xadrez (ou variações) para criar a ilusão de um tom intermediário sem adicionar uma cor nova à paleta. Foi inventado por necessidade nos consoles dos anos 80 e 90, e hoje é usado deliberadamente por sua estética retrô.

O padrão mais comum é o Bayer 2×2: xadrezinho regular entre duas cores. Funciona melhor em transições grandes e suaves — um céu indo de azul-claro para azul-médio, por exemplo. Em áreas pequenas, dithering vira ruído.

Dica importante: dithering é direcional. Aplique mais forte na zona de transição e mais ralo conforme se aproxima da cor sólida.

6. Sombras coloridas e luz ambiente

Em cenas mais elaboradas, sombras de noite são azuladas, sombras à beira do mar são esverdeadas, sombras em interior quente são alaranjadas. Esse efeito é chamado de luz ambiente: a "cor do ar" influencia tudo que está dentro dela.

Para aplicar, depois de sombrear o sprite normalmente, puxe todas as sombras um pouco mais para a cor da luz ambiente. Em cena noturna: sombras mais azuis. Em pôr-do-sol: sombras mais magenta. Mudança sutil, impacto grande.

7. Erros comuns ao sombrear

• Sombrear o sprite inteiro com a mesma cor escura. Você precisa de uma rampa por matiz: rampa de pele, rampa de tecido, rampa de metal — cada uma com seu próprio escuro.
• Sombra simétrica. Se a luz vem da esquerda, o lado direito tem mais sombra. Não distribua sombra dos dois lados igualmente.
• Brilho especular gigante. O ponto mais brilhante (highlight) deve ser pequeno: 1, 2 ou no máximo 3 pixels. Highlight grande parece adesivo colado no sprite.
• Pular a sombra projetada. Sem ela, o objeto flutua.

Aplicando no canvas

No canvas colaborativo do pPlace, sombreamento ganha outra dimensão: você precisa sombrear em harmonia com o que já está pintado em volta. Se a área vizinha decidiu luz vindo do canto superior esquerdo, sua pintura também deveria seguir. Pequenas concessões assim transformam uma sopa de pinturas individuais em uma cena coesa de verdade.