Dessinez des sprites de jeu sur une toile de 32 × 32 avec jusqu’à 4 calques : contour, couleurs de base, ombres et reflets, chacun à part. Le dessin en miroir crée des personnages symétriques deux fois plus vite, et la feuille de sprites aligne les images en ligne ou en grille pour votre moteur.
Mode d’emploi
- Touchez le bouton de taille pour choisir une toile de 8×8 à 128×128 pixels, ou commencez à dessiner sur l’exemple.
- Choisissez un outil et une couleur, puis dessinez. Avec le miroir activé, chaque trait est recopié de l’autre côté.
- Utilisez les calques pour séparer contours et couleurs, et les images pour animer. Lire affiche l’animation dans l’aperçu.
- Ouvrez Exporter pour télécharger un PNG de 1× à 32×, une planche de sprites ou un GIF animé.
- Le dessin est enregistré automatiquement dans ce navigateur et ne quitte jamais votre appareil. Enregistrez un fichier de projet (.json) pour en garder une copie ou continuer ailleurs.
- Le clic droit dessine avec la couleur secondaire et Alt+clic prélève une couleur. Maj+clic au crayon trace une droite depuis le dernier point ; au pot de peinture, il recolore tous les pixels de cette couleur sur le calque.
- Chaque image possède sa propre copie de tous les calques. La pelure d’oignon montre l’image précédente, et plus légèrement la suivante, pour caler le mouvement.
- Les exports gardent des bords de pixels nets à toutes les échelles. Le GIF garde la transparence sauf si vous activez le fond blanc.
- L’import fait la moyenne de chaque bloc de l’image et la réduit à 4–64 couleurs ou à la palette actuelle. Choisissez Calque actuel pour décalquer par-dessus.
- Sur écran tactile, dessinez avec un doigt ; pincez à deux doigts pour zoomer et glissez à deux doigts pour vous déplacer.
Choisir la taille de la toile
Le 16 × 16 est le format classique des icônes, objets et petits personnages ; le 32 × 32 laisse de la place pour un visage et des détails et sert souvent aux personnages de jeux ; le 64 × 64 convient aux portraits et aux scènes plus grandes. Une petite toile oblige à simplifier, ce qui aide beaucoup à progresser.
Le pixel art se dessine petit et s’affiche en grand. Exportez en 8× ou 16× pour les réseaux sociaux : un sprite de 32 × 32 en 16× devient un PNG net de 512 × 512, car chaque pixel est copié en bloc, sans flou.
Calques, images et pelure d’oignon
Mettez le contour sur un calque et les couleurs ou ombres sur un autre : vous changerez les teintes sans redessiner les traits. En animation, chaque image possède sa propre copie de tous les calques. La pelure d’oignon affiche l’image précédente en transparence, et la suivante plus légèrement encore, pour caler le mouvement. La lecture montre la boucle de 1 à 30 images par seconde ; 8 à 12 i/s est une vitesse typique pour un cycle de marche.
Raccourcis et astuces
Le clic droit dessine avec la couleur secondaire, Alt+clic prélève une couleur et Maj+clic au crayon trace une ligne droite depuis le dernier point. Maj+clic au pot de peinture recolore tous les pixels de cette couleur sur le calque, pratique pour changer de palette. Enregistrez un projet .json comme sauvegarde ou pour continuer sur un autre appareil.
Questions fréquentes
Quelle est la meilleure taille pour du pixel art ?
Pour débuter, on choisit souvent 16 × 16 ou 32 × 32. Le premier garde des formes simples, le second laisse de la place pour les expressions et les ombres. Pour des scènes détaillées, 64 × 64 ou plus.
Comment exporter du pixel art sans flou ?
Exportez le PNG avec une échelle comme 8× ou 16×. Chaque pixel est agrandi en carré plein, les bords restent nets à toutes les tailles.
Puis-je créer un GIF animé ?
Oui. Ajoutez des images, dessinez chaque pose, vérifiez la boucle avec Lecture et réglez la vitesse, puis exportez le GIF. La transparence est conservée, sauf si vous activez le fond blanc.
Comment faire une feuille de sprites pour un jeu ?
Dessinez les images de l’animation, choisissez la feuille de sprites dans Exporter et disposez-les en ligne ou en grille. La feuille garde les dimensions exactes en pixels pour les moteurs de jeu.
Mon dessin est-il enregistré ?
Il est enregistré automatiquement dans ce navigateur. Pour garder une copie ou changer d’appareil, téléchargez le projet en .json et rouvrez-le là-bas.
Puis-je transformer une photo en pixel art ?
Oui. L’import fait la moyenne de chaque bloc de l’image et la réduit à 4 à 64 couleurs ou à votre palette actuelle ; vous retouchez ensuite le résultat à la main.