La Timeline

Vous rappelez-vous où se trouve la Timeline ?


Petit rappel. Créez une composition exactement comme au chapitre précédent, c'est à dire :

• Nom de la composition : "Composition" par exemple
• Largeur : 640
• Hauteur : 480
• Pixels carrés
• Images/s : 25 ips
• Résolution : Intégrale
• Code temporel initial : 0:00:00:00
• Durée : 0:00:10:00

Importez les 4 calques précédemment utilisés (Photoshop, Illustrator, Dreamweaver et Flash), et glissez un Photoshop et un Illustrator dans votre scène à des endroits différents.

Voici la Timeline (et les calques) :




A gauche vous avez la pile des calques, et à droite vous avez la Timeline.

Comme vous pouvez le remarquer, la durée de votre composition est de 10s, comme on peut le voir à la fin de la Timeline. Si vous ne voyez pas 10s, soit vous avez mal paramétré la composition lors de sa création, soit l'échelle n'est pas à 100 %. Pour la régler, positionnez le curseur qui se trouve tout en bas en dessous de la Timeline à gauche. Vous pouvez bien sûr zoommer en la déplaçant de gauche à droite :


Ensuite, vous avez peut-être vu que chaque calque à son propre espace dans la Timeline.

La grande zone en violet pâle délimite la zone où le calque correspondant s'affichera sur la scène.
Par défaut, le calque s'affiche sur toute la durée de la composition. Pour vous en convaincre, déplacez n'importe où le curseur bleu qui représente la position actuelle dans la Timeline en le faisant glisser avec la souris :



L'état des calques ne change pas. C'est normal car on n'a pas encore fait évoluer nos calques.

Modifions maintenant l'affichage de nos calques.

Replacez votre curseur à la position 0s.

Ensuite sélectionnez le bord gauche de la zone d'affichage du calque inférieur (Moi Photoshop), et faites le glisser aux environs de 4s.



Le calque (Moi Photoshop) disparaît de la scène.

Comme la scène représente les calques au niveau du curseur Bleu de la Timeline et que la zone d'affichage du calque inférieur (Moi Photoshop) n'appartient pas au curseur, le calque n'apparaît pas.

Si vous faites bouger le curseur vers la droite, la calque inférieur apparaîtra après les 4s.

Déplacez maintenant le bord droit de la zone d'affichage du calque supérieur aux environs de 4s encore ! Si vous voulez déplacer ce bord exactement au niveau du bord inférieur, maintenez la touche SHIFT enfoncée pendant le déplacement du bord. Il va normalement se coller à l'autre quand vous arriverez à son niveau !




Ici le calque supérieur disparaîtra à 4s et le calque inférieur apparaîtra !

Pour déplacer entièrement la zone d'affichage sans modifier sa longueur, glissez-la tout simplement en la prenant par le milieu.
Déplacez-en plusieurs en leur cliquant dessus les unes après les autres en maintenant la touche SHIFT enfoncée.

Ce que nous appelons depuis tout à l'heure les "bords" de la zone d'affichage d'un calque sont en fait les points d'entrée et les points de sortie du calque.
Avant son point d'entrée, un calque n'est pas visible. Il en est de même après son point de sortie :



Si vous avez compris, tant mieux, on passe à la suite !



Si vous n'avez pas tout compris, le mieux est de relire cette sous-partie, vous verrez, c'est finalement très simple.

After Effects, comme la plupart des logiciels de compositing, utilise une unité temporelle particulière.

Vous avez peut-être remarqué l'étrange chronomètre au dessus de la pile des calques ?
Il est de couleur Jaune si vous avez assombri votre interface dans les options, et Bleu si vous avez laissé la couleur par défaut ou si vous l'avez éclaircie :



Celui-ci vous indique le nombre d'images qu'il y a en une seconde (ici 25 ips).

Ce chronomètre indique la position actuelle du curseur. Comme mon curseur est au début, le chronomètre indique 0:00:00:00 !
Mais quelle est cette unité de temps bizarre ? Elle est sous la forme :




00 : En bleu, vous avez les secondes. Une fois qu'elles arrivent à 60, elles reviennent à 0 et le nombre des minutes augmente de 1.
00 : En vert, vous avez les minutes. Une fois qu'elles arrivent à 60, elles reviennent à 0 et le nombre des heures augmente de 1.
0 : En rouge, vous avez les heures.
00 : En rose, vous avez les images (ou frames). Cette fois ci, dans notre cas, si elles arrivent à 25, elles reviennent à 0 et le nombre des secondes augmente de 1. Si on avait réglé notre composition à 30 ips, il aurait fallu qu'elles arrivent à 30 pour faire une seconde !

Essayez de bouger votre curseur bleu : les images ne dépasseront jamais 24 !



C'est tout à fait normal ! Le compteur d'images commence à 0. Entre 0 et 24, il y a 25 images. La première image sera l'image 0, et la seconde sera la 1.

Cette notation porte un nom précis dans le jargon informatique : Le timecode.
C'est simplement une manière de coder le temps.

Vous pouvez modifier directement la position du curseur avec le chronomètre.
Pour cela, cliquez sur le chronomètre en restant appuyé et faites-le glisser de droite à gauche.
Si vous voulez le déplacer plus vite, appuyez sur SHIFT pendant le déplacement.
Si au contraire vous voulez aller plus lentement, il faudra faire de même en appuyant sur CTRL (ou COMMANDE sur MacOS).

Si vous désirez aller à un moment bien précis de votre Timeline, cliquez simplement sur le chronomètre. Une fenêtre s'ouvre et vous demande d'entrer le temps désiré au clavier.

Vous pouvez changer le mode d'affichage du chronomètre en cliquant dessus pendant que vous maintenez la touche CTRL (ou COMMANDE sur MacOS) enfoncée !
Le chronomètre passera sous la forme 00 ou il indiquera uniquement l'image actuelle, depuis le début de la composition. Ce nombre peut bien sûr dépasser le nombre d'images par seconde.
Pour repasser au mode d'affichage normal, refaites la même manipulation pour arriver à l'affichage classique 0:00:00:00 (Il existe un autre mode, mais il est moins utilisé !).