Dans nombreux de nos tutoriaux et pratiquement dans tous vos travaux animés, vous allez rencontrer la notion d'images clés (Keyframe à l'anglaise).
Il est donc important que vous assimiliez cette notion, sans quoi le travail sera rude pour la suite !

Qu'est-ce que les images clés ?
Il faut savoir que c'est l'élément fondamental de l'animation! Dès que vous aurez besoin d'animer un paramètre quelquonc dans vos travaux (et ce sur toute sorte de logiciel) vous aurez affaire aux images clés.
L'image clé est un concept qui consiste à attribuer des valeurs remarquables (des valeurs clés) à un moment précis de votre composition. C'est donc une définition d'un paramètre à un moment donné. Les paramètres utilisant les images clés sont très variés, ils peuvent aller de l'intensité d'un Halo lumineux à une valeur de position en passant par la quantité de flou.... C'est pourquoi la maitrise de ce concept vous ouvrira les portes de tout un monde d'effets animés !

Là où les images clés prennent tout leur intérêt dans l'animation c'est dans la capacité du logiciel à calculer le differentiel de valeurs du paramètre entre deux images clés séparé d'une durée lambda.
C'est une definition un peu brute qui signifie que si vous possédez deux images clés de valeurs différentes et séparées dans le temps, le logiciel va calcul toutes les valeurs intermédiaires.

Exemple: Si vous définissez une image clé au temps A avec une valeur 1 et une autre au temps B, avec une valeur 10. Le logiciel va calculer toutes les valeurs de 1 à 10, entre le temps A et le temps B.

A-------------------------------------------------------B
1......2......3......4......5......6......7......8......9......10

Par exemple, si l'on prends au hasard le temps C.

A-----------------------------C------------------------B
1......2......3......4......5......6......7......8......9......10

la valeur sera de 6.



Si vous avez du mal à assimiler le concept, faire la suite du tutorial vous sera sans doute utile ! Vous allez être guidé dans un exemple très simple d'utilisation des images clés, ca sera l'occasion de mettre en pratique ce que vous avez compris des Keyframes. ;)






L'objectif va être d'animer un carré vert sur un fond noir ! (Quel épreuve ) Dans cette aventure nous allons bien évidemment nous servir des images clés !

Ouvrez After Effect, et créez une nouvelle composition ("Composition">"Nouvelle Composition" ou Ctrl+N) en 320*240, en 24 images par seconde, avec une durée totale de 10 sec



Créez un solide ("Claque">"Créer">"Solide" ou Ctrl+Y).



Une Fenêtre nommée "paramètre du solide" vient de s'ouvrir.



Configurez le comme sur l'image, c'est à dire avec largeur : 100 ; Longueur: 100 et définissez la couleur verte. Voilà, nous avons notre carré vert !
Cliquez sur OK une fois fait.


Nous allons maintenant commencer l'animation de notre carré vert (ce qui nous intéresse !
A l'aide de l'outil "séléction" (V) , déplacez le solide vert en haut à gauche de l'écran comme sur l'image :



Dans votre fenêtre de montage, est présente une petite flèche à gauche du nom de votre solide. Cliquez dessus, puis cliquez sur la flèche de "géométrie". Un certain nombre d'options s'affichent, chacune d'elle possède une action propre (l'echelle>>la taille de l'image; la Rotation>>pour faire tourner l'image etc...) dans notre cas nous nous intéressons à la "position". Comme nous voulons faire bouger notre carré, il va falloir changer sa position au cours du temps. Une position qui possède des valeurs sous la forme X,Y où X et Y sont les coordonnées du centre de l'image dans un espace 2D (deux axes X et Y << Abscisse, ordonnée comme dans vos cours de maths ).

Par exemple, pour que le carré se déplace d'une valeur de position X=12 Y=98 à une position X=-23 Y=10, il faut que l'on ordonne au logiciel de mettre des marques (image clés) aux instant de départ et d'arrivée du carré. Ces marques contiendront l'information de la position et le logiciel pourra alors comprendre qu'il doit déplacer le carré vers entre deux position et entre deux instants donnés (donnés par la position temporel des images clés).

Pour indiquer à After Effect que l'on veut placer une image clé, il faut se placer à l'endroit ou l'on veux commencer "l'évolution" des valeurs et cliquer sur le petit chronomètre en face du paramètre .

Faisons cela pour notre carré. Placez vous en temps 0 de votre composition. Soit en déplacant le curseur de votre Timeline tout a fait au maximum à gauche ou alors cliquez sur le bouton "première image" de votre fenêtre navigation.



Un fois au début, cliquez une seul fois sur le chronomètre situé à gauche de "position"



Vous pouvez voir que After Effect a crée un petit losange au début de votre compo, ce losange symbolise une image clé, donc à chaque fois que vous créerez une autre image clé, un losange se créera à l'endroit que vous avez indiquez (ici le temps 0 ou "première image")



Pour la deuxième image clé, nous allons dire que nous voulons que le carré se déplace d'un endroit à un autre en 2 sec...

Pour se faire plaçons nous au temps 2 sec et changeons la position du carré, toujours avec l'outil "Sélection" .



Maintenant si vous faites des allez et retour dans le temps, ou en cliquant sur "lecture" , vous pouvez voir que carré se déplace tout seul ! Dans ce genre là :



L'explication touche à sa fin et j'espère que vous avez compris le concept d'image clé. Si ce n'est pas le cas, je vous encourage vivement à refaire le tutorial.

Dans le cas où vous pensez avoir compris, vous pouvez vous exercer en bidouillant vous même les paramètre d'animation pour compléter cette animation (bonne exercice de mise en pratique)




Voici le rendu vidéo du test (54Ko).


Surtout ne pas croire que les images clés ne servent qu'au mouvement d'un objet ! NON ! Ces Keyframes servent à toutes les valeurs d'effets qui ont un petit chronomètre devant eux. Ex:l'intensité d'un Halo ou encore la variation d'un dégradé...


Ne pas oublier que l'images clé est l'un des outils les plus utiles de ce soft, de plus cette notion n'est pas unique à After Effects, vous la trouverez donc dans bien d'autres logiciels.


Merci d'avoir lu ce tutorial jusqu'au bout ! J'espère qu'il vous a été utile et que désormais les images clés n'ont plus de secrets pour vous .
Pour toutes questions en rapport avec ce tutorial, reportez vous au topic associé dans "Support des Tutoriaux After Effects" ;)