Pixel Art — Maîtriser les bases pour vos jeux indé

Le pixel art est bien plus qu'une contrainte technique — c'est un art à part entière. Voici les fondamentaux pour créer des assets convaincants.

Les outils

Outil	Prix	Points forts
Aseprite	~20€	Référence absolue, animation intégrée
LibreSprite	Gratuit	Fork d'Aseprite, open source
Pixelorama	Gratuit	Open source, Godot-native
Photoshop	Abonnement	Overkill mais fonctionnel

Aseprite est l'outil de référence. Investissez les 20€.

Règle #1 : La palette de couleurs

Une bonne palette est la moitié du travail.

Limites volontaires

4-8 couleurs pour un style Game Boy rétro
16 couleurs pour un style NES/SNES
32-64 couleurs pour un style moderne riche

La théorie des rampes

Chaque couleur doit avoir 3-4 nuances : ombre, base, clair, surbrillance.

Palette d'un personnage simple :
Peau:   [#2d1b00] [#8b5a00] [#c8844a] [#ffb07c]
Tenue:  [#1a1a4e] [#2b2b8f] [#4444cc] [#7777ff]

Règle #2 : Éviter le "Pillow Shading"

Le pillow shading est l'erreur classique du débutant : mettre les ombres partout autour d'une forme.

❌ Pillow shading (mauvais)    ✓ Light source cohérente
    ░░░░░                           ░░░░░
   ░█████░                         ░████▒
   ░██X██░                         ░████▒
   ░█████░                         ▒▒▒▒▒▒
    ░░░░░

Décidez d'une source lumineuse fixe et respectez-la sur tous vos sprites.

Règle #3 : Le Dithering

Le dithering simule des couleurs intermédiaires avec des patterns de pixels.

Dithering 50% entre couleur A et B :
A B A B    ou    A A B B
B A B A          B B A A

Utile pour simuler des dégradés sans ajouter de couleurs à la palette.

Animation frame par frame

Pour un personnage 16x16 qui marche :

Frame 1: Position neutre
Frame 2: Jambe droite avancée, bras gauche avancé
Frame 3: Position neutre (légèrement différente)
Frame 4: Jambe gauche avancée, bras droit avancé

→ 4 frames suffisent pour une marche convaincante
→ FPS recommandé : 8-12 FPS (pas 60 !)

Dans Aseprite

1. Créer les frames dans l'éditeur
2. Définir la durée de chaque frame (80-125ms)
3. Exporter en spritesheet :
   File → Export Sprite Sheet → JSON + PNG

Règle #4 : Anti-aliasing manuel

Le pixel art n'utilise pas l'anti-aliasing automatique. Mais vous pouvez le simuler manuellement avec des pixels intermédiaires.

Ligne diagonale sans AA :    Avec pixels intermédiaires :
█                              █
█                              ▒█
 █                              ▒█
 █                               █

Ressources gratuites

Lospec.com — Palettes de couleurs communautaires
Kenney.nl — Assets CC0 (libres de droits)
OpenGameArt.org — Assets open source
itch.io/assets — Payants et gratuits de qualité

Exercice pratique

Créez un personnage 16x16 en 5 étapes :

Silhouette en noir (1 couleur)
Ajouter les couleurs de base (flat colors)
Ajouter une couche d'ombre
Ajouter une couche de lumière
Animer (4 frames de marche)

En une semaine de pratique quotidienne, vous serez étonné de vos progrès.