📖 Manuel

Pixel Art Advisor

Critères de décision — Résolution et style

Règle de départ : choisir la plus petite résolution qui rend la silhouette lisible. Agrandir plus tard est coûteux.

Workflow en étapes

1. Canvas et grille

Aseprite > File > New
  Width:  32  Height: 32
  Color mode: Indexed  (limite la palette dès le début)
  Background: Transparent

• Activer la grille (View > Grid > Grid Settings → 8×8 ou 16×16 selon le tile size).
• Travailler à 400–800 % de zoom ; toujours vérifier à 100 % pour la lisibilité réelle.
• Définir le pixels per unit avant toute création : ex. 16 px = 1 unité de jeu → facilite l'import moteur.

2. Palette de couleurs

Construire des color ramps (minimum 3 teintes par couleur principale) avec hue shifting :

Couleur base : H=30, S=70, V=80   (brun chaud)
Ombre       : H=240, S=40, V=40   (bleu froid — pas de gris pur)
Lumière     : H=50,  S=30, V=95   (jaune chaud)

• Utiliser le mode HSV dans Aseprite (Edit > Preferences > Color → HSV).
• Limiter la palette totale du projet dans un fichier .pal partagé entre tous les assets.
• Importer une palette de référence : Palette > Load Palette > fichier.pal.
• Dithering pour simuler une couleur intermédiaire sans l'ajouter à la palette :

Pattern checkerboard 2×2 :
  ▓░▓░      = 50 % mélange entre couleur A et B
  ░▓░▓

3. Formes et contours

• Dessiner la silhouette en noir avant d'ajouter couleurs ou détails.
• Anti-aliasing manuel sur les courbes : intercaler 1–2 pixels de teinte intermédiaire sur les jaggies prononcés (> 45°).
• Choisir le type d'outline selon l'ambiance :
• Outline noir dur → action, lisibilité maximale, style cartoon.
• Outline coloré (version assombrie de la couleur adjacente) → style doux, RPG.
• Pas d'outline → décors, éléments d'arrière-plan.
• Éviter les lone pixels (pixel isolé sans voisin de même couleur) : ils créent du bruit visuel.

4. Animation sprite — Walk cycle (exemple 4 frames)

Frame 1 : Contact  — pied gauche à terre, pied droit levé
Frame 2 : Passage  — poids au centre, corps légèrement bas
Frame 3 : Contact  — pied droit à terre, pied gauche levé
Frame 4 : Passage  — poids au centre (miroir F2)

Paramètres Aseprite :

Timeline > Frame duration : 100–120 ms (8–10 fps) pour walk
Timeline > Frame duration : 60–80 ms (12–16 fps) pour effets rapides

• Squash & stretch : compresser verticalement de 1–2 px à l'impact, étirer à la montée.
• Smear frame : 1 frame de flou directionnel (pixels étirés) sur les attaques rapides.
• Toujours tester l'animation en boucle continue dans Aseprite (> Play) avant export.

5. Tilesets et autotile

Structure bitmask 4-bit (16 tiles, transitions simples) :

Tile ID  Voisins (N S E O)   Usage
  0       0000               Isolé
  15      1111               Plein entouré
  5       0101               Corridor horizontal
  10      1010               Corridor vertical

• Pour autotile 47 tuiles (RPG Maker / Godot TileMap autotile) : regrouper les tiles dans l'ordre bitmask attendu par le moteur.
• Seamless : les 4 bords d'une tile doivent être identiques à leurs voisins → vérifier avec View > Tiled Mode dans Aseprite.

6. Export et intégration moteur

Spritesheet Aseprite CLI (automatisable en CI) :

aseprite -b character.aseprite \
  --sheet character_sheet.png \
  --sheet-type packed \
  --data character_sheet.json \
  --format json-array \
  --trim

Unity — paramètres d'import PNG :

Texture Type      : Sprite (2D and UI)
Sprite Mode       : Multiple
Pixels Per Unit   : 16   (ou la valeur projet)
Filter Mode       : Point (no filter)   ← CRITIQUE pour pixel art net
Compression       : None
Max Size          : 2048  (power-of-two)

Godot 4 — import settings :

[importer = "texture"]
params/filter = false          # Point filtering
params/compress/mode = 0       # Lossless
params/mipmaps/generate = false

GameMaker : Sprite Editor > Import Strip → définir Frame Width, Frame Height, Number of Frames.

Anti-patterns et pièges fréquents

Bonnes pratiques 2026

• Aseprite scripts Lua : automatiser le recoloring de palette pour les variantes de personnage.

```lua -- Exemple : swap palette slot 3 (rouge) → bleu local sprite = app.activeSprite local pal = sprite.palettes[1] pal:setColor(3, Color{r=30, g=80, b=200}) ```

• Version control : commiter les fichiers .aseprite (format binaire versionnable) + les PNG exportés générés en CI.
• Figma / Excalidraw pour le moodboard de palette avant de commencer ; éviter l'itération palette en cours de production.
• Accessibilité : tester la palette avec un simulateur daltonisme (Colour Oracle, plugin Aseprite Color Blindness Simulator) ; les jeux indés sont concernés.
• Pixel art IA-assisté : les générateurs (Midjourney, Stable Diffusion pixel art LoRA) produisent du non-pixel-art à nettoyer manuellement ; ne pas utiliser en production sans audit pixel par pixel.