Dithering

Il dithering dispone due colori in uno schema così che, da lontano, l’occhio li fonde in qualcosa di intermedio. Usato con attenzione aggiunge texture e transizioni morbide.

Cavaliere senza dithering
Nessun dithering
Cavaliere con un dithering leggero tra le bande
Un po’ di dithering
Cavaliere con un dithering forte tra le bande
Dithering forte

Cos’è

Quando una palette ha pochi colori, non puoi disegnare un gradiente morbido. Il dithering ne simula uno: mescoli due colori vicini secondo un motivo, e l’occhio ne fa la media. Una scacchiera di blu scuro e blu medio, vista da un passo indietro, si legge come un blu a metà strada.

Gli schemi più comuni sono:

  • Scacchiera: pixel alternati, il mix al 50 %.
  • Motivi ordinati (Bayer): una griglia fissa di gradini (25 %, 50 %, 75 %) che dà transizioni pulite e regolari.
  • Motivi di rumore: irregolari, come il rumore blu, evitano griglie visibili ma appaiono più granulosi.

Perché gli artisti lo fanno

Sul vecchio hardware con palette minuscole, il dithering era l’unico modo per ottenere più colori apparenti. Oggi è una scelta di stile. Dà texture a pietra, pelliccia e sabbia, ammorbidisce il confine tra due bande di luce su una grande superficie, e dà un tocco retrò.

Errori comuni

  • Dithering ovunque. Sugli sprite piccoli un motivo diventa rumore. Un personaggio da 32 pixel ne ha raramente bisogno.
  • Dithering tra colori troppo distanti. Bianco e nero a scacchiera non si leggono come grigio; si leggono come un motivo. Fai dithering tra vicini di una rampa.
  • Motivi che strisciano. Nell'animazione, un motivo fisso rispetto allo schermo sfarfalla mentre la forma ci si muove sotto. È uno dei motivi principali per cui gli artisti evitano il dithering sui personaggi.
  • Mescolare scale di motivo. Un motivo 2×2 accanto a un motivo 1×1 sembra di due dimensioni di pixel, una specie di mixel.

Come farlo a mano

  1. Ombreggia prima l’area con bande piatte.
  2. Scegli il confine che vuoi ammorbidire.
  3. Lungo quel confine, aggiungi una striscia di scacchiera larga uno o due pixel. Per una sfumatura più ampia, usa un motivo rado (un pixel su quattro), poi la scacchiera, poi il motivo rado inverso.
  4. Riduci lo zoom a 1× e controlla che si legga come una sfumatura, non come una texture che non volevi.
  5. Nell’animazione, muovi lo schema con la superficie, non con la tela.

Come lo fa Pixor

Pixor può applicare il dithering tra le bande di luce con uno schema ordinato (Bayer) o a rumore blu, da nullo a forte. Lo schema è tenuto sulla superficie del modello, così si muove con la forma invece di tremolare su di essa mentre il modello si anima o gira. Il dithering è un nodo del grafo di Stile, quindi puoi disattivarlo per i personaggi e attivarlo per lo scenario.

Domande

Dovrei usare il dithering nei miei sprite?

Solo se si addice allo stile. Molti giochi moderni lo usano poco o per niente sui personaggi. Funziona meglio su superfici grandi e lente come cieli, roccia e stoffa.

Perché il mio dithering tremola quando lo sprite si muove?

Il motivo è fissato allo schermo invece che alla superficie. Mentre la forma si muove, i pixel cambiano colore a ogni fotogramma. Tieni il motivo attaccato alla superficie.

Cos’è il dithering ordinato o di Bayer?

Un motivo regolare da una piccola griglia di soglie. Dà scacchiere e gradini ordinati, che si addicono alla pixel art più del rumore casuale.

Leggi anche

Provalo sul tuo modello, gratis nel browser, o prendi la versione completa.

Prova nel browser Ottieni Pixor