Contrôle d'un personnage à l’aide de déclencheurs
Les déclencheurs constituent l’une des fonctions les plus performantes d’Adobe Character Animator. Ce tutoriel vous explique comment créer des déclencheurs très variés, allant du changement de position des mains aux clignements des yeux, en passant par des animations en boucle de boules de feu.
Publié le
1 Création de déclencheurs simples
Créez des déclencheurs simples et un jeu de permutation.
Dans Adobe Character Animator CC, un déclencheur est juste un moyen d'afficher ou de masquer un groupe ou un calque.
Si je veux que ce robot affiche un cœur animé sur son écran, qu'il serre ses pinces ou que son visage s'ouvre pour révéler un écran d'ordinateur, je dois utiliser des déclencheurs.
Ouvrez le fichier d'exemple TriggerBeginnerLesson.chproj et dans le panneau Projet, double-cliquez sur Scene 1 - Basic Triggers.
La scène devrait s'ouvrir en mode Enregistrer.
Essayons d'abord ces déclencheurs simples.
Nous verrons ensuite comment ils ont été créés.
Appuyez sur la touche 1 du clavier.
Une lumière jaune s'allume dans le cercle du haut.
Relâchez la touche et la lumière s'éteint.
Appuyez sur la touche 2.
Un rond bleu apparaît en dessous.
Et il ne disparaît pas quand vous relâchez la touche.
Appuyez à nouveau sur la touche pour le faire disparaître.
Dans le troisième exemple, une pression sur la touche 3 fait apparaître trois ronds.
Enfin, dans le quatrième exemple, lorsque vous appuyez sur la touche 4, 5 ou 6, la main change de position.
Voyons comment ces actions ont été configurées.
Dans le panneau Projet, double-cliquez sur Puppet 1 - Basic Triggers.
L'illustration s'ouvre en mode Système.
En bas à gauche, vous devriez voir le panneau Déclencheurs, qui répertorie les déclencheurs faisant fonctionnant la scène.
Si vous voyez le panneau Historique à la place, il suffit de cliquer sur l'onglet Déclencheurs.
Pour créer les déclencheurs de toutes pièces, supprimez ceux qui existent déjà en les sélectionnant à l'aide des touches Cmd+A sur Mac ou Ctrl+A sur PC, puis en appuyant sur la touche Suppr.
Dans le panneau Marionnette, lorsque j'active la visibilité du calque yellowlight en cliquant sur l'icône d'œil, un rond jaune apparaît.
Pour qu'il soit invisible par défaut et s'affiche uniquement lorsqu'un déclencheur est activé, il suffit de faire glisser le calque dans le panneau Déclencheurs, qui crée un nouveau déclencheur associé à ce calque.
Si je clique dans la colonne Clavier du panneau Déclencheurs, que je saisis « 1 » et que j'appuie sur la touche Retour, une pression sur la touche 1 activera ce déclencheur.
Pour faire le test, repassez en mode Enregistrer en cliquant sur l'onglet correspondant dans la barre de l’espace de travail en haut de l’écran.
Tout fonctionne comme prévu.
Lorsque j'appuie sur la touche 1, le rond jaune apparaît.
Et lorsque je relâche la touche, il disparaît.
J'active le mode Système en haut de l'écran pour revenir à la configuration des déclencheurs.
Je vais refaire la même chose avec le calque bluelight.
Je fais glisser le calque dans l'espace vide du panneau Déclencheurs pour créer un autre déclencheur.
Je clique ensuite dans la colonne Clavier et je saisis « 2 ».
Enfin, je coche la case Verrou dans les propriétés de déclenchement affichées en dessous.
Les touches de verrouillage s'affichent sur un arrière-plan plein dans la colonne Clavier pour vous aider à les différencier.
Repassez en mode Enregistrer.
Une pression sur la touche 2 active le déclencheur de façon permanente.
Il reste activé, contrairement au premier déclencheur.
Il est verrouillé.
C'est un peu comme lorsqu'on allume et qu'on éteint une lampe.
Le verrouillage ou déverrouillage d'un déclencheur est un choix personnel.
Voyez ce qui fonctionne le mieux pour vos marionnettes et animations.
En mode Système, on a maintenant trois calques distincts - greenlight, orangelight et redlight - qu'on veut faire apparaître dans un seul déclencheur.
Pour cela, je fais glisser le calque greenlight dans l'espace vide du panneau Déclencheurs pour créer un autre déclencheur.
Tandis qu'il est sélectionné, appuyez sur la touche Retour pour le renommer.
Je le nomme « 3 Lights », puis j'appuie sur la touche Retour.
Puis, je saisis « 3 » dans la colonne Clavier et je coche la case Verrou en dessous.
Essayez maintenant de faire glisser le calque orangelight du panneau Marionnette au-dessus du déclencheur 3 Lights dans le panneau Déclencheurs et vous verrez qu'il est ajouté dans la liste Calques en dessous.
Vous pouvez associer un déclencheur à autant de calques que vous voulez.
Ajoutons le dernier calque, redlight, en le faisant glisser au-dessus du déclencheur 3 Lights et vérifions qu'il a bien été ajouté dans la liste en dessous.
En mode Enregistrer, lorsqu'on appuie sur la touche 3, les trois calques ronds apparaissent en même temps.
Repassez en mode Système, ouvrez le groupe Arm, puis le sous-groupe Hands.
Parfois, lorsque vous déclenchez un élément, vous voulez en remplacer d'autres et les faire disparaître pour afficher une seule illustration à la fois.
Les mains en sont un bon exemple.
Si vous déclenchez un doigt tendu, vous ne voulez voir que ce doigt, et non les trois autres positions.
Dans Character Animator CC, c'est ce qu'on appelle un jeu de permutation.
Pour en créer un, faites glisser tout le groupe Hands dans le panneau Déclencheurs.
Notez qu'une zone de dépose apparaît en bas et vous demande si vous voulez créer un seul déclencheur ou un jeu de permutation.
Elle apparaît lorsque vous faites glisser un groupe dans le panneau Déclencheurs.
Si on choisit de créer un déclencheur, le groupe complet sera simplement affiché et caché, comme les ronds précédemment.
On va plutôt créer un jeu de permutation.
On a maintenant un groupe dans le panneau Déclencheurs dont les calques sont des déclencheurs distincts.
Dans un jeu de permutation, l'icône de doigt pleine désigne le déclencheur par défaut - la première chose qu'on voit lors du chargement de la scène.
Pour changer de déclencheur, cliquez sur un autre doigt dans le jeu de permutation.
On va conserver ce déclencheur par défaut pour l'instant.
On peut ensuite saisir des touches pour chaque autre déclencheur.
Je vais utiliser la touche 4 pour Point, la touche 5 pour Peace et la touche 6 pour Palmswap.
On n'a pas saisi de touche pour le déclencheur par défaut, car il sera automatiquement déclenché par la fin d'un autre déclencheur.
En mode Enregistrer, une pression sur la touche 4, 5 ou 6 change la position de la main en permutant une illustration à la fois.
Voici quelques conseils utiles.
Premièrement, il existe quatre façons de créer des déclencheurs : en opérant un glisser-déposer dans le panneau Déclencheurs, en cliquant sur l'icône plus (+) pour créer un déclencheur vide puis en faisant glisser l'illustration dessus, en cliquant sur la colonne Déclencheurs en regard d'un groupe ou d'un calque, ou en cliquant avec le bouton droit sur un groupe ou un calque et en choisissant l'une des options de création de déclencheurs.
Deuxièmement, on peut consolider des déclencheurs en les faisant glisser les uns sur les autres.
Pour que le déclencheur rond bleu déclenche aussi le rond jaune, il me suffirait de faire glisser le déclencheur jaune au-dessus du bleu, ce qui combinerait le contenu des calques en dessous.
Je pourrais aussi faire glisser les déclencheurs pour les réorganiser, ou les ajouter ou les retirer des jeux de permutation.
Enfin, cliquer sur un calque dans le panneau Déclencheurs permet de le mettre en évidence dans le panneau Marionnette.
Et cliquer sur l'icône de doigt dans le panneau Marionnette met en évidence le déclencheur auquel il est associé.
Si un groupe ou un calque est lié à plusieurs déclencheurs, une petite flèche apparaît à côté de l'icône de déclencheur et un clic dessus vous permet de sélectionner l'un de ses déclencheurs.
Voilà en gros comment on utilise les déclencheurs dans Character Animator CC.
À chaque fois que vous téléchargez une marionnette, examinez sa configuration dans le panneau Déclencheurs.
Les déclencheurs aident à ajouter de l'émotion, de l'expressivité et un élément de surprise à vos personnages.
Testez-les et regardez vos créations prendre vie.
Vous savez maintenant comment créer des déclencheurs simples dans le panneau Déclencheurs.
Les déclencheurs permettent d'afficher ou de masquer des groupes ou des calques sur simple pression d'une touche.
Pour créer des déclencheurs, il suffit de déposer des groupes ou des calques dans le panneau Déclencheurs.
Le verrou, qui fonctionne sur le principe d’un interrupteur, permet d’activer ou de désactiver un déclencheur.
Un jeu de permutation est un groupe de déclencheurs spécial, où un seul élément est permuté à la fois.
2 Déclenchement de comportements
Créez des déclencheurs de comportements.
Dans Adobe Character Animator CC, lorsqu'un groupe ajouté à un déclencheur est associé a un comportement, ce dernier est également déclenché, ce qui vous permet de donner aux personnages tout un tas d'expressions.
Ouvrez le fichier d'exemple TriggersBeginnerLesson.chproj et, dans le panneau Projet, double-cliquez sur Scene 2 - Triggering Behaviors.
La scène doit normalement s'ouvrir en mode Enregistrer.
Nous allons commencer par nous servir de ces exemples, puis nous en créerons d'autres.
Une pression sur la touche 1 déclenche une petite explosion et une pression sur la touche 2 lance une animation en boucle de boule de feu.
Le comportement Parcourir les calques est associé à ces deux animations, ce qui permet de créer une animation image par image à la demande.
Une pression sur la touche 3 fait apparaître et disparaître un rond vert en fondu, car un comportement Atténuation a été ajouté à ce groupe.
Une pression sur la touche 4 fait tomber un poulet du ciel et le fait rebondir sur le sol.
Vous pouvez aussi le faire glisser et le projeter avec la souris ou les doigts sur un écran tactile.
Cela montre que des balises d'illustration et de propriété physique peuvent être déclenchées pour tomber à un endroit selon les lois de la gravité et se heurter à n'importe quel autre objet solide.
Une pression sur la touche 5 lance une animation Parcourir les calques en plusieurs parties.
L'animation marque d'abord une pause lorsque la tige grandit, mais une nouvelle pression sur la touche 5 termine le cycle et fait éclore la fleur.
Deux autres pressions sur la touche 5 inversent le processus.
C'est un exemple des calques de pause, qui sont balisés pour interrompre une animation image par image à mi-course.
Enfin, une pression sur la touche 6 lève le bras droit du personnage et une autre pression le baisse.
Cette animation utilise aussi le comportement Parcourir les calques.
Le déclenchement de ce type de pose est une technique courante.
Dans le panneau Projet, double-cliquez sur Puppet 2 - Triggering Behaviors pour l'ouvrir en mode Système.
Pour commencer à créer le panneau Déclencheurs à partir de zéro, je supprime les déclencheurs existants en les sélectionnant tous à l'aide des touches Cmd+A sur Mac ou Ctrl+A sur PC et en appuyant sur la touche Suppr.
Examinons plus attentivement les groupes Explosion et Fireball.
Chacun d'eux est une séquence de calques - un pour chaque image de l'animation.
La colonne Comportement montre que chacun de ces groupes est associé un comportement.
Si je sélectionne le groupe Explosion et que je fais défiler les propriétés vers le bas à droite, je remarque qu'un comportement Parcourir les calques avait été ajouté initialement à l'aide du bouton +.
Les paramètres en dessous indiquent comment cette séquence de calques réagira.
Ils démarreront sur déclenchement, se succéderont de bas en haut, avanceront d'une image à la fois et n'effectueront qu'un seul cycle.
C'est logique pour une animation d'explosion.
On veut qu'elle se produise une fois et disparaisse.
Il faut aussi s'assurer que À la fin du déclenchement est défini sur Laisser le cycle se terminer.
Sinon, en cas d'arrêt prématuré du déclencheur, l'animation s'arrêtera pendant l'explosion.
Je sélectionne le groupe Fireball et j'observe son comportement Parcourir les calques.
Il est assez similaire, sauf que les calques se succéderont de haut en bas dans une animation en boucle.
Le cycle est donc continu.
Pour créer un nouveau déclencheur pour l'explosion, je fais glisser le groupe dans le panneau Déclencheurs et je le dépose sur la zone Créer un déclencheur, puis je fais la même chose avec le groupe Fireball.
Je saisis 1 et 2 dans la colonne Clavier pour déclencher ces animations.
Je sélectionne maintenant le groupe greenlight, auquel est associé un comportement Atténuation d'une durée de 3 secondes.
Je répète la procédure précédente pour le faire apparaître et disparaître en fondu à la demande.
Je fais glisser le groupe dans la zone Créer un déclencheur.
Je définis la touche 3 et je coche la case Verrou en dessous afin de ne pas avoir à maintenir la touche enfoncée pour voir l'effet de fondu complet.
Lorsque je sélectionne le groupe Chicken et que je regarde les propriétés à droite, je constate que les balises Collision, Dynamique et Déplaçable ont été appliquées, et qu'un comportement physique a été ajouté.
Je m'assure que l'animation démarrera sur déclenchement pour que le poulet ne tombe pas immédiatement et que la case Rebond sur les cotés de la scène est cochée pour qu'il se heurte aux bords de la scène au lieu de tomber dans un abysse sans fond.
Encore une fois, pour créer le déclencheur, je fais glisser le groupe Chicken dans la zone Créer un déclencheur, je lui attribue la touche 4 et je coche la case Verrou.
Les deux derniers groupes, flower et armraise, ont un comportement Parcourir les calques, comme les groupes Explosion et Fireball vus précédemment.
À quelques différences près.
La fleur a deux calques dans sa séquence balisés Pause du cycle, ce qui signifie que lorsque la séquence atteint ces calques, elle s'interrompt en attendant d'être à nouveau déclenchée, ce qui permet de scinder l'animation en plusieurs petites parties au lieu de la lire en une seule fois.
Dans le comportement Parcourir les calques du groupe, la case Avant et arrière est cochée.
L'animation sera donc lue en sens inverse lorsqu'elle atteindra la fin du cycle.
Je fais glisser le groupe flower dans la zone Créer un déclencheur et je lui attribue la touche 5.
Le groupe armraise offre un exemple de technique d'animation de personnages très courante, avec l'animation entrante et sortante d'une pose donnée.
Comme les cases Avant et arrière et Maintenir le dernier calque sont toutes les deux cochées, ce déclencheur démarre l'animation et l'arrête sur la dernière pose - en l'occurrence, une main levée - puis la lit en sens inverse lorsqu'il est à nouveau activé.
Pour créer le dernier déclencheur, je fais glisser le groupe armraise dans la zone Créer un déclencheur, je lui attribue la touche 6 et je coche la case Verrou en dessous.
En mode Enregistrer, chacun des déclencheurs devrait maintenant fonctionner comme prévu lorsque j'appuie sur les touches 1 à 6.
L'ajout de comportements à des groupes déclenchés offre de nombreuses possibilités amusantes, des séquences animées image par image aux poulets qui tombent.
Essayez d'utiliser ces techniques dans vos propres créations et découvrez ce que vous pouvez faire faire à vos personnages.
Vous savez maintenant comment déclencher des comportements.
Un déclencheur sert à activer un comportement associé à un groupe.
Le comportement Parcourir les calques permet de créer des animations image par image à la demande, telles que des explosions, des boules de feu, des éclosions de fleurs ou des bras qui se lèvent.
Le comportement Atténuation permet de faire apparaître et disparaître une illustration en fondu sur activation du déclencheur.
La balise Pause du cycle permet d'interrompre une séquence animée jusqu’à son prochain déclenchement.
3 Déclencheurs de visage
Ajoutez des déclencheurs pour animer le visage d’un personnage.
Dans vos créations, vous ajouterez très souvent des déclencheurs au niveau du visage de vos personnages avec Adobe Character Animator CC.
Quelques déclencheurs simples peuvent considérablement élargir la palette d'émotions de vos marionnettes.
Ouvrez le fichier d'exemple TriggersBeginnerLesson.chproj et, dans le panneau Projet, double-cliquez sur Scene 3 - Face Triggers.
La scène devrait s'ouvrir en mode Enregistrer.
Si votre webcam et votre micro se trouvent dans le coin supérieur droit, vous devriez immédiatement voir le personnage suivre vos mouvements et ses lèvres se synchroniser avec votre voix.
En appuyant sur les touches 1 à 9, vous verrez le visage réagir de différentes façons.
La touche 1 le fait simplement cligner des yeux, tandis que la touche 2 anime un clignement sur plusieurs images.
La touche 3 lui donne un regard jovial et la touche 4 révèle une paupière mi-close.
La touche 5 lui fait faire une moue dubitative.
La touche 6 remplace la courbe vers le haut de la bouche, qui lui donne un air gai, par une courbe vers le bas, qui lui donne un air plus triste.
Enfin, les touches 7 et le 8 ajoutent des accessoires.
La touche 8 déclenche aussi une animation de transition Poof.
Double-cliquez sur Puppet 3 - Face Triggers pour l'ouvrir en mode Système.
Avant de créer entièrement les déclencheurs, supprimez ceux qui existent déjà en les sélectionnant tous à l'aide des touches Cmd+A sur Mac ou Ctrl+A sur PC et en appuyant sur la touche Suppr.
Commençons par les clignements.
Les groupes Left Eye et Right Eye comprennent chacun un calque Left Blink ou Right Blink.
Ainsi, quand vous clignez des yeux dans la webcam, le personnage cligne également des yeux.
Mais on a parfois envie de contrôler manuellement un clignement.
C'est là qu'interviennent les déclencheurs.
Le clignement remplace d'autres éléments de l'œil, tels que la pupille et le globe oculaire.
Je vais donc créer un jeu de permutation en cliquant sur le signe + dans le panneau Déclencheurs, en sélectionnant Créer un jeu de permutation et en appuyant sur la touche Entrée pour le renommer Blink.
J'appuie ensuite sur le signe + et je sélectionne Créer un déclencheur, puis je répète la procédure pour créer deux états de déclenchement dans le jeu de permutation.
Je les renomme Blink On et Blink Off, et je fais de Blink Off l'état par défaut en cliquant sur l'icône de doigt correspondante et en attribuant la touche 1 à Blink On.
Je peux maintenant faire glisser les calques appropriés pour chaque déclencheur.
Je fais glisser les calques Left Blink et Right Blink sur Blink On, et on voit qu'ils sont aussi ajoutés au déclencheur dans la liste des calques en dessous.
Pour Blink Off, je fais glisser toutes les parties que le clignement doit remplacer, y compris le groupe Lids, le groupe Pupil et le calque Eyeball de chaque œil.
Je peux les sélectionner tous à la fois en maintenant enfoncée la touche Cmd pour Mac ou Ctrl sur PC tandis que je les sélectionne individuellement et que je les fais glisser ensemble, une fois pour l'œil gauche et une autre fois pour l'œil droit.
Six éléments devraient ainsi être ajoutés à la liste des calques en dessous.
Si vous ne les voyez pas tous, faites glisser la ligne de séparation vers le haut.
Les déclencheurs suivants sont un peu plus faciles à configurer.
Le groupe Animated Blink ne remplace rien.
Il ne fait que recouvrir les yeux, car on veut toujours voir le globe oculaire et la pupille derrière les paupières lorsqu'elles s'ouvrent et se ferment.
Je peux donc faire glisser le groupe Animated Blink de l'œil gauche sur la zone de dépose Créer un déclencheur, puis faire glisser le groupe Animated Blink de l'œil droit sur le nouveau déclencheur pour l'ajouter.
Enfin, je tape 2 pour le raccourci clavier.
Le groupe Lids de chaque œil inclut les états Happy et Half, que je peux configurer de la même façon.
Je fais glisser un calque dans le panneau Déclencheurs pour en faire un nouveau déclencheur, puis je fais glisser l'autre calque dessus pour déclencher simultanément les deux paupières.
On pourrait aussi en faire des déclencheurs distincts et leur attribuer la même touche.
Ça fonctionnerait aussi, mais dans la mesure du possible, je vous conseille de consolider les déclencheurs.
Vous pouvez toujours faire glisser un déclencheur dans un autre pour les associer.
Je devrais maintenant avoir de nouveaux déclencheurs Happy et Half avec deux calques chacun dans la liste en dessous, respectivement affectés aux touches 3 et 4.
Pour la bouche, j'ai besoin d'un jeu de permutation pour savoir quelle bouche ou série de bouches afficher à tel ou tel moment.
Je double-clique donc sur le signe + pour créer un jeu de permutation et je le nomme Mouths.
Je dois d'abord faire glisser le groupe Mouth principal dans le nouveau jeu de permutation et cliquer sur l'icône de doigt pour en faire le déclencheur par défaut.
Puis, dans le groupe Alternates, je maintiens la touche Maj. enfoncée, je sélectionne Confused et SadSet et je les fais aussi glisser dans le jeu de permutation.
Il reste encore une étape : faire glisser le groupe Alternates complet dans ces deux derniers déclencheurs.
Parfois, d'autres comportements peuvent remplacer vos déclencheurs.
En l'occurrence, le comportement de synchronisation des lèvres peut faire apparaître le groupe Mouth normal lorsque vous parlez.
Cette étape garantit donc que le groupe Alternates complet remplacera le groupe Mouth normal, évitant ainsi les conflits potentiels.
Pour finaliser le jeu de permutation, j'attribue la touche 5 à Confused et la touche 6 à SadSet, et je les verrouille tous les deux.
Enfin, j'ajoute les déclencheurs d'accessoires.
Je peux d'abord faire glisser le calque Beard, attribuer la touche 7 à mon nouveau déclencheur, cocher la case Verrou, puis faire aussi glisser le groupe Moustache pour que tout soit déclenché en même temps.
Je peux faire glisser le calque Shades, lui attribuer la touche 8 et cocher la case Verrou pour ajouter des lunettes de soleil à ma marionnette, mais je veux aussi que l'animation de transition Poof soit lue lorsqu'elles apparaissent et disparaissent.
Là, je ne veux pas ajouter l'animation Poof à ce déclencheur, car je veux qu'elle soit lue lorsque le déclencheur apparaît et disparaît.
Je fais glisser le groupe de calques de cycle Poof dans la zone Créer un déclencheur, je lui attribue aussi la touche 8, mais je ne coche pas la case Verrou.
En mode Enregistrer, j'ai maintenant un visage expressif et dynamique grâce à ces nouveaux déclencheurs.
Même des déclencheurs simples et subtils pour les yeux et la bouche peuvent avoir un effet spectaculaire.
N'importe quelle illustration peut être déclenchée à tout moment.
Les possibilités sont illimitées et vous pouvez créer des déclencheurs qui correspondent à votre personnage et votre style.
Essayez d'utiliser ces déclencheurs dans vos créations et amusez-vous.
Vous savez maintenant comment animer les différentes parties d'un visage.
L'ajout de ce type de déclencheur permet de multiplier les expressions des yeux, de la bouche et d'autres parties du visage.
Les jeux de permutation servent, par exemple, à remplacer un œil ouvert par un clignement ou à passer d’une expression triste à une expression heureuse.
Les déclencheurs permettent en outre de faire apparaître ou disparaître différents éléments, tels qu'une barbe ou des lunettes de soleil.
Présentation
