Un flux de travail propre sur fond transparent pour le pixel art
Préparez, convertissez, inspectez et exportez du pixel art avec des arrière-plans transparents tout en évitant les halos et les bords rugueux.
Les arrière-plans transparents facilitent la réutilisation du pixel art, mais ils révèlent également tous les bords faibles. Une découpe qui semble belle sur du blanc peut montrer un halo pâle sur une scène de jeu sombre.
Le workflow le plus propre gère l’arrière-plan avant la conversion, puis vérifie le résultat après l’exportation.
Commencez par une séparation claire
Choisissez une source où le sujet ne partage pas les couleurs avec l’arrière-plan. Les cheveux foncés contre un mur noir sont difficiles. Un sujet sombre sur un fond neutre à lumière moyenne est beaucoup plus facile.
Utilisez une lumière uniforme et évitez les ombres portées trop fortes. Une ombre peut faire partie de la photographie, mais elle est souvent indésirable lorsque le sprite est assis sur des surfaces différentes.
Laissez de l’espace autour des parties fines telles que les cheveux, les antennes, les poignées et les jambes. Les formes qui se chevauchent sont plus difficiles à séparer plus tard.
Supprimez l’arrière-plan au bon moment
Si vous disposez d’un bon outil de suppression d’arrière-plan, créez la découpe avant de la convertir en pixel art. Cela empêche les couleurs d’arrière-plan d’entrer dans la palette réduite.
Inspectez la découpe avec un zoom élevé :
- supprimer les îlots restants entre les membres ou les objets ;
- vérifiez les bords des cheveux mous ;
- effacer l’ombre au sol d’origine si elle n’est pas nécessaire ;
- évitez un bord progressif qui s’étend sur plusieurs pixels.
Pour les travaux de pixels aux contours nets, une découpe légèrement ferme est généralement préférable à un mat photographique doux.
Convertir sans détruire la silhouette
Chargez l’image préparée dans PixelTool. Augmentez progressivement la taille des pixels. Les traits fins peuvent disparaître plus tôt que le corps principal.
Si une sangle, une oreille ou une poignée importante devient intermittente, utilisez une taille de bloc plus fine. Ne compensez pas en ajoutant plus de couleurs ; c’est un problème de géométrie.
Réduisez la palette une fois que le contour est stable. Gardez suffisamment de contraste entre le bord du sujet et ses ombres internes.
Surveillez les halos mats
Un halo apparaît lorsque les pixels de bord contiennent un mélange de couleur du sujet et de l’ancienne couleur d’arrière-plan. Sur un nouveau fond, ce mélange devient visible comme une frange.
Testez l’export sur :
- blanc uni ;
- noir uni ;
- une couleur saturée ;
- un arrière-plan représentatif d’un jeu ou d’un site Web.
Si la frange change de couleur avec l’ancien fond, revenez à la découpe et resserrez le passe-partout. Le redimensionnement avec interpolation douce peut également réintroduire des bords semi-transparents.
Choisissez le format d’exportation
Utilisez PNG pour les sprites de jeu, les avatars, les autocollants et une large compatibilité. PNG prend en charge l’alpha par pixel et constitue le format raster transparent le plus sûr pour le Web.
Utilisez SVG lorsque les blocs de pixels doivent évoluer librement dans un navigateur ou un flux de travail vectoriel. Confirmez que la destination accepte les téléchargements SVG.
JPEG ne peut pas préserver la transparence.
Gardez les ombres séparées lorsque cela est possible
Pour les jeux et les éléments d’interface, pensez à exporter le sujet sans ombre au sol. Ajoutez une ombre réutilisable dans le moteur ou la mise en page. Il s’adaptera mieux aux différentes surfaces et éclairages.
Si l’ombre fait partie du style, rendez-la délibérée : compacte, cohérente dans sa direction et non empruntée à la photo originale.
Liste de contrôle finale pour l’exportation
- La silhouette est complète à la taille d’affichage prévue.
- Aucune ancienne couleur de fond ne reste entre les petits espaces.
- Les pixels de bord semblent propres sur les surfaces claires et sombres.
- L’image n’a pas été redimensionnée avec un filtrage fluide.
- La transparence PNG ou SVG survit dans l’application cible.
- Une copie du master propre est enregistrée avant un redimensionnement ultérieur.
La transparence n’est pas simplement « l’absence de contexte ». C’est une décision de qualité supérieure. Testez ces bords dans le contexte et l’actif voyagera proprement entre les projets.