A propos de l’animation, des images clés 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 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.

Icônes de chronomètre : Chronomètre activé et Chronomètre désactivé
Icônes de chronomètre

A. Chronomètre activé B. Chronomètre désactivé 

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.

Remarque :

lorsque le mode Images clés automatiques est activé, le chronomètre s’active automatiquement pour une propriété qui est modifiée (voir Mode Images clés automatiques).

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.

Remarque :

Vous pouvez remplacer les icônes d’images clés en mode d’affichage des bandes de durée des calques par des nombres en choisissant Utiliser les indices d’images clés dans le menu du panneau Montage.

Images clés affichées sous forme d’icônes et de nombres
Images clés affichées sous forme d’icônes et de nombres

Remarque :

lors de la réduction d’une propriété de calque contenant des images clés, des points gris (indicateurs de synthèse des images clés) relatifs au groupe de propriétés indiquent la présence d’images clés.

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.

Remarque :

Pour basculer entre le mode d’affichage des bandes de durée des calques et le mode d’affichage de l’éditeur de graphiques, cliquez sur le bouton Editeur de graphiques dans le panneau Montage ou appuyez sur les touches Maj + F3.

Deux propriétés animées (Position et Echelle) affichées dans l’éditeur de graphiques
Deux propriétés animées (Position et Echelle) affichées dans l’éditeur de graphiques

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.

Images clés avec poignées de direction dans l’éditeur de graphiques
Images clés avec poignées de direction dans l’éditeur de graphiques

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

  1. Cliquez sur le bouton d’affichage des propriétés au bas de l’éditeur de graphiques et sélectionnez l’une des options suivantes :

    Afficher les propriétés sélectionnées

    Affiche les propriétés sélectionnées dans l’éditeur de graphiques.

    Afficher les propriétés animées

    Affiche les propriétés animées des calques sélectionnés dans l’éditeur de graphiques.

    Afficher l’éditeur de graphiques

    Affiche les propriétés pour lesquelles le bouton Editeur de graphiques a été sélectionné. Ce bouton se situe en regard du chronomètre, à gauche du nom de la propriété, lorsque le chronomètre est actif, c’est-à-dire lorsque la propriété a des images clés ou des expressions.

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élection automatique du type de graphique

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.

Modifier le graphique de valeurs

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

Modifier le graphique de vitesse

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

Afficher le graphique de référence

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.)

Afficher les signaux audio

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

Afficher les points d’entrée/de sortie du calque

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.

Afficher les repères du calque

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.

Afficher les info-bulles pour les graphiques

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

Afficher le modificateur d’expression

Affiche ou masque le champ du modificateur d’expression.

Autoriser les images clés entre les images

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.

Remarque :

Pour activer l’outil Main momentanément lorsque vous utilisez un autre outil, maintenez la barre d’espace enfoncée ou appuyez sur le bouton central de la souris.

  • 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.

Remarque :

il est impossible de vous déplacer ou d’effectuer un zoom vertical lorsque l’option Zoom automatique de la hauteur est sélectionnée.

Zoom automatique et adaptation à la vue

Zoom automatique de la hauteur

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.

Ajuster à la sélection

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.

Adapter les graphiques à la vue

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

Ce produit est distribué sous licence Creative Commons Attribution - Pas d’utilisation commerciale - Partage à l’identique 3.0 non transposé  Les publications Twitter™ et Facebook ne sont pas couvertes par les dispositions Creative Commons.

Mentions légales   |   Politique de confidentialité en ligne