Principes de base des expressions

Essayez d’utiliser les expressions pour créer et relier des animations complexes, sans pour autant faire appel à des dizaines ou à des centaines d’images-clés créées manuellement. Une expression est un petit morceau de code JavaScript que vous pouvez connecter à vos propriétés animées dans vos projets After Effects et qui évalue la valeur de la propriété d’un calque à un moment spécifique.

Contrairement à un script, qui commande à l’application de réaliser une action, une expression commande à une propriété de réaliser une action. Par exemple, une balle se déplace de gauche à droite sur votre écran, et vous voulez aussi qu’elle tremble. Plutôt que d’animer la propriété Position à l’aide d’images clés, vous pouvez y appliquer une expression de tremblement.

Le langage d’expression est basé sur le langage JavaScript standard, mais il n’est pas nécessaire de maîtriser ce dernier pour commencer à utiliser les expressions. Pour créer des expressions, vous pouvez utiliser l’icône de sélection ou copier des exemples simples que vous modifiez en fonction de vos besoins. Si vous voulez en savoir plus à ce sujet, consultez Compréhension du langage d’expression.

Voici un exemple simple de création de boucles comprenant des expressions :

L’interface utilisateur des expressions

Avant de commencer à utiliser les expressions, familiarisons-nous d’abord avec l’interface utilisateur. Pour commencer, procédez comme suit :

Expressions et images-clés

Dans After Effects, toutes les propriétés pouvant être animées possèdent une valeur de pré-expression et une valeur de post-expression. 

La valeur de pré-expression est simplement la valeur de la propriété avant qu’une expression soit appliquée, qu’elle soit statique ou animée par des images clés. Les valeurs de pré-expression sont comparables aux pixels d’un calque sans aucun effet appliqué. Ces valeurs de pré-expression peuvent ensuite être modifiées ou utilisées par une expression, tout comme un effet modifie ou utilise les pixels d’un calque, ce qui entraîne la valeur de post-expression.

La couleur de surbrillance de la valeur de propriété dans l’interface utilisateur indique si la propriété utilise une valeur de pré-expression ou de post-expression ; les valeurs de pré-expression sont bleues, tandis que les valeurs de post-expression sont rouges.

La valeur de pré-expression de toute propriété est accessible dans une expression à l’aide de la valeur d’attribut. Par exemple, l’expression valeur+90 sur une propriété de Rotation ajouterait 90 degrés à la valeur de la propriété avant l’application de l’expression. Cela fonctionne également pour les valeurs d’images clés ; si le paramètre Rotation est une image clé de 0 à 45, la même expression de valeur+90 entraîne son animation de 90 à 135. Les valeurs des images clés sont également accessibles via key(index).value, en utilisant 1 pour que l’index obtienne la valeur de la première image clé, 2 pour la seconde, etc. L’attribut numKeys sera toujours égal au nombre d’images clés sur la propriété, donc key(numKeys).value représente la valeur de la dernière image clé.

Certaines méthodes, telles que wiggle() ou les différentes boucles, utilisent implicitement la valeur de pré-expression.

Par exemple, l’expression wiggle(10, 10) anime entre -10 et 10 si une propriété a la valeur 0, en ajoutant un mouvement de tremblement autour de sa valeur existante. Il en va de même lorsque l’expression est appliquée à une propriété d’image clé, créant ainsi une animation secondaire par-dessus les valeurs animées d’origine. Voir Méthodes et attributs de propriété (référence de l’expression).

Utilisation de calculs simples dans les expressions

Les valeurs d’une propriété qui contient une expression s’affichent en rouge ou rose.

Pour vous familiariser avec les expressions, vous pouvez créer une expression simple avec l’icône de sélection, puis modifier le comportement de l’expression à l’aide d’opérateurs mathématiques simples, tels que ceux énumérés dans le tableau suivant :

Vous pouvez, par exemple, multiplier le résultat par deux en saisissant *2 à la fin de l’expression, ou le diviser par deux en saisissant /2 à la fin de l’expression.

Lorsque vous saurez modifier les expressions, vous pourrez associer ces opérations simples et faire bien d’autres choses encore. Vous pourrez par exemple ajouter /360*100 à la fin d’une expression pour passer de la plage 0-360 à la plage 0-100. Cette modification s’avère très utile pour adapter les valeurs d’un cadran à 360 degrés à un curseur gradué en pourcentage.

Le menu langage d’expression

Le menu Langage d’expression du panneau Montage contient les éléments spécifiques à After Effects utilisables dans une expression. Il est particulièrement utile pour choisir des éléments et connaître leur syntaxe : c’est la référence des éléments utilisables. Lorsque vous choisissez un objet, un attribut ou une méthode dans le menu, After Effects l’insère automatiquement dans le champ de l’expression, au point d’insertion. Si le texte est sélectionné dans le champ d’expression, le texte de la nouvelle expression remplace le texte sélectionné. Si le point d’insertion ne se trouve pas dans le champ d’expression, le texte de la nouvelle expression remplace tout le texte dans le champ.

Expressions courantes que vous pouvez utiliser

Tremblement

Temps

Boucle

Pour plus d’exemples, voir Exemples d’expressions.

Modification manuelle d’une expression

Personnalisez l’apparence des expressions dans l’Éditeur d’expressions

Vous pouvez personnaliser l’apparence des expressions dans l’Éditeur d’expressions situé dans le panneau Montage à l’aide des préférences des modules de script et expressions.

Pour ouvrir l’Éditeur d’expressions,

• sur macOS : sélectionnez After Effects > Préférences > Scripts et expressions. 
• sur Windows : sélectionnez Modifier > Préférences > Scripts et expressions. 

Regardez la vidéo suivante pour commencer à explorer les expressions.

En savoir plus sur les ressources dʼexpression

Autres résultats similaires

• À propos de l’animation, des images clés et des expressions
• Modification des expressions
• Présentation du langage dʼexpression