Animations – Principes de base

Apprenez à animer des calques et des effets à l'aide d'images clés, de l'éditeur de graphe et des expressions.

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 seconde 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 barres 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 Éditeur de graphiques n’affiche pas de barres des calques, mais affiche les images clés et les résultats d’expression dans des graphiques de valeurs ou des graphiques de vitesses. 

Images clés

Les images clés servent à définir les paramètres du mouvement, des effets, audio 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

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.

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 de graphiques :

• Graphique de valeurs : affiche les valeurs des propriétés.
• Graphique de vitesse : affiche les taux de changement des valeurs des propriétés

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 la section Afficher ou modifier 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 la propriété possède la même couleur que la valeur de la propriété correspondante dans le contour des 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 activer ou 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.

Vous pouvez utiliser 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. En savoir plus sur la séparation des dimensions de la position pour animer les composants individuellement.

Spécifier les propriétés à afficher dans l’éditeur de graphiques

Options de graphique de l’éditeur de graphiques

Cliquez sur le bouton Type du graphique et options 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 la forme d’onde 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 panoramique et de zoom dans l’éditeur de graphiques

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

• Pour effectuer un panoramique vertical, 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, sélectionnez 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 horizontal en utilisant la molette de la souris, maintenez la touche Alt (Windows) ou Option (Mac OS) enfoncée. Pour un zoom vertical, maintenez la touche Ctrl (Windows) ou Commande (macOS) enfoncée.
• 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 avant) ou vers le bas (zoom arrière) 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’Éditeur de graphiques.

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