Animations – Principes de base

L’animation se caractérise par des changements dans le temps. Un calque ou un effet sur un calque est animé en modifiant une ou plusieurs de ses propriétés dans le temps. Par exemple, vous pouvez faire varier la propriété Opacité d’un calque avec des valeurs comprises entre 0 % à l’instant zéro et 100 % à l’instant 1 s pour appliquer au calque un fondu. Les propriétés associées à un bouton chronomètre placé à gauche du nom dans le panneau Montage ou Effets peuvent être animées.

Vous pouvez animer des propriétés de calque avec des images clés et/ou des expressions.

De nombreuses animations prédéfinies contiennent des images clés et des expressions qui permettent d’appliquer simplement l’animation prédéfinie au calque pour obtenir une animation complexe.

Il existe deux modes d’affichage des images clés et des expressions dans After Effects : bandes de durée des calques ou éditeur de graphiques. Le mode d’affichage des bandes de durée des calques est défini par défaut et permet d’afficher les images clés et les expressions alignées verticalement avec leurs propriétés dans le panneau Montage. Le mode Editeur graphique n’affiche pas de bandes de durée, mais affiche les images clés et les résultats d’expression dans des graphiques de valeurs ou des graphiques de vitesse (voir L’éditeur de graphique).

Images clés

Les images clés servent à définir les paramètres audio, ceux du mouvement, des effets et bien d’autres propriétés, généralement en les modifiant dans le temps. Une image clé marque le moment où vous spécifiez la valeur d’une propriété de calque, telle qu’une position spatiale, l’opacité ou le volume audio. Les valeurs entre les images clés sont interpolées. Pour créer une modification dans le temps, vous utilisez généralement au moins deux images clés : une pour l’état au début de la modification et une pour le nouvel état à la fin de la modification (Voir la section Définition ou ajout d’images clés.)

Une fois le chronomètre activé pour une propriété spécifique, After Effects définit ou modifie automatiquement une image clé de la propriété à l’instant présent chaque fois que vous changez la valeur de la propriété. Si le chronomètre est désactivé pour une propriété, cela signifie qu’aucune image clé n’est définie pour cette propriété. Si vous remplacez la valeur de propriété de calque alors que le chronomètre est désactivé, cette valeur reste la même pendant toute la durée du calque.

Si vous désactivez le chronomètre, toutes les images clés de la propriété de calque disparaissent, et la valeur constante de la propriété devient la valeur à l’instant présent. Désactivez le chronomètre uniquement si vous êtes certain de vouloir supprimer définitivement toutes les images clés de la propriété correspondante.

Certains outils, notamment Dessin de trajectoire et Marionnette, définissent automatiquement les images clés en fonction du mouvement que vous tracez.

Expressions

Les expressions utilisent un langage de scripts basé sur JavaScript pour définir les valeurs d’une propriété afin d’associer les propriétés entre elles. Vous pouvez créer des expressions simples en associant les propriétés à l’aide de l’icône de sélection (voir À propos des expressions).

Ressources d’animation en ligne

Consultez le didacticiel vidéo, Animation des propriétés de transformation avec des images clés (en anglais) de Jeff Sengstack et Infinite Skills.

Pour consulter un didacticiel détaillé présentant l’animation des différents calques à partir d’un fichier Photoshop (PSD), reportez-vous au chapitre « Animating Layers in After Effects » (Animation de calques dans After Effects) du livre After Effects Classroom in a Book, disponible sur le site Web Peachpit Press.

L’éditeur de graphiques

L’éditeur de graphiques représente les valeurs des propriétés sous la forme d’un graphique bidimensionnel, la durée de la composition étant représentée horizontalement (de gauche à droite). En revanche, en mode d’affichage des bandes de durée des calques, le graphique temporel représente uniquement l’élément horizontal de la durée, sans représentation verticale graphique des modifications des valeurs.

Deux types de graphiques sont disponibles dans l’éditeur : les graphiques de valeurs qui affichent les valeurs des propriétés et les graphiques de vitesse qui affichent les taux de changement de ces valeurs. Pour les propriétés temporelles, telles que l’opacité, l’éditeur de graphiques affiche par défaut le graphique de valeurs. Pour les propriétés spatiales, telles que la position, l’éditeur de graphiques adopte par défaut le graphique de vitesse. Pour plus d’informations sur l’affichage et la modification des valeurs d’image clé, voir Affichage et modification de la valeur d’une image clé.

Dans l’éditeur de graphiques, chaque propriété est représentée par sa propre courbe. Vous pouvez visualiser et retravailler une propriété à la fois ou visualiser plusieurs propriétés simultanément. Lorsque plusieurs propriétés sont affichées dans l’éditeur de graphiques, chaque courbe de propriété possède la même couleur que la valeur de la propriété correspondante dans la liste de calques.

Lorsque vous déplacez une image clé dans l’éditeur de graphiques après avoir activé le bouton Magnétisme , l’image clé est automatiquement alignée sur les valeurs de l’image clé, ses durées, l’instant présent, les points d’entrée et de sortie, les marqueurs, le début et la fin de la zone de travail, ainsi que le début et la fin de la composition. Lorsqu’une image clé est alignée sur l’un de ces éléments, une ligne orange apparaît dans l’éditeur de graphiques pour indiquer l’objet sur lequel l’image clé est alignée. Maintenez la touche Ctrl (Windows) ou Commande (Mac OS) enfoncée après avoir commencé à faire glisser la souris pour désactiver temporairement l’alignement.

Les images clés de l’éditeur de graphiques peuvent être assorties de poignées directrices sur les deux côtés ou d’une poignée directrice sur un seul côté. Les poignées directrices servent à contrôler l’interpolation Bézier.

Utilisez le bouton Séparer les dimensions en bas de l’éditeur de graphiques pour séparer les composants d’une propriété Position en propriétés individuelles (Position X, Position Y et (pour les calques 3D) Position Z) afin de pouvoir les modifier ou les animer chacun indépendamment. Voir Séparation des dimensions d’une propriété Position pour animer des composants individuellement.

Ressources en ligne relatives à l’Editeur de graphiques

Antony Bolante fournit des informations, des conseils et des illustrations sur l’utilisation de l’Editeur de graphiques dans un article disponible sur le site Web Peachpit Press.

Spécification des propriétés à afficher dans l’éditeur de graphiques

Options de graphique de l’éditeur de graphiques

Cliquez sur le bouton d’affichage du type et des options de graphique situé dans la partie inférieure de l’éditeur de graphiques pour sélectionner l’une des options suivantes :

Sélectionne automatiquement le type de graphique approprié pour une propriété : graphiques de vitesse pour les propriétés spatiales (la position, par exemple) et graphiques de valeurs pour les autres propriétés.

Affiche le graphique de valeurs pour toutes les propriétés.

Affiche le graphique de vitesse pour toutes les propriétés.

Affiche le type de graphique non sélectionné à l’arrière-plan pour visualisation uniquement. (Les nombres gris à droite de l’éditeur de graphiques indiquent les valeurs du graphique de référence.)

Affiche le signal audio de tout calque possédant au moins une propriété dans l’éditeur de graphiques.

Affiche les points d’entrée et de sortie de tous les calques possédant une propriété dans l’éditeur de graphiques. Les points d’entrée et de sortie apparaissent sous la forme d’accolades.

Affiche les repères de calque dans l’éditeur de graphiques, le cas échéant, pour tout calque possédant au moins une propriété dans cet éditeur. Les marqueurs de calque s’affichent sous la forme de petits triangles.

Active ou désactive les info-bulles des graphiques.

Affiche ou masque le champ du modificateur d’expression.

Autorise l’insertion d’images clés entre les images pour affiner l’animation.

Opérations de déplacement et de zoom dans l’éditeur de graphiques

• Pour vous déplacer verticalement ou horizontalement, sélectionnez l’outil Main et faites-le glisser.

• Pour vous déplacer verticalement, actionnez la molette de la souris.
• Pour vous déplacer horizontalement, actionnez la molette de la souris en maintenant la touche Maj enfoncée.
• Pour effectuer un zoom avant, cliquez avec l’outil Zoom.
• Pour effectuer un zoom arrière, cliquez avec l’outil Zoom, tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour effectuer un zoom en utilisant la molette de la souris, maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée pour un zoom horizontal, ou maintenez la touche Ctrl (Windows) ou Commande (Mac OS) enfoncée pour un zoom vertical.
• Pour appliquer un zoom horizontal, faites glisser l’outil Zoom vers la gauche (zoom arrière) ou vers la droite (zoom avant) tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.
• Pour un zoom vertical, faites glisser l’outil Zoom vers le haut (zoom arrière) ou vers le bas (zoom avant) tout en maintenant la touche Alt (Windows) ou Option (Mac OS) enfoncée.

Zoom automatique et adaptation à la vue

Active ou désactive le mode Zoom automatique de la hauteur, qui redimensionne automatiquement la hauteur du graphique de façon à l’adapter à la hauteur de l’éditeur de graphiques. Le zoom horizontal doit être ajusté manuellement.

Ajuste l’échelle de valeurs (verticale) et temporelle (horizontale) du graphique de façon à l’adapter aux images clés sélectionnées dans l’Editeur de graphiques.

Ajuste l’échelle de valeurs (verticale) et temporelle (horizontale) du graphique de façon à l’adapter à tous les graphiques de l’Editeur de graphiques.