Contorni

I tre tipi di linea

• Sagoma. Il bordo esterno, dove lo sprite incontra lo sfondo. È quella che lavora di più: uno sprite con una sagoma chiara si legge anche in un solo colore.
• Linee interne. Bordi tra parti dentro la sagoma: un braccio davanti al corpo, una cintura su una tunica, un elmo sopra un viso.
• Pieghe. Piegature e curve nette all’interno di una superficie: la cresta di un naso, una piega in un tessuto, lo spigolo di una scatola.

La maggior parte degli artisti le tratta in modo diverso. La silhouette è spesso la più scura e completa. Le linee interne sono più chiare o parziali. Le pieghe vengono spesso omesse, lasciando lavorare lo shading.

Scure o colorate

Una linea quasi nera attorno a tutto è decisa e leggibile, e si addice a sprite piccoli e sfondi affollati. Un nero puro può risultare duro, quindi molti artisti usano invece un colore molto scuro della palette, come un blu profondo o un marrone.

Le linee colorate prendono il colore dalla forma contro cui stanno: una linea rosso scuro su un mantello rosso. Portato oltre, con linee che si schiariscono sul lato illuminato, diventa selout.

Errori comuni

• Linee spesse due pixel. Alle dimensioni piccole una linea doppia si mangia lo sprite. Le linee dovrebbero essere di un pixel.
• Angoli a L. Quando una linea cambia direzione, un pixel d’angolo che tocca entrambi i vicini forma una L e sembra spesso. Procedi in diagonale.
• Parti sottili spezzate. La lama di una spada o un bastone largo un pixel può spezzarsi in puntini se disegnato senza cura. Mantienilo come una linea continua di un pixel.
• Contornare ogni piega. Troppe linee interne trasformano uno sprite in un wireframe. Lascia che sia l'ombreggiatura a rendere i piccoli dettagli.
• Linee interne scure quanto la sagoma. La forma smette di leggersi come un unico oggetto.

Come farlo a mano

1. Riempi la forma dello sprite con un solo colore piatto e controlla la silhouette da sola.
2. Disegna la linea della silhouette, larga un pixel, senza angoli a L.
3. Aggiungi linee interne solo dove le parti si sovrappongono e potrebbero confondersi.
4. Ombreggia, poi aggiungi le pieghe solo dove lo shading non basta.
5. Decidi tra linee scure o colorate e applica la scelta ovunque.

Come lo fa Pixor

Pixor trova le linee dalla profondità, dalle normali e dagli id delle parti del render, e tiene le linee di silhouette, interne e di piega come tipi separati. Ognuna può essere omessa, disegnata scura in un colore a tua scelta, o disegnata come contorno selettivo. Le linee sono larghe un pixel senza angoli a L, le parti sottili del modello vengono mantenute come linee di un pixel, e le linee che compaiono per un solo fotogramma vengono ripulite. Ogni impostazione delle linee è un nodo nel grafo di Stile.

Correlati

• Selout
• Rampe della palette
• I look e il manuale delle impostazioni