Les Tags

Définition

Qu’est-ce qu’un Tag ?
Un Tag est une balise qui vous permettra de délimiter vos Frames dans la Timeline.

Quelle est l’utilité de délimiter les Frames ?
Prenons un exemple : vous avez imaginé un personnage et vous voulez réaliser une animation lorsqu’il est immobile, lorsqu’il marche puis lorsqu’il court. Au lieu de devoir gérer ces 3 animations dans 3 fichiers, vous serez en mesure de les réunir dans un seul tout en les séparant, grâce aux Tags. Pour cela, vous devez générer un Tag pour chacune des postures/attitudes souhaitées et préalablement conçues.

Pour créer un Tag, sélectionnez un nombre déterminé de Frames, puis effectuez un Clic Droit sur les numéros de Frames et choisissez Nouveau Tag :
Description de votre image

Propriétés


Lorsque vous établissez un Tag, sa fenêtre de propriétés s’affichera :

Description de votre image

  • Nom :
    Vous aurez la possibilité de nommer un Tag, ce que je vous recommande vivement.

  • Début :
    Vous serez en mesure d’attribuer un numéro de Frame correspondant au début de votre Tag.

  • Fin :
    Vous aurez également le droit d’affecter un numéro de Frame pour délimiter la fin du Tag.

  • Direction de l’animation :
    Aseprite offre l’éventualité de maîtriser le sens de l’animation à travers cette liste déroulante :
    Description de votre image

  • Répéter :
    Par défaut, l’option est configurée sur “L’infini”. Vous pouvez spécifier un nombre.

  • Couleur  :
    Vous aurez la possibilité d’attribuer une couleur à un Tag, ce que je vous recommande de pratiquer pour vous aider à vous repérer plus vite lorsque leur nombre commencerait à être conséquent, et plus encore si vous envisagez de les faire se chevaucher.

  • Données Utilisateur :
    Vous pourrez commenter votre Tag.



Une fois votre Tag créé, vous pourrez évidemment retourner dans les Propriétés du Tag et éventuellement le supprimer, en effectuant un Clic Droit :

Description de votre image

Fonctionnement


  • Lecture

    Aseprite offre la possibilité de cantonner la Lecture uniquement aux Tags grâce à une option située dans Menu Frame → Lecture → Lire Les Sous-étiquettes Et Les Répétitions. Pour rappel vous retrouverez également ce menu au moyen d’un Clic Droit sur le Bouton de Lecture.

    Mais comme mentionné un peu plus haut, vous serez en mesure de superposer les Tags :

    Description de votre image

    Dans ce cas d’agencement, la priorité de lecture est conférée au Tag le plus bas dans la hiérarchie. Si vous vous positionnez sur la Frame 7 et que vous lancez la lecture, c’est le Tag 3 qui sera lu.

    Imaginez maintenant que votre Timeline soit configurée ainsi :

    Description de votre image

    Comment puis-je lancer la lecture du Tag 1 puisque les Tags 2 et 3 sont prioritaires ?
    Avant de répondre, j'en profite pour remercier @NekoraiSama pour la solution.
    Il suffit donc de masquer les Tags que vous ne voulez pas lire. Pour cela, il existe deux façons de procéder :

    • En pointant votre curseur à hauteur des Tags, une surbrillance bleue apparaîtra pour chaque ligne de Tags. Effectuez un Double Clic Gauche sur la ligne qui vous intéresse, et cela masquera les autres lignes de Tags.
    • Ou cliquez sur le bouton situé tout à droite de la Timeline à hauteur de la ligne voulue :
      Description de votre image

    La hiérarchie des Tags fonctionne comme un sandwich, puisque cette fonctionnalité fera apparaître seulement les Tags qui sont sur cette ligne en surbrillance pour masquer ceux qui sont en-dessous ou au-dessus le cas échéant :

    • Avant :
      Description de votre image
    • Après :
      Description de votre image

    Vous constaterez que le Tag 1 et Tag 4 restent à l’affichage. Même si les autres sont masqués, on devine bien leur présence.
    Pour faire réapparaître tous les Tags, effectuez un Double Clic Gauche ou utilisez sur le bouton dédié.


  • Dimensions

    Les dimensions d’un Tag peuvent être réajustées sans passer pas ses Propriétés. Pour cela, effectuez un Clic Gauche/Pression Stylet sur un des bords puis Glisser / Déposer à votre convenance :

    Description de votre image