Blog Metlivi

Comment ajouter des calques d’accessoires après l’animation de base d’un personnage

Pour ajouter des accessoires une fois l’animation de base d’un personnage terminée, traitez chaque accessoire comme un calque visuel distinct qui suit la même pose ou le même timing d’images que la base. Déterminez d’abord si le personnage utilise un rig ou une animation image par image, puis concevez l’accessoire en fonction des points d’attache, de l’ordre d’affichage et de la séquence d’images de cette animation. Testez-le sur l’ensemble du mouvement, y compris les transitions et les boucles, avant de le préparer pour l’intégration.

15 octobre 20266 min de lecturePar Metlivi Editorial Team
Section 1

1. Identifier le format de l’animation avant de dessiner

Un personnage doté d’un rig change de pose grâce à des os (bones) et des emplacements (slots) ; un personnage animé image par image alterne entre une série d’images complètes. Cette distinction détermine la manière dont un accessoire suit le mouvement. Dans un flux de travail avec rig, un élément peut être rattaché à un os ou à un slot et se déplacer avec lui. Le guide d’exécution de Spine décrit les peaux (skins) comme des correspondances entre des slots/noms de substitution et des éléments rattachés (attachments), et précise qu’un objet peut se composer de plusieurs attachments, comme le torse et les manches d’une chemise. Spine: Runtime Skins

Dans un flux de travail image par image, l’accessoire nécessite généralement un élément graphique correspondant pour chaque image de base, aligné sur le même canevas ou point de pivot. Le guide d’animation de sprites de Godot présente à la fois des images individuelles et des feuilles de sprites (sprite sheets), et montre qu’un AnimationPlayer peut définir des clés d’animation pour la propriété « frame » d’un Sprite2D. Godot: 2D sprite animation

Dressez un inventaire rapide avant la production : noms des animations de base, nombre d’images ou os du rig, orientations, points de boucle et éventuels points d’attache existants. Si vous ne disposez que d’une animation aplatie sans pivots fiables ni données de rig, prévoyez de positionner et de vérifier l’accessoire image par image ; une simple incrustation statique ne suivra pas fidèlement des poses changeantes.

Section 2

2. Choisir une stratégie de fixation

Optez pour la stratégie la moins complexe qui préserve le mouvement. Utilisez une fixation par os ou par slot pour un objet rigide qui doit bouger d’un seul bloc, comme un badge ou un casque. Utilisez plusieurs attachments ou un petit rig d’accessoire lorsque certaines parties fléchissent indépendamment — par exemple, une écharpe avec un pan flottant. Pour les graphismes image par image, créez une image d’accessoire correspondante pour chaque pose distincte de la base, même si certaines images réutilisent le même visuel.

Pour les tenues modulaires, organisez les pièces interchangeables avec des noms stables tels que hat, backpack ou left_hand_item. Le modèle de skins au runtime de Spine permet de regrouper plusieurs attachments sous la forme d’un objet et de combiner des skins d’objets, ce qui permet de coordonner les éléments d’une tenue. Spine: Runtime Skins

Si le moteur choisi propose le remplacement de sprites (sprite swapping), vérifiez ses prérequis avant de concevoir des variantes. La documentation de 2D Animation d’Unity décrit le remplacement de sprites via une Sprite Library et un Sprite Resolver ; elle précise également que les sprites squelettiques échangés doivent posséder des squelettes identiques. Unity: Sprite Swap Ce flux de travail convient aux variantes conçues pour le même rig, mais il ne règle pas automatiquement les problèmes de pivots décalés, d’occlusion ou d’éléments graphiques nécessitant une silhouette différente.

Section 3

3. Définir les points d’ancrage, les pivots et l’échelle

Prenez comme référence le système de coordonnées du personnage de base. Pour un personnage avec rig, placez l’origine de l’accessoire sur l’os ou le slot approprié et conservez le décalage (offset) prévu. Pour une séquence de sprites, faites correspondre les dimensions du canevas, la convention de pivot et l’échelle sur l’ensemble des images. Une origine cohérente évite que l’accessoire ne semble glisser lorsque le personnage oscille ou tourne.

Créez une feuille de placement ou un gabarit de repère montrant le point d’attache dans les poses clés : neutre, extension maximale, flexion maximale et pour chaque orientation. Il s’agit de points de contrôle pratiques, qui ne dispensent pas de vérifier les images intermédiaires. Conservez un fichier source modifiable comprenant les repères, séparé des images d’accessoires exportées, afin de pouvoir ajuster l’alignement sans avoir à retoucher l’animation de base.

Section 4

4. Planifier ce qui apparaît devant et derrière

Le positionnement ne représente qu’une partie de la tâche : l’objet doit également être masqué correctement selon la perspective. Un sac à dos peut se trouver derrière le torse, tandis que ses bretelles passent par-dessus les épaules ; un accessoire tenu à la main peut passer devant le corps mais derrière un avant-bras dans certaines poses. Séparez le visuel en plusieurs attachments ou calques lorsqu’un ordre d’affichage fixe ne permet pas de restituer ces superpositions.

Pour l’animation squelettique, utilisez la configuration des slots ou de l’ordre d’affichage du rig pour positionner les attachments par rapport aux parties du corps. Pour l’animation image par image, déterminez l’ordre image par image là où c’est nécessaire et inspectez les points de contact comme les mains, la taille et le cou. Le guide de Spine explique que les attachments sont sélectionnés via des slots, tandis que l’AnimationPlayer de Godot peut animer des propriétés de nœuds au-delà de la frame du sprite elle-même ; la configuration exacte dépend du moteur et de la structure de la scène. Spine: Runtime Skins, Godot: Animation features

Section 5

5. Intégrer et prévisualiser sur l’ensemble du mouvement

Travaillez dans une scène dupliquée ou de prévisualisation afin de ne pas altérer l’animation de base. Ajoutez d’abord un seul accessoire, puis lancez chaque animation concernée à vitesse normale et image par image. Vérifiez la pose initiale, la raccord de boucle, les demi-tours, les sauts, les extensions et les transitions. Soyez attentif aux écarts, aux problèmes de chevauchement (clipping), aux tremblements, aux variations d’échelle imprévues et aux moments où l’accessoire recouvre involontairement un visage ou une main.

Pour un accessoire image par image, appliquez le même timing d’images que la base et vérifiez que la première et la dernière pose se rejoignent harmonieusement sur les animations en boucle. Pour un projet avec rig, prévisualisez la fixation dans les poses où l’os parent effectue une rotation brusque ; un décalage qui paraît correct en pose de repos peut poser problème pendant le mouvement. Si l’accessoire change de visibilité ou passe d’une variante à l’autre au cours d’une animation, rendez ces changements explicites et testez l’état avant et après la transition.

Section 6

6. Garder un ensemble d’assets facile à gérer

Adoptez une nomenclature prévisible qui indique l’objet, la direction et l’animation, comme hat_run_left_03. Conservez une numérotation des images cohérente avec la séquence de base et documentez les éventuelles poses maintenues ou images réutilisées de manière intentionnelle. Pour les variantes sur rig, conservez des noms de catégories et d’étiquettes stables afin que le runtime ou l’éditeur puisse retrouver le bon attachment. Le flux de travail Sprite Swap d’Unity, par exemple, organise les sprites par catégories et étiquettes au sein d’une Sprite Library. Unity: Changing Parts of a Character

N’exportez les fichiers qu’après avoir validé les dimensions, la transparence et les contraintes d’atlas ou de feuilles de sprites spécifiques au projet cible. Rouvrez les fichiers exportés dans la scène réelle ou le runtime : une prévisualisation dans un logiciel graphique ne permet pas de détecter tous les paramètres d’importation ou les problèmes d’ordre d’affichage des calques.

Section 7

7. Vérifications finales avant la livraison

Effectuez un rapide contrôle de conformité : l’accessoire suit bien l’ancrage prévu ; il reste aligné sur toutes les images ou poses fournies ; les superpositions avant/arrière sont correctes ; les points de boucle et de transition ne présentent aucun saut ; les variantes utilisent le rig ou la disposition d’images requis ; et les noms de fichiers correspondent sans ambiguïté à l’animation de base. Indiquez clairement toute direction ou animation non prise en charge au lieu de laisser entendre qu’elle est couverte. Ainsi, le nouveau calque sera directement exploitable tout en permettant de modifier ultérieurement l’animation de base.

Section 8

Sources

À lire aussi

Continuer sur ce thème