Aller au contenu
AI Sprite Maker

Générateur de contours

Des contours pixel-perfect avec coins francs (4-connexité) ou pleins (8-connexité), appliqués frame par frame sur les planches pour que rien ne déborde sur la frame voisine.

  • Gratuit
  • Tourne en local
  • Sans inscription
Résultat

Chargez une image pour commencer.

Tout tourne dans votre navigateur. Vos fichiers ne sont jamais envoyés en ligne, donc l'outil fonctionne aussi hors ligne une fois la page chargée.

Comment utiliser l'outil Générateur de contours

  1. Déposez un sprite ou une planche.
  2. Choisissez une couleur. « Utiliser la couleur la plus foncée » prend la couleur la plus sombre déjà présente dans le sprite.
  3. Réglez l'épaisseur et choisissez extérieur, intérieur ou les deux.
  4. Activez ou non les coins : désactivés, vous obtenez le contour pixel art classique aux diagonales coupées ; activés, ils sont remplis.
  5. Pour les planches, laissez « contour sur chaque frame » activé, vérifiez la grille, puis téléchargez.

Ce que vous obtenez

  • PNG avec le contour, canevas agrandi pour que rien ne soit coupé
  • Planche avec chaque frame détourée et agrandie de la même valeur

Conseils tirés de nos propres jeux

  • La plupart du pixel art dessiné à la main utilise des contours de 1 px sans coins en diagonale. Activez les coins pour les contours de 2 px et plus ou les icônes d'UI bien épaisses.
  • Un contour sombre teinté (violet profond ou bleu marine) rend en général mieux que le noir pur sur des fonds variés.
  • Un contour intérieur dans une teinte plus foncée des couleurs du sprite ajoute vite de la définition sans changer la taille du sprite.
  • Quand vous détourez une planche, chaque frame grandit de l'épaisseur sur chaque côté. Mettez à jour la taille de frame dans votre moteur en conséquence.

Cas d'usage

  • Rendre les sprites lisibles sur des fonds chargés
  • Ajouter des contours de sélection ou de survol aux objets et unités
  • Détourer des sprites générés par IA dans un style cohérent
  • Créer des icônes d'UI avec contour

FAQ

À quoi sert l'option des coins ?
Désactivée, elle n'utilise que les voisins haut/bas/gauche/droite, ce qui laisse les coins en diagonale vides : le rendu habituel du pixel art dessiné à la main. Activée, elle utilise aussi les voisins en diagonale et remplit ces coins pour un contour plus rond et plus épais.
Pourquoi mon image est-elle devenue plus grande ?
Un contour extérieur a besoin de place autour du sprite : le canevas grandit de l'épaisseur sur chaque côté. Les contours intérieurs gardent la taille d'origine.
Le contour va-t-il déborder entre les frames d'une planche ?
Pas avec « contour sur chaque frame » activé. Chaque frame est découpée, détourée et remise en place avec de la marge, donc les frames ne se touchent jamais.
Puis-je créer une surbrillance de « sélection » ?
Oui. Utilisez une couleur vive comme le jaune ou le blanc avec un contour extérieur, et gardez-la en image séparée à dessiner sous ou sur le sprite à l'exécution.
L'outil gère-t-il les pixels semi-transparents ?
Tout pixel dont l'alpha est supérieur à zéro compte comme faisant partie du sprite. Nettoyez d'abord les bords flous avec l'outil Netteté pour pixel art si le contour est irrégulier.
Tous les outils gratuits →