Tramage

Le tramage dispose deux couleurs selon un motif pour que, de loin, l’œil les mélange en une teinte intermédiaire. Utilisé avec soin, il ajoute de la texture et des transitions douces.

Chevalier sans tramage
Sans tramage
Chevalier avec un léger tramage entre les bandes
Un peu de tramage
Chevalier avec un fort tramage entre les bandes
Tramage fort

Ce que c’est

Quand une palette n’a que quelques couleurs, on ne peut pas dessiner de dégradé lisse. Le tramage en simule un : on mélange deux couleurs voisines selon un motif, et l’œil en fait la moyenne. Un damier de bleu foncé et de bleu moyen se lit, avec un peu de recul, comme un bleu à mi-chemin.

Les schémas les plus courants sont :

  • Damier : des pixels alternés, le mélange à 50 %.
  • Motifs ordonnés (Bayer) : une grille fixe de paliers (25 %, 50 %, 75 %) qui donne des transitions nettes et régulières.
  • Motifs de bruit : irréguliers, comme le bruit bleu, ils évitent les grilles visibles mais paraissent plus granuleux.

Pourquoi les artistes le font

Sur le vieux matériel aux palettes minuscules, le tramage était le seul moyen d’obtenir plus de couleurs apparentes. Aujourd’hui, c’est un choix de style. Il donne de la texture à la pierre, à la fourrure et au sable, adoucit la limite entre deux bandes de lumière sur une grande surface, et donne une touche rétro.

Erreurs courantes

  • Tout tramer. Sur de petits sprites, un motif se transforme en bruit. Un personnage de 32 pixels en a rarement besoin.
  • Tramer entre des couleurs trop éloignées. Du noir et du blanc en damier ne se lisent pas comme du gris ; ils se lisent comme un motif. Tramez entre voisines d’une rampe.
  • Des motifs qui grouillent. En animation, un motif fixé à l’écran scintille quand la forme bouge en dessous. C’est l’une des principales raisons pour lesquelles les artistes évitent le tramage sur les personnages.
  • Mélanger les échelles de motif. Un motif 2×2 à côté d’un motif 1×1 ressemble à deux tailles de pixel, une sorte de mixel.

Comment le faire à la main

  1. Ombrez d’abord la zone en bandes unies.
  2. Choisissez la limite que vous voulez adoucir.
  3. Le long de cette frontière, ajoutez une bande de damier d’un ou deux pixels de large. Pour un fondu plus large, utilisez un motif clairsemé (un pixel sur quatre), puis le damier, puis le motif clairsemé inversé.
  4. Dézoomez à 1× et vérifiez que cela se lit comme un mélange, pas comme une texture involontaire.
  5. En animation, déplacez le motif avec la surface, pas avec la toile.

Comment Pixor s’y prend

Pixor peut tramer entre les bandes de lumière avec un motif ordonné (Bayer) ou en bruit bleu, de nul à fort. Le motif est fixé à la surface du modèle : il bouge avec la forme au lieu de scintiller à travers elle quand le modèle s’anime ou tourne. Le tramage est un nœud du graphe de Style, donc vous pouvez le désactiver pour les personnages et l’activer pour les décors.

Questions

Faut-il utiliser le tramage dans mes sprites ?

Seulement si cela convient au style. Beaucoup de jeux modernes en utilisent peu ou pas du tout sur les personnages. Il fonctionne mieux sur de grandes surfaces calmes comme le ciel, la roche et le tissu.

Pourquoi mon tramage miroite-t-il quand le sprite bouge ?

Le motif est fixé à l’écran au lieu de la surface. Quand la forme bouge, les pixels changent de couleur à chaque image. Gardez le motif attaché à la surface.

Qu’est-ce que le tramage ordonné ou de Bayer ?

Un motif régulier issu d’une petite grille de seuils. Il donne des damiers et des paliers nets, qui conviennent mieux au pixel art qu’un bruit aléatoire.

À lire ensuite

Essayez-le sur votre propre modèle, gratuitement dans votre navigateur, ou procurez-vous la version complète.

Essayer dans le navigateur Obtenir Pixor