{"id":2913,"date":"2025-12-08T17:27:31","date_gmt":"2025-12-08T16:27:31","guid":{"rendered":"https:\/\/actilud.com\/info\/?p=2913"},"modified":"2026-02-01T20:20:03","modified_gmt":"2026-02-01T19:20:03","slug":"creer-son-pixel-art","status":"publish","type":"post","link":"https:\/\/actilud.com\/info\/blog\/creer-son-pixel-art\/","title":{"rendered":"Cr\u00e9er son Pixel art"},"content":{"rendered":"<p><strong>Gr\u00e2ce \u00e0 l&rsquo;\u00e9diteur de Pixel Art, cr\u00e9ez facilement votre propre Pixel Art et faites-en profiter vos proches, vos amis, coll\u00e8gues ou \u00e9l\u00e8ves, ainsi que toute la communaut\u00e9 en le publiant sur le site !<\/strong><!--more--><\/p>\n<p>Les jeux de Pixel art que vous trouvez dans le module de jeu ont tous \u00e9t\u00e9 \u00e9labor\u00e9s avec l&rsquo;aide de cet \u00e9diteur. Voici en quelques \u00e9tapes, comment proc\u00e9der.<\/p>\n<h1>\u00c9tape 1 : choix du th\u00e8me<\/h1>\n<p>Vous pouvez r\u00e9aliser un Pixel art \u00e0 partir de rien. Mais il est bien plus simple de d\u00e9marrer \u00e0 partir d&rsquo;une image existante. En effet, notre \u00e9diteur est capable d&rsquo;analyser l&rsquo;image et de la pixelliser, vous laissant ensuite le travail d&rsquo;affinage. Et si la pixellisation ne donne pas de bons r\u00e9sultats, vous pouvez utiliser l&rsquo;image comme calque afin de dessiner facilement dans la grille.<\/p>\n<p>Je conseille cette m\u00e9thode, surtout si vous d\u00e9butez.<\/p>\n<p>L&rsquo;image \u00e0 choisir doit r\u00e9pondre \u00e0 quelques crit\u00e8res importants :<\/p>\n<ul>\n<li>elle ne contient pas de d\u00e9tails;<\/li>\n<li>elle \u00e9vite les d\u00e9grad\u00e9s;<\/li>\n<li>elle poss\u00e8de des plages de couleurs facilement discernables;<\/li>\n<li>elle expose un sujet pr\u00e9cis;<\/li>\n<\/ul>\n<p>On peut utiliser des photos, mais les dessins sont souvent plus faciles \u00e0 exploiter car d\u00e9j\u00e0 simplifi\u00e9s.<\/p>\n<p>Si vous avez d\u00e9cid\u00e9 de r\u00e9aliser une petite grille (10&#215;10 par exemple) orientez-vous vers les dessins d&rsquo;ic\u00f4nes, qui sont d\u00e9j\u00e0 simplifi\u00e9s et en petit format. Attention toutefois, le r\u00e9sultat de la pixellisation risque d&rsquo;\u00eatre d\u00e9cevant. Souvent, dans les petites grilles, il vaut mieux dessiner soi-m\u00eame l&rsquo;ensemble de la grille, en se servant de l&rsquo;image comme calque.<\/p>\n<p>Le rapport largeur \/ longueur est important aussi. Une image carr\u00e9e se rapproche du format natif de nos grilles. Une image rectangulaire peut n\u00e9cessiter un rognage si on veut \u00e9viter les bandes lat\u00e9rales compl\u00e8tement vides &#8211; ce qui est aussi facile \u00e0 r\u00e9aliser dans notre \u00e9diteur.<\/p>\n<p>Il est souvent utile de modifier une image dans un logiciel de dessin avant de l&rsquo;importer dans Actilud, notamment pour la recadrer et pour supprimer la transparence. Les codages accept\u00e9s sont ceux des navigateurs: \u00ab\u00a0jpg\u00a0\u00bb, \u00ab\u00a0jpeg\u00a0\u00bb, \u00ab\u00a0png\u00a0\u00bb.<\/p>\n<p>Au d\u00e9part, si vous ne savez pas encore quelle taille de grille vous voulez cr\u00e9er, utilisez la grille par d\u00e9faut : taille 35&#215;35 en 5 couleurs (+1 pour les cases vides). Le processus de pixellisation permet de diminuer le nombre de couleurs et l&rsquo;outil de d\u00e9coupage permet de diminuer la taille de la grille.<\/p>\n<p>Si vous choisissez une image sur Internet, prenez-en une qui soit libre de droits :<\/p>\n<blockquote><p>Dans Google images, cherchez votre image et, dans la page qui s&rsquo;ouvre, choisissez <em>Outils, droits d&rsquo;usage, licence creative commons.<\/em><\/p><\/blockquote>\n<p>Pour vous aider, j&rsquo;ai pr\u00e9par\u00e9 une image de m\u00e9sange bleue. Je l&rsquo;ai r\u00e9cup\u00e9r\u00e9e sur Internet et je l&rsquo;ai modifi\u00e9e : les couleurs sont un peu plus satur\u00e9es, j&rsquo;ai ajout\u00e9 un sol bleu pour inciter l&rsquo;algorithme de pixellisation \u00e0 mettre un peu plus de bleu, et je l&rsquo;ai mise en format carr\u00e9 pour \u00e9viter de rogner la grille. Je l&rsquo;ai aussi choisie pour qu&rsquo;elle ne soit pas trop facile \u00e0 utiliser, et qu&rsquo;elle vous donne un peu de travail. La voici, \u00e0 t\u00e9l\u00e9charger pour vos tests (bouton droit de la souris, enregistrer l&rsquo;image sous&#8230;)<\/p>\n<figure id=\"attachment_2940\" aria-describedby=\"caption-attachment-2940\" style=\"width: 127px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-2940\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/mesange.png\" alt=\"\" width=\"127\" height=\"127\" srcset=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/mesange.png 600w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/mesange-300x300.png 300w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/mesange-150x150.png 150w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/mesange-480x480.png 480w\" sizes=\"auto, (min-width: 960px) 75vw, 100vw\" \/><figcaption id=\"caption-attachment-2940\" class=\"wp-caption-text\">Une image pour vos tests.<\/figcaption><\/figure>\n<h1>\u00c9tape 2 : commencer une grille<\/h1>\n<p>Muni de votre image, commencez votre grille. Indiquez le nombre de couleurs, de lignes et de colonnes: vous arrivez sur une grille vierge. Si vous ne savez pas quoi prendre, laissez le format par d\u00e9faut (35x35x5) car il sera toujours possible de le modifier par la suite.<\/p>\n<p>Voici par exemple l&rsquo;\u00e9cran concernant une grille 15&#215;15 en 5 couleurs.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-2917\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_grille_vierge.png\" alt=\"\" width=\"961\" height=\"759\" srcset=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_grille_vierge.png 961w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_grille_vierge-300x237.png 300w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_grille_vierge-768x607.png 768w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_grille_vierge-608x480.png 608w\" sizes=\"auto, (min-width: 960px) 75vw, 100vw\" \/><\/p>\n<p>La grille est au centre; deux panneaux lat\u00e9raux, en haut et \u00e0 gauche, contiendront le codage du jeu. Vous constatez que les panneaux mesurent exactement 12 cases de long. C&rsquo;est le nombre maximum tol\u00e9r\u00e9 de transitions entre les plages de couleurs dans la rang\u00e9e concern\u00e9e.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2918 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_oeilleton.png\" alt=\"\" width=\"90\" height=\"92\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>L\u2019\u0153illeton, en haut \u00e0 gauche, permet de d\u00e9caler les lignes ou les colonnes de la grille vers la gauche, la droite, le haut ou le bas. Le d\u00e9calage se fait par rotation: la rang\u00e9e qui dispara\u00eet d&rsquo;un c\u00f4t\u00e9 r\u00e9appara\u00eet de l&rsquo;autre. En cas d&rsquo;erreur, il suffit donc de refaire un d\u00e9calage en sens contraire du pr\u00e9c\u00e9dent. Cela permet d&rsquo;ajuster la position d&rsquo;un dessin vers un c\u00f4t\u00e9.<\/p>\n<p><span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span><br \/>\n<img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2920 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_barre_couleur.png\" alt=\"\" width=\"47\" height=\"282\" \/><br \/>\nLa barre des couleurs poss\u00e8de 6 couleurs. Pourtant, dans le param\u00e9trage, nous en avons demand\u00e9 5. Il s&rsquo;agit en fait du nombre de couleurs qui seront pr\u00e9sentes dans le pixel art, lorsqu&rsquo;il sera termin\u00e9. La sixi\u00e8me couleur est celle des cases \u00ab\u00a0vides\u00a0\u00bb &#8211; par d\u00e9faut un gris semi-transparent. C&rsquo;est la case marqu\u00e9e d&rsquo;une gomme. Dans un jeu, une grille vide est toujours color\u00e9e dans cette couleur. La couleur de la case vide est importante : il faut qu&rsquo;elle soit suffisamment diff\u00e9rente des autres couleurs, tout en \u00e9tant neutre. Le blanc, le noir ou le gris, plus ou moins transparents, sont de bons choix.<\/p>\n<p>La seconde couleur, celle marqu\u00e9e par un trait horizontal, qui est ici en blanc, est celle de l&rsquo;espacement. Cette couleur n&rsquo;est jamais mentionn\u00e9e dans les panneaux de codage. Elle est utilis\u00e9e pour s\u00e9parer les plages de couleurs. C&rsquo;est le c\u0153ur m\u00eame de l&rsquo;\u00e9nigme : trouver o\u00f9 placer les espaces entre les plages.<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2837 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pipette.png\" alt=\"\" width=\"70\" height=\"70\" \/>Bien entendu, les couleurs sont modifiables \u00e0 tout moment. Utilisez la pipette dans la barre d&rsquo;outils. Cliquez ensuite sur une des couleurs de la palette et modifiez-la. Pour sortir, cliquez sur une autre couleur ou ailleurs sur la page. Pour quitter le mode de couleur, cliquez \u00e0 nouveau sur la pipette.<br \/>\nSeule la premi\u00e8re couleur peut se voir attribuer une valeur de transparence. Les autres couleurs sont toujours opaques.<\/p>\n<p>Si vous avez une image, ne vous pr\u00e9cipitez pas sur la pipette ! En effet, le processus de pixellisation va attribuer automatiquement une couleur \u00e0 chacune des cases du jeu. Il ne vous restera alors plus qu&rsquo;\u00e0 ajuster les couleurs avec la pipette et de choisir une couleur de case vide ad\u00e9quate.<\/p>\n<p>Pour notre test avec la m\u00e9sange, restez sur la disposition 35x35x5.<\/p>\n<h1>\u00c9tape 3: pixelliser l&rsquo;image<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2946 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_manipulation_image.png\" alt=\"\" width=\"102\" height=\"102\" \/><\/p>\n<p>Cliquez sur l&rsquo;outil \u00ab\u00a0image filigrane\u00a0\u00bb. Dans la fen\u00eatre qui s&rsquo;ouvre, choisissez un fichier de type \u00ab\u00a0image\u00a0\u00bb et chargez-le dans l&rsquo;\u00e9diteur. Vous pouvez tester les diff\u00e9rents r\u00e9glages (taille dans la grille, pourcentage de filigrane, zoom, d\u00e9calages, inversions). Notez que la taille dans la grille ne varie pas si l&rsquo;image est carr\u00e9e. Si l&rsquo;image est rectangulaire, l&rsquo;entr\u00e9e \u00ab\u00a0emplissage\u00a0\u00bb permet de montrer une partie de l&rsquo;image dans la grille, prenant toute la surface disponible; on perd alors certains bords. L&rsquo;entr\u00e9e \u00ab\u00a0int\u00e9rieur\u00a0\u00bb permet de placer toute l&rsquo;image dans la grille, faisant appara\u00eetre des bandes vides sur les bords.<\/p>\n<p>&nbsp;<\/p>\n<h2>Mode automatique<\/h2>\n<p>Commencez par utiliser le mode automatique. En g\u00e9n\u00e9ral il donne de bons r\u00e9sultats. S&rsquo;il n&rsquo;est pas satisfaisant, vous passerez au mode manuel.<\/p>\n<p>Ce qui nous int\u00e9resse ici, c&rsquo;est le bouton \u00ab\u00a0pixelliser et lisser dans la grille\u00a0\u00bb. Cliquez dessus et observez le r\u00e9sultat dans la grille. Vous pouvez recommencer plusieurs fois, dans la plupart des cas le r\u00e9sultat varie. Observez aussi la palette des couleurs : elle refl\u00e8te les changements. Pour effectuer la pixellisation, Actilud emploie l&rsquo;algorithme des k-moyennes, qui a un d\u00e9part al\u00e9atoire. C&rsquo;est int\u00e9ressant pour nous car cet algorithme offre plusieurs solutions.<\/p>\n<p>Pour choisir le meilleur r\u00e9sultat, ne faites pas attention \u00e0 la valeur des teintes : vous pourrez les changer. Mais privil\u00e9giez toujours les r\u00e9sultats donnant de grandes plages de couleurs avec le moins de morcellement possible. \u00c9vitez au maximum les pixels isol\u00e9s. Choisissez un r\u00e9sultat avec de grands \u00e0-plats. Si certains d\u00e9tails manquent ce n&rsquo;est pas grave. Par exemple, la patte de droite de notre m\u00e9sange est syst\u00e9matiquement coup\u00e9e; on rectifiera les d\u00e9tails plus tard.<\/p>\n<p>C&rsquo;est aussi pendant cette op\u00e9ration que vous pouvez diminuer le nombre de couleurs. Cela peut \u00eatre utile si vous voyez qu&rsquo;une couleur est sous-repr\u00e9sent\u00e9e. N&rsquo;h\u00e9sitez pas \u00e0 exp\u00e9rimenter.<\/p>\n<p>Remarque : une fois la pixellisation effectu\u00e9e, l&rsquo;image dispara\u00eet compl\u00e8tement. Elle n&rsquo;est pas supprim\u00e9e, mais elle est rendue totalement transparente. Ceci permet de mieux appr\u00e9cier le r\u00e9sultat dans la grille. Pour voir l&rsquo;image \u00e0 tout moment, cliquez sur le bouton \u00ab\u00a050%\u00a0\u00bb ou \u00ab\u00a0opaque\u00a0\u00bb.<\/p>\n<p>Une fois que le r\u00e9sultat est acceptable, quittez la fen\u00eatre de filigrane.<\/p>\n<h2>Mode manuel<\/h2>\n<p>Dans ce mode vous fixez vous-m\u00eame la palette de couleurs.<\/p>\n<p>Cliquez d&rsquo;abord sur le bouton \u00ab\u00a0Pixelliser l&rsquo;image\u00a0\u00bb. Vous obtiendrez, dans la grille, une image pixellis\u00e9e contenant un grand nombre de teintes; en g\u00e9n\u00e9ral, il y en a plus de 5. Contrairement \u00e0 ce qu&rsquo;il se passe en mode automatique, la grille n&rsquo;est pas affect\u00e9e. L&rsquo;image que vous voyez est un calque que vous pouvez rendre plus ou moins transparent. Laissez-le opaque.<\/p>\n<p>Ceci \u00e9tant fait, il faut s\u00e9lectionner les teintes de r\u00e9f\u00e9rence parmi celles de l&rsquo;image obtenue. Cliquez sur \u00ab\u00a0fermer\u00a0\u00bb pour quitter la fen\u00eatre de choix du filigrane. On y reviendra plus tard.<\/p>\n<p>Observez bien l&rsquo;image. Demandez-vous d&rsquo;abord quelle teinte fera office d&rsquo;espace. Puis rep\u00e9rez les teintes les plus fr\u00e9quentes que vous allez utiliser. Votre choix termin\u00e9, cliquez sur l&rsquo;outil pipette dans la barre d&rsquo;outils, puis s\u00e9lectionnez la case correspondant \u00e0 la couleur d&rsquo;espace dans la palette d&rsquo;outils. La fen\u00eatre de choix des couleurs s&rsquo;ouvre.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-3057\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pipette_fenetre.png\" alt=\"\" width=\"180\" height=\"293\" srcset=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pipette_fenetre.png 394w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pipette_fenetre-184x300.png 184w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pipette_fenetre-295x480.png 295w\" sizes=\"auto, (min-width: 960px) 75vw, 100vw\" \/><\/p>\n<p>Dans cette fen\u00eatre, cliquez sur l&rsquo;ic\u00f4ne de la pipette &#8211; voir l&rsquo;illustration ci-dessus. Ensuite, rendez-vous sur la grille et cliquez sur une case color\u00e9e correspondant \u00e0 la couleur d&rsquo;espace. Recommencez la m\u00eame proc\u00e9dure pour les autres couleurs. Il est imp\u00e9ratif de choisir des couleurs qui sont dans la grille. Si une couleur ne correspond pas, le codage n&rsquo;aura pas lieu.<\/p>\n<p>Retournez ensuite dans la fen\u00eatre \u00ab\u00a0image filigrane\u00a0\u00bb. Cliquez sur \u00ab\u00a03- pixelliser et lisser les couleurs\u00a0\u00bb. Si vous avez correctement s\u00e9lectionn\u00e9 les couleurs dans la grille, vous obtiendrez le r\u00e9sultat dans la grille.<\/p>\n<h1>\u00c9tape 4 : simplifier dans la grille<\/h1>\n<p>Comme expliqu\u00e9 au d\u00e9but de cet expos\u00e9, le nombre de transitions entre les plages de couleurs est limit\u00e9 \u00e0 12. Il va donc falloir reprendre toutes les lignes ou colonnes qui sont un peu trop complexes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2957 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/pixelart_generer.png\" alt=\"\" width=\"71\" height=\"71\" \/>C&rsquo;est le r\u00f4le de l&rsquo;outil \u00ab\u00a0g\u00e9n\u00e9rer le code d&rsquo;apr\u00e8s l&rsquo;image\u00a0\u00bb &#8211; l&rsquo;image dans la grille, pas celle que vous avez t\u00e9l\u00e9charg\u00e9e. Dans la fen\u00eatre qui s&rsquo;ouvre, cliquez sur le premier bouton : \u00ab\u00a0g\u00e9n\u00e9rer le code d&rsquo;apr\u00e8s l&rsquo;image\u00a0\u00bb. Dans la grille, les panneaux lat\u00e9raux se remplissent automatiquement &#8211; sauf les rang\u00e9es qui contiennent trop d&rsquo;information, qui scintillent.<\/p>\n<p>Quittez alors la fen\u00eatre de g\u00e9n\u00e9ration et modifiez directement dans la grille les rang\u00e9es trop complexes. C&rsquo;est facile : il suffit de changer la couleur de certaines cases. Essayez toujours de simplifier les d\u00e9tails. Commencez par les cases isol\u00e9es. Lorsque vous avez termin\u00e9 une ligne ou une colonne, testez le r\u00e9sultat \u00e0 nouveau. Puis passez \u00e0 la ligne ou colonne suivante.<\/p>\n<p>Une fois qu&rsquo;il n&rsquo;y a plus d&rsquo;erreur, vous pouvez alors am\u00e9liorer les d\u00e9tails. Par exemple, renforcer le bec et les pattes de notre m\u00e9sange, r\u00e9parer la patte cass\u00e9e, renforcer ou modifier quelques couleurs. Pour ma part, je change aussi la couleur du sol et remplace la bande marron sur le ventre par du bleu, qui est la couleur repr\u00e9sentative de cette m\u00e9sange. V\u00e9rifiez toujours si la g\u00e9n\u00e9ration de code fonctionne bien.<\/p>\n<h2>Changer la couleur d&rsquo;espacement<\/h2>\n<p>On peut permuter la couleur d&rsquo;espacement avec une des autres couleurs. En g\u00e9n\u00e9ral, on privil\u00e9gie la couleur du fond comme couleur d&rsquo;espacement. C&rsquo;est ce qui para\u00eet le plus naturel. Mais l&rsquo;algorithme de pixellisation attribue peut-\u00eatre une autre couleur. Vous pouvez donc changer la valeur \u00e0 cette \u00e9tape. Notez aussi que la difficult\u00e9 de l&rsquo;\u00e9nigme peut varier en fonction de la couleur d&rsquo;espacement choisie. Mais, pour rester coh\u00e9rent, choisissez toujours une couleur d&rsquo;espacement qui corresponde \u00e0 la couleur du fond.<\/p>\n<h1>\u00c9tape 5 : coder !<\/h1>\n<p>Une fois les \u00e9tapes pr\u00e9alables correctement r\u00e9alis\u00e9es, passons au codage. Dans l&rsquo;outil \u00ab\u00a0g\u00e9n\u00e9rer le code d&rsquo;apr\u00e8s l&rsquo;image\u00a0\u00bb, cliquez sur le bouton \u00ab\u00a0G\u00e9n\u00e9rer le code d&rsquo;apr\u00e8s l&rsquo;image puis tenter de g\u00e9n\u00e9rer le mod\u00e8le calcul\u00e9\u00a0\u00bb.<\/p>\n<p>Le\u00a0<em>mod\u00e8le calcul\u00e9\u00a0<\/em>est la grille qui r\u00e9sulte du codage effectu\u00e9 dans les panneaux lat\u00e9raux. Si le codage se termine par un succ\u00e8s,\u00a0 le nombre de passes indique alors le niveau de difficult\u00e9 de votre dessin. Le mod\u00e8le calcul\u00e9 est identique au mod\u00e8le \u00e9dit\u00e9 et la grille reste en mode \u00e9dition. Vous pouvez alors sauvegarder votre travail sous la forme d&rsquo;un fichier de jeu.<\/p>\n<p>Si le codage indique une erreur, le mod\u00e8le calcul\u00e9 n&rsquo;est pas complet. La grille affiche alors le mod\u00e8le calcul\u00e9. Par comparaison avec le mod\u00e8le \u00e9dit\u00e9, vous pouvez rep\u00e9rer les cases qui posent probl\u00e8me. Ce ph\u00e9nom\u00e8ne se produit lorsqu&rsquo;il reste plusieurs possibilit\u00e9s de placement pour certaines plages. Quelquefois il suffit de modifier quelques cases aux endroits strat\u00e9giques pour d\u00e9bloquer toute une grille.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2960 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/modele_compute.png\" alt=\"\" width=\"67\" height=\"67\" \/><\/p>\n<p>Quand le conseiller et la barre d&rsquo;outils affichent cette ic\u00f4ne, vous ne pouvez pas modifier les cases dans la grille. Le mod\u00e8le affich\u00e9 est le mod\u00e8le calcul\u00e9, qui est constant. Pour passer au mod\u00e8le \u00e9ditable, cliquez sur cet ic\u00f4ne dans la barre d&rsquo;outils.<\/p>\n<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2961 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/modele_edit.png\" alt=\"\" width=\"59\" height=\"59\" \/>Quand le conseiller et la barre d&rsquo;outils affichent cette ic\u00f4ne, vous pouvez modifier la grille. Pour revenir au mod\u00e8le calcul\u00e9, cliquez sur l&rsquo;outil.<\/p>\n<p>Passer d&rsquo;un mod\u00e8le \u00e0 l&rsquo;autre permet de comparer son travail avec le mod\u00e8le calcul\u00e9.<\/p>\n<p>Il faut souvent faire des aller-retours entre les modifications et le calcul pour obtenir un r\u00e9sultat final correct.<\/p>\n<h1>\u00c9tape 6 : enregistrer<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2842 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/save.png\" alt=\"\" width=\"64\" height=\"64\" \/>Vous pouvez enregistrer votre travail \u00e0 tout moment. Mais, lorsque le mod\u00e8le calcul\u00e9 est disponible, on peut aussi enregistrer au format \u00ab\u00a0jeu\u00a0\u00bb. Le format \u00ab\u00a0jeu\u00a0\u00bb contient uniquement la grille et les informations sur les couleurs. Ce fichier est utilisable dans le module de jeux. Pour cela, au moment d&rsquo;enregistrer, cochez la case \u00ab\u00a0enregistrer au format jeu\u00a0\u00bb. Si cette case est d\u00e9sactiv\u00e9e, c&rsquo;est soit qu&rsquo;il n&rsquo;y a pas de mod\u00e8le calcul\u00e9, soit que vous avez fait des modifications sur le mod\u00e8le \u00e9dit\u00e9 &#8211; il faut alors g\u00e9n\u00e9rer un nouveau mod\u00e8le calcul\u00e9.<\/p>\n<p>Lorsque vous enregistrez votre travail dans le format standard, l&rsquo;image import\u00e9e est stock\u00e9e dans votre fichier. Lors d&rsquo;une prochaine session de travail, il ne sera donc pas n\u00e9cessaire de la charger \u00e0 nouveau.<\/p>\n<h1>\u00c9tape subsidiaire : contribuez, publiez !<\/h1>\n<p>Dommage de conserver votre \u0153uvre uniquement pour vous et vos proches. Envoyez-la par courriel \u00e0 webmestre \u00e0 actilud.com. Si votre adresse de courriel est valide, je l&rsquo;int\u00e9grerai dans la liste des productions existantes, apr\u00e8s analyse. Je ne manquerai pas de vous tenir au courant par retour de courriel.<\/p>\n<p>Les conditions sont assez simples :<\/p>\n<ul>\n<li>vous \u00eates l&rsquo;auteur de l&rsquo;\u0153uvre<\/li>\n<li>vous autorisez la publication \u00e0 titre gracieux<\/li>\n<li>vous acceptez que votre \u0153uvre appartienne au domaine public<\/li>\n<li>vous restez propri\u00e9taire de l&rsquo;\u0153uvre et pouvez demander son retrait du site \u00e0 tout moment<\/li>\n<li>si vous le souhaitez, vos contributions peuvent appara\u00eetre sous le pseudonyme de votre choix.<\/li>\n<\/ul>\n<p>Je vous remercie par avance pour votre contribution : vous m&rsquo;aidez ainsi \u00e0 enrichir l&rsquo;offre du site.<\/p>\n<h1>Les autres outils<\/h1>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2970 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/color-fill.png\" alt=\"\" width=\"84\" height=\"84\" \/><\/p>\n<p><strong>Le pot de peinture<\/strong><\/p>\n<p>Permet de peindre des r\u00e9gions d\u00e9limit\u00e9es dans la grille. Cliquez sur le pot, choisissez la couleur et cliquez sur une case d&rsquo;une autre couleur dans la grille.<\/p>\n<p>En cas d&rsquo;erreur, utilisez l&rsquo;outil \u00ab\u00a0d\u00e9faire\u00a0\u00bb.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2974 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/transform-crop.png\" alt=\"\" width=\"85\" height=\"85\" \/><\/p>\n<p><strong>L&rsquo;outil de recadrage<\/strong><\/p>\n<p>Permet de supprimer les rang\u00e9es vides \u00e0 la p\u00e9riph\u00e9rie. Une rang\u00e9e est vide si elle ne contient que des cases \u00e0 la couleur \u00ab\u00a0vide\u00a0\u00bb ou \u00e0 la couleur \u00ab\u00a0espace\u00a0\u00bb.<\/p>\n<p>Quand le recadrage est effectu\u00e9, la grille a chang\u00e9 de taille.<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2977 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/bascule_feux.png\" alt=\"\" width=\"69\" height=\"69\" \/>Arr\u00eater \/ montrer le clignotement des rang\u00e9es erron\u00e9es<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2901 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/icone_gomme.png\" alt=\"\" width=\"81\" height=\"81\" srcset=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/icone_gomme.png 250w, https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/icone_gomme-150x150.png 150w\" sizes=\"auto, (min-width: 960px) 75vw, 100vw\" \/><br \/>\n<strong>La gomme :<\/strong> effacer la grille.<\/p>\n<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-2849 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/icone_parametres.png\" alt=\"\" width=\"92\" height=\"92\" \/><br \/>\n<strong>Param\u00e9trage.<\/strong> Permet de modifier \u00e0 tout moment la taille de la grille et le nombre de couleurs.<\/p>\n<span class=\"\" style=\"display:block;clear:both;height: 0px;padding-top: 0px;border-top-width:0px;border-bottom-width:0px;\"><\/span>\n<p><img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3047 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/reglettes1.png\" alt=\"\" width=\"80\" height=\"80\" \/> <img loading=\"lazy\" decoding=\"async\" class=\" wp-image-3046 alignleft\" src=\"https:\/\/actilud.com\/info\/wp-content\/uploads\/2025\/12\/reglettes0.png\" alt=\"\" width=\"74\" height=\"74\" \/>Active \/ d\u00e9sactive les r\u00e9glettes de guidage. Voir l&rsquo;article \u00ab\u00a0Pixel Art: comment jouer\u00a0\u00bb.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Gr\u00e2ce \u00e0 l&rsquo;\u00e9diteur de Pixel Art, cr\u00e9ez facilement votre propre Pixel Art et faites-en profiter vos proches, vos amis, coll\u00e8gues ou \u00e9l\u00e8ves, ainsi que toute la communaut\u00e9 en le publiant sur le site !<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[20],"tags":[],"class_list":["post-2913","post","type-post","status-publish","format-standard","hentry","category-pixel-art"],"_links":{"self":[{"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/posts\/2913","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/comments?post=2913"}],"version-history":[{"count":88,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/posts\/2913\/revisions"}],"predecessor-version":[{"id":3063,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/posts\/2913\/revisions\/3063"}],"wp:attachment":[{"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/media?parent=2913"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/categories?post=2913"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/actilud.com\/info\/wp-json\/wp\/v2\/tags?post=2913"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}