Oui, vous pouvez créer vos propres animations en pixel art pour un écran Divoom, et le processus est plus accessible qu’il n’y paraît. Créer ses propres animations ne consiste pas seulement à remplir un écran : il s’agit de transformer un écran générique en compagnon pixelisé personnel qui raconte votre histoire sur votre bureau. Le processus complet se résume à cinq étapes : adapter votre toile à votre appareil, choisir un outil d’animation, dessiner vos images, exporter un GIF, puis l’importer via l’application Divoom. Que vous possédiez un Pixoo-64 avec son panneau LED de 64×64, un Pixoo Max en 32×32 ou un Ditoo Pro en 16×16, les mêmes principes d’animation image par image s’appliquent. Ce guide détaille chaque étape, avec des recommandations d’outils précises, des conseils sur la fréquence d’images et la procédure exacte d’importation dans l’application.
La vidéo ci-dessus montre le parcours complet, de la toile vierge à l’affichage en direct. Le créateur réalise une animation de crâne en rotation sur une grille de 64×64, l’exporte, puis l’envoie vers un Pixoo-64 à l’aide de l’application Divoom. La même méthode fonctionne pour des animations plus simples sur des grilles plus petites.
Qu’est-ce que l’animation en pixel art ?
L’animation en pixel art consiste à enchaîner des images pixelisées dessinées à la main pour créer une illusion de mouvement. Chaque image est une illustration statique dessinée pixel par pixel et, lorsque vous les lisez à une vitesse constante, votre cerveau comble les intervalles. Selon la définition du pixel art donnée par Wikipédia, il s’agit d’« une forme d’art numérique réalisée avec un logiciel graphique, dans laquelle les images sont construites à l’aide de pixels comme seuls éléments constitutifs ». L’animation consiste simplement à dessiner plusieurs de ces images pixelisées et à les lire les unes à la suite des autres.
Pour les écrans Divoom, le résultat final est un fichier GIF. L’application Divoom lit le GIF, extrait chaque image et les envoie au panneau LED à la vitesse que vous avez définie. Comme l’écran utilise des LED physiques plutôt qu’un écran classique, chaque pixel est parfaitement visible, ce qui confère à l’animation en pixel art une qualité tactile et lumineuse que les outils sur écran ne peuvent pas reproduire.
Adaptez votre toile à votre appareil Divoom
Avant de dessiner le moindre pixel, vous devez connaître la taille de votre toile. Les écrans Divoom sont proposés dans trois tailles de grille principales, et chacune détermine le type d’animation réalisable.
Le Pixoo-64 vous offre une grille de 64×64, soit 4 096 pixels au total. C’est la plus grande toile de la gamme Pixoo, ce qui permet d’afficher des personnages détaillés, des scènes composées de plusieurs éléments et des rotations fluides. Si vous souhaitez animer un personnage traversant un petit paysage ou un cadran d’horloge avec des engrenages en mouvement, c’est l’écran qu’il vous faut.
Le Pixoo Max se situe entre les deux, avec une grille de 32×32, soit 1 024 pixels. C’est un bon équilibre entre détails et simplicité. Les logos, les icônes rebondissantes et les courtes boucles de personnages y fonctionnent bien. Vous ne pourrez pas intégrer autant de détails que sur le 64×64, mais vous aurez également besoin de moins d’images pour remplir l’espace de manière convaincante.
Le Ditoo Pro possède une grille de 16×16, soit seulement 256 pixels. C’est ici que l’économie de pixels est la plus importante. Chaque pixel est précieux, et la lisibilité repose sur des silhouettes claires plutôt que sur des détails fins. Les mouvements simples fonctionnent le mieux : un œil qui cligne, une balle qui rebondit, un changement de couleur ou une icône météo qui passe du soleil à la pluie. Une toile de 16×16 peut ne nécessiter que quatre à six images pour créer une boucle convaincante, tandis qu’une toile de 64×64 peut en nécessiter douze à vingt-quatre pour obtenir la même fluidité.
Choisissez votre outil d’animation
Vous avez quatre options réalistes pour créer des animations en pixel art, et le bon choix dépend de votre plateforme, de votre budget et du niveau de contrôle que vous souhaitez.
Aseprite est l’outil d’animation en pixel art le plus populaire auprès des développeurs de jeux indépendants et des passionnés de pixel art. Il coûte environ 20 $ et fonctionne sous Windows, Mac et Linux. Vous bénéficiez d’une véritable timeline, de la pelure d’oignon (qui permet de voir les images précédentes et suivantes en transparence), de la gestion des palettes et de l’exportation directe en GIF. Si vous prévoyez de créer régulièrement des animations, Aseprite est l’outil qui évoluera avec vous. Pour en savoir plus ou le télécharger, consultez le site officiel d’Aseprite. Pour un guide détaillé sur l’exportation depuis Aseprite spécifiquement vers Divoom, consultez notre tutoriel d’exportation d’Aseprite vers Divoom.
Piskel est une alternative gratuite accessible depuis un navigateur. Vous n’avez rien à installer, et il prend en charge l’édition image par image, la pelure d’oignon et l’exportation en GIF. Il est plus lent qu’Aseprite sur les grandes toiles, mais pour essayer l’animation sans dépenser d’argent, il est difficile de faire mieux. Rendez-vous sur piskelapp.com pour commencer à dessiner immédiatement.
Procreate sur iPad n’est pas un outil dédié au pixel art, mais sa fonctionnalité Assistance à l’animation convient bien à la création image par image. Chaque groupe de calques devient une seule image, et vous pouvez parcourir la timeline pour vérifier votre progression. Si vous possédez déjà un iPad et Procreate, c’est un point de départ naturel. La vidéo intégrée ci-dessus présente un flux de travail complet de Procreate vers Divoom.
L’éditeur intégré à l’application Divoom est l’option la plus simple. Il est gratuit, disponible sur iOS et Android, et ne nécessite aucun logiciel externe. Les outils d’édition sont basiques, mais ils suffisent pour des animations simples, comme une icône dont la couleur change ou un clignotement de deux images. C’est également le moyen le plus rapide de passer de l’idée à l’affichage, car vous évitez entièrement les étapes d’exportation et de téléversement.
Définissez votre fréquence d’images
La fréquence d’images détermine le nombre d’images diffusées chaque seconde et influence davantage la sensation produite par votre animation que tout autre réglage. La plupart des animations en pixel art sont plus réussies à 8 à 12 images par seconde (FPS). Douze FPS est un point de départ courant, car cela correspond à une technique appelée « animation sur deux » — vous dessinez une nouvelle image une position sur deux au rythme standard de 24 FPS du cinéma, ce qui produit des mouvements fluides sans doubler votre travail.
Les fréquences d’images plus basses (4 à 8 FPS) créent un effet saccadé et rétro qui peut convenir à certains styles, notamment sur les petites grilles de 16×16 où il y a moins de pixels à déplacer. Les fréquences d’images plus élevées (15+ FPS) produisent des mouvements plus fluides, mais nécessitent davantage d’images, des fichiers GIF plus volumineux et plus de temps de dessin. Pour les écrans Divoom, 8 à 12 FPS est le compromis idéal, car les panneaux LED se rafraîchissent différemment des écrans et les grilles de pixels sont suffisamment petites pour que des fréquences plus élevées n’ajoutent pas beaucoup de fluidité visible.
Astuce rapide : Le plus important, c’est la fluidité du mouvement, pas le nombre affiché sur le curseur. Testez votre animation à 8 et 12 FPS côte à côte — si vous ne voyez pas la différence, optez pour la fréquence d’images la plus basse et épargnez-vous du temps de dessin.
Pour approfondir le choix de la fréquence d’images adaptée aux différents types d’animations, consultez notre guide sur la fréquence d’images des animations en pixel art.
Dessinez votre animation image par image
Une fois votre canevas configuré et votre outil prêt, le dessin commence réellement. Le processus est le même, que vous créiez un clignotement de quatre images ou un cycle de marche de vingt-quatre images. En infographie, chaque image est parfois appelée un sprite — une image bidimensionnelle qui est composée dans une scène plus vaste. Pour les écrans Divoom, toute votre animation tient dans cette seule grille de sprites.
Étape 1 : Planifiez votre animation. Avant de dessiner, décidez ce qui bouge et comment. Imaginez ou esquissez les poses clés sur papier. Pour une animation en boucle, identifiez les positions de départ et d’arrivée — elles doivent correspondre. Une balle qui rebondit suit un arc simple : haut, milieu, bas, milieu, haut. Un crâne qui tourne présente des vues de face, de profil et de dos. La planification vous évite de devoir redessiner des images plus tard.
Étape 2 : Dessinez vos images clés. Ce sont les positions les plus importantes de votre animation. Pour un cycle de marche, il s’agit de la pose de contact (le pied touche le sol) et de la pose de passage (au milieu de la foulée). Pour une rotation, commencez par dessiner les vues de face, de profil et de dos. Ne vous préoccupez pas encore de la fluidité — concentrez-vous sur la justesse des positions clés.
Étape 3 : Complétez les images intermédiaires. Ajoutez des images entre vos images clés pour créer des transitions fluides. Utilisez la pelure d’oignon pour voir les images précédente et suivante comme des silhouettes fantômes, ce qui vous aide à conserver des proportions cohérentes. Le nombre d’images intermédiaires détermine la fluidité du mouvement — plus il y en a, plus l’animation est fluide, mais lente.
Étape 4 : Appliquez l’accélération et la décélération. Les objets de la vie réelle ne se déplacent pas à vitesse constante. Ils démarrent lentement, accélèrent, puis ralentissent avant de s’arrêter. En pixel art, cela signifie déplacer votre sujet de 1 à 2 pixels par image au début et à la fin d’un mouvement, puis de 8 à 9 pixels par image au milieu. Cette technique, appelée accélération et décélération progressives, est la principale différence entre une animation amateur et une animation convaincante.
Étape 5 : Ajoutez une animation secondaire. Les éléments de votre scène doivent réagir au mouvement principal. Si un personnage saute, ses cheveux ou ses vêtements doivent suivre avec un léger retard et se stabiliser après l’atterrissage. Si une balle touche le sol, des particules de poussière peuvent jaillir. Cette relation de cause à effet donne à l’animation une impression de vie plutôt que de mécanique.
Étape 6 : Vérifiez l’impact et les traînées. Pour les mouvements rapides, comme un coup d’épée ou un coup de poing, ne dessinez pas chaque image. Deux ou trois images suffisent pour un mouvement aussi rapide. Pour accentuer la vitesse, utilisez des traînées — étirez le sujet en une traînée de couleur qui indique la direction. Considérez cela comme un flou de mouvement pour le pixel art. Utilisez cette technique avec parcimonie, uniquement sur les images les plus rapides.
Créez une boucle parfaite
Une animation en boucle se lit continuellement sans saut visible. Le secret est simple : la dernière image doit revenir harmonieusement à la première. Si votre personnage se retrouve décalé d’un pixel vers la gauche par rapport à sa position de départ, la boucle produira un saut.
Pour tester votre boucle, lisez l’animation à la fréquence d’images cible et observez la transition entre la dernière image et la première. Si vous voyez un saut, ajustez la position des pixels de la dernière image jusqu’à ce qu’elle corresponde à la première. Pour les mouvements circulaires, comme un objet en rotation, la dernière image doit être située une étape avant la première — et non être une copie de celle-ci. Pour les mouvements de rebond, la dernière image doit être le miroir de la deuxième afin que le rebond s’inverse naturellement.
Certains types de boucles sont plus faciles à réaliser que d’autres. Un changement de couleur (du soleil à la lune, puis inversement) est le plus simple, car la position n’a pas d’importance. Une balle qui rebondit vient ensuite, car le mouvement est symétrique. Un cycle de marche est plus difficile, car les membres doivent revenir à leur position de départ. Commencez par un simple rebond en quatre images ou un changement de couleur avant de vous lancer dans l’animation de personnages.
Exporter au format GIF
Lorsque votre animation est terminée, exportez-la au format GIF. Le GIF est le format accepté par l’application Divoom pour les pixel arts animés. Gardez ces paramètres à l’esprit :
- Taille du canevas : elle doit correspondre exactement à la grille de votre appareil — 64×64, 32×32 ou 16×16. Si votre canevas est plus grand, redimensionnez-le avant l’exportation.
- Durée d’affichage des images : pour 12 images par seconde, définissez une durée d’environ 83 millisecondes (1/12 de seconde). La plupart des outils permettent de spécifier cette valeur dans la boîte de dialogue d’exportation.
- Palette de couleurs : le format GIF prend en charge 256 couleurs au maximum. Utilisez des couleurs courantes et évitez les dégradés subtils, que le format GIF tramera et qui risquent de paraître granuleux sur un panneau LED.
- Taille du fichier : ne dépassez pas 1 Mo pour garantir un import fiable via l’application Divoom. Un nombre d’images et une taille de canevas réduits produisent naturellement des fichiers plus petits.
- Boucle : configurez le GIF pour qu’il se répète indéfiniment (nombre de boucles = 0 dans la plupart des outils d’exportation).
Si vous disposez déjà d’une feuille de sprites — une seule image contenant toutes les images disposées en grille — vous pouvez la convertir en GIF animé à l’aide d’outils comme Aseprite ou de convertisseurs en ligne. Consultez notre guide sur la conversion d’une feuille de sprites en GIF pour Divoom pour obtenir des instructions détaillées.
Importer votre animation dans l’application Divoom
Une fois votre fichier GIF prêt, la dernière étape consiste à l’envoyer sur votre écran. L’application Divoom s’occupe de ce processus :
- Ouvrez l’application Divoom sur votre téléphone et vérifiez que votre appareil est connecté via Bluetooth ou Wi-Fi.
- Appuyez sur le bouton Galleria (l’icône en forme de cube en bas au centre de l’écran).
- Appuyez sur l’icône plus (+) pour créer une nouvelle entrée.
- Sélectionnez « Convertir les animations » pour importer votre fichier GIF depuis le stockage de votre téléphone.
- L’application traite le GIF et affiche un aperçu de son rendu sur votre écran.
- Attribuez l’animation à un canal personnalisé — Personnalisé 1, 2 ou 3. Chaque canal fonctionne comme une playlist et vous pouvez y mélanger votre animation avec d’autres créations.
- Envoyez-le vers votre appareil. L’animation apparaît sur votre écran en quelques secondes.
Si vous rencontrez des problèmes lors du téléversement — par exemple, si le GIF ne s’importe pas ou s’affiche de manière déformée — vérifiez que les dimensions de votre canevas correspondent exactement à la grille de votre appareil et que la taille du fichier est inférieure à 1 Mo. Pour obtenir des instructions générales sur le téléversement d’illustrations (images fixes, photos et autres types de fichiers), consultez notre guide sur le téléversement d’illustrations personnalisées vers Divoom. Pour résoudre les problèmes propres à chaque appareil, le manuel des produits Divoom fournit des informations sur la configuration et la connexion de chaque modèle.
Sur quel écran Divoom devriez-vous animer ?
Si vous choisissez un écran Divoom spécialement pour l’animation, voici une comparaison des trois modèles :
| Fonctionnalité |
Pixoo-64 Grande toile créative
|
Pixoo Max Compromis équilibré
|
Ditoo Pro Mode défi compact
|
|---|---|---|---|
| Taille de la grille | 64×64 (4 096 px) | 32×32 (1 024 px) | 16×16 (256 px) |
| Style d’animation recommandé | Personnages détaillés, scènes, rotations | Logos, icônes, boucles courtes | Clignotements, rebonds, changements de couleur |
| Images pour une boucle fluide | 12–24 | 8–12 | 4–6 |
| Difficulté pour débutants | Moyenne — plus d’espace, mais davantage de travail | Faible — bon point de départ | Élevée — chaque pixel compte |
Si vous débutez dans l’animation, le Pixoo Max en 32×32 est le point de départ le plus facile : il offre suffisamment de pixels pour créer des illustrations reconnaissables, sans être si nombreux que vous vous sentiez dépassé. Le Pixoo-64 convient mieux si vous avez déjà une certaine expérience du dessin et souhaitez davantage de liberté créative. Le Ditoo Pro est un défi amusant pour les animateurs minimalistes qui aiment travailler dans des limites strictes.
Foire aux questions
De combien d’images ai-je besoin pour une animation en pixel art sur un écran Divoom ?
Pour un écran 16×16 comme le Ditoo Pro, 4 à 6 images suffisent généralement pour créer une boucle fluide. Pour un Pixoo Max 32×32, prévoyez 8 à 12 images. Pour un Pixoo-64 64×64, 12 à 24 images produiront un mouvement fluide. Commencez avec moins d’images et ajoutez-en seulement si l’animation semble saccadée. Pour obtenir des conseils détaillés sur la fréquence d’images, consultez notre guide sur la fréquence d’images.
Puis-je utiliser l’IA pour animer du pixel art sur Divoom ?
Il existe des outils d’animation de pixel art assistés par IA, mais ils sont encore au début de leur développement et produisent souvent des résultats incohérents avec les petites tailles de canevas requises par les écrans Divoom. Pour l’instant, la création manuelle image par image vous offre davantage de contrôle et des résultats plus prévisibles. Si vous souhaitez expérimenter, utilisez l’IA pour générer des images fixes en pixel art, puis assemblez-les manuellement dans Aseprite ou Piskel.
Pourquoi mon GIF ne s’importe-t-il pas dans l’application Divoom ?
Les causes les plus fréquentes sont une taille de canevas incorrecte, une taille de fichier supérieure à 1 Mo ou un nombre d’images trop élevé. Veillez à ce que les dimensions de votre GIF correspondent exactement à la grille de votre appareil (64×64, 32×32 ou 16×16). Réduisez le nombre d’images ou le nombre de couleurs si le fichier est trop volumineux. Si l’application plante lors de l’importation, essayez de fermer les autres applications de votre téléphone pour libérer de la mémoire avant de réessayer.
Puis-je animer directement dans l’application Divoom sans outils externes ?
Oui. L’application Divoom intègre un éditeur de pixel art qui prend en charge l’animation image par image. Il est basique comparé à Aseprite ou Piskel, mais convient aux animations simples comme les changements de couleur, les clignements d’yeux ou les icônes rebondissantes. L’avantage, c’est que vous évitez entièrement les étapes d’exportation et d’importation : ce que vous dessinez s’affiche directement sur l’écran.
Quelle est la meilleure taille de canevas pour les débutants en animation pixel art ?
32×32 est la meilleure taille de canevas pour débuter. Elle offre suffisamment de pixels pour créer des images reconnaissables sans le niveau de détail accablant du 64×64 ni les contraintes extrêmes du 16×16. Le Pixoo Max est l’écran qui correspond à cette taille de canevas. Une fois à l’aise, vous pouvez passer au Pixoo-64 ou opter pour le Ditoo Pro.
Poursuivre l’apprentissage
Commencez par une boucle simple de quatre images : une balle qui rebondit, un œil qui cligne ou une icône qui change de couleur. Une fois que cela vous semble naturel, passez à l’animation de personnages et aux séquences plus longues. Voici des ressources plus approfondies sur des sous-thèmes précis :
- Guide de la fréquence d’images pour les animations en pixel art — combien d’images et d’IPS vous faut-il réellement
- Convertir une feuille de sprites en GIF pour Divoom — conversion de feuilles de sprites existantes
- Exporter du pixel art d’Aseprite vers Divoom — procédure détaillée d’exportation depuis Aseprite
- Comment importer des créations personnalisées dans Divoom — procédure générale d’importation d’images et de GIF
- Trouver, enregistrer et appliquer des modèles de l’application Divoom — en vous inspirant des créations de la communauté
Les outils et techniques de ce guide fonctionnent avec tous les écrans de pixels Divoom. Ce qui compte, ce n’est ni la taille de votre canevas ni le coût de votre logiciel, mais le temps que vous consacrez à rendre chaque image parfaite. Choisissez votre canevas, prenez un outil et commencez à dessiner votre première image. Vous obtiendrez une animation mémorable, unique en son genre, qui brillera sur votre bureau comme un compagnon pixelisé créé de toutes pièces par vos soins.