Les clés d’animation
Une image clé sert à mémoriser la valeur de tel paramètre à un instant t, valeur définie par l’utilisateur. After Effects calcule les valeurs qui se situent entre deux images clé.
Pour activer le mode image clé sur un paramètre, il faut cliquer sur le petit chronomètre à droite de son intitulé. Une image clé est matérialisée par un losange.
Un exemple sera plus parlant, alors on va faire bouger boby, vous vous souvenez ? le smiley du cours Photoshop !
Après avoir importé l'arrière-plan et le smiley dans 2 calques séparés, nous allons faire varier les paramètres position, échelle et rotation de boby. Pour commencer, on se rend à l'image 00 et on place boby à sa position initiale :
Maintenant nous allons activer le mode clé pour chacun des 3 paramètres que nous voulons animer (position, échelle et rotation) en cliquant sur le petit chronomètre :
Avançons de 2 secondes et changeons la position, l'échelle et la rotation du smiley :
Vous pouvez voir qu'After Effect a automatiquement créé 3 clés (losanges) à l'instant 2 secondes, en plus vous pouvez aussi remarquer une ligne en pointillés, c'est la trajectoire de boby !
Pour ajouter un peu de dynamique à l'ensemble, créez une ou deux autres clés entre l'instant 0 et l'instant 2 secondes, voici ce que j'obtiens :
Comme vous le voyez, l'animation a comme quelque chose qui cloche, le mouvement est trop brusque, ce qui nous amène à l'étape suivante : interpolation des images clés.
Interpolation des images clés
Pour comprendre ce qu'est l'interpolation des images clé, il faut que vous ayez une représentation graphique de la variation du paramètre en fonction du temps, sous forme de graph.
Ça tombe bien, After Effects sait le faire ! Dans la timeline, cliquez sur la petite flèche à côté de n'importe quel paramètre, moi j'ai choisi échelle car c'est la plus évidente pour expliquer. Vous voyez apparaitre un graph :
Comme vous pouvez le voir, la courbe ressemble plus à un polygone qu'à une courbe tellement elle est anguleuse. C'est justement à cause de ces angles que l'animation est aussi brusque, cassée.
Pour remédier au problème il va falloir lisser la courbe, et ça devinez qui s'en charge ?
Si vous n'êtes pas trop endormis, vous aurez deviné qu'il s'agit de l'interpolation (ah, c'est donc pour ça que c'est marqué en gros, en gras et en bleu...).
Pour lisser une clé, il suffit de faire un clic droit sur elle (sur le losange), puis interpolation d'images clés et dans le panneau qui s'affiche, sélectionnez Bézier comme méthode d'interpolation temporelle. Pour aller plus vite vous pouvez aussi utiliser l'assistant lissage, toujours dans le menu contextuel.
Et voilà, maintenant boby a un mouvement plus agréable à regarder, plus doux :
Je ne trouve pas de petites fleches, pouvez vous m'aider svp.
Merci d'avance.
PS : joli site, bravo =D
D'où importe tu Boby le Smiley dans ce cours ? Car si tu le tiens du TP je tiens à te dire que dans la timeline il est composé de différents calques à savoir :
- Œil droit
- Œil gauche
- Tête
- Bouche
Or toi je ne voit qu'un seul fichier. Comment faire ?
ca y est bobby bouge, je suis trop fière...
comme quoi il en faut peu pour rendre une femme heureuse (hihihi)
merci
sauf que j'ai la question la plus débile qu'il soit, vous aviez dit qu'on importe boby le fond d'écran en deux calque, sur ce coup j'ai rien pigé, quand j'importe le projet les yeux et la bouche ne sont pas fixés au visage !! comment faire ?
le pauvre Thüzhen a posé la meme question il ya un mois , héhé , sans réponse , a savoir pk !!
drapeau blanc ... :=))
je vais essayer d'animer le visage sans les yeux et la bouche , en attendant la reponse de Galdon ou un autre génie x))
Mais la seconde partie (animation), dont fait partie ce chapitre n'a pas encore été refaite, elle date de plus d'un an.
C'est pour ça qu'il y a quelques points pas clairs entre les deux.
svp aidez moi!
Moi aussi je viens tout juste de commencer ce tuto, je suis arrivé à ce deuxième chapitre, espérant a faire bouger les choses..lol
Voila, je pense que"l'auteur" de ce tuto a oublier de nous préciser qu'il fallait pas importer le projet smiley, sinon au lieu de 2 claques, il aurait mis 5 ou 4 !
Maintenant qu'on sait, tous, jouer avec les calques et utiliser les outils, dans ce 2ème chapitre, importez n'importe quelle photo: jpg,jpeg, ou autre et essayez de la faire bouger, de la pivoter et de changer son échelle.
Bon apprentissage.
Je ne trouve pas le petit chrinomètre, quelqu'un peut il m'aider?
Merci
Une image clé c'est un enregistrement de coordonnées où se situe l'image à un instant T et AE CS4 calcul la trajectoire entre les deux points.
Concrétement :
- dans le TIME LINE cliqué sur le petit triangle d'un calque ou autre (c'est la quetrieme icone de gauche)
- cliquer sur transformer
- plusieurs parametre s'affiche et on voit qu'à droite la liste de lecture est à 0 sec
- NE PAS BOUGER CETTE POSITION et cliquer sur une horloge simplement. Un losange jaune apparait en position 0 sec : Une image clé est créée .
- Ensuite, sur la liste de lecture, où il y a les graduation temporelle, se situe un petit rectangle jaune permettant de déplacer
le curseur du temps de TOUS les paramêtres (rotation, échelles, point d'ancrage, position, opacité). Le déplacer à 2 sec
- Une fois ceci fait, modifier n'importe quelle donnée de n'importe quelle parametre, une image clé se créé à deux seconde.
- Redeplacer le rectangle jaune situé vers le graduation temporelle, et refaite de meme : changer les valeur de n'importe quelle paramêtre
Merci de nous faire partager ton savoir et merci pour tout ce temps donné...
(et désolé de donner la rage à ceux qui galèrent toujours et qui n'avancent pas)
ca manque d'explication :(