Dans le monde du motion design, maîtriser les expressions dans Adobe After Effects est un atout clé pour produire des animations dynamiques, flexibles et professionnelles. Pourtant, ces scripts en JavaScript restent intimidants pour de nombreux créateurs. L’émergence de l’intelligence artificielle, notamment via ChatGPT, Claude ou des plugins intégrés comme Klutz GPT, change la donne. Bienvenue dans l’ère du « vibe coding », une approche intuitive qui permet de générer, corriger et apprendre des expressions After Effects par simple conversation.
Les bases et le potentiel des expressions
Les expressions sont des lignes de code JavaScript insérées dans les propriétés d’un calque dans After Effects. Elles permettent de calculer dynamiquement la valeur d’une propriété, image par image, en fonction du temps, d’autres calques ou de contrôles personnalisés. Elles servent notamment à créer des effets comme les oscillations, les délais, ou les interactions entre calques sans poser une infinité de keyframes. Par exemple, une balle se déplace de gauche à droite sur votre écran, et vous voulez aussi qu’elle tremble.
Le langage d’expression est basé sur le langage JavaScript standard, mais il n’est pas nécessaire de le maîtriser pour commencer. Avant de commencer à utiliser les expressions, familiarisons-nous d’abord avec l’interface utilisateur. 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é.
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. 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.
Utiliser LoopOut et d’autres techniques pour des tracés propres
Astuce 1 - Expressions : boucler proprement avec LoopOut (l’astuce After Effects la plus rentable). Pourquoi utiliser LoopOut ? Dès que tu répètes un mouvement (clignotement, va-et-vient, rotation continue), copier-coller des images clés te fait perdre du temps et alourdit la timeline. L’expression loopOut() est l’astuce After Effects la plus rentable : tu poses tes clés une seule fois, et la boucle se poursuit tant que le calque existe. Timeline propre, retiming facile, moins d’erreurs.
Comment appliquer LoopOut dans After Effects (étapes rapides) ? Sélectionne la propriété animée (Position, Opacité, Échelle…), puis Alt/Option + clic sur le chronomètre pour ouvrir le champ d’expression. Tape loopOut() et valide. Allonge la durée du calque : l’animation se répète automatiquement. Variante loopOut("cycle"), loopOut("pingpong"), loopOut("offset") offre différentes dynamiques, avec des paramètres tels que cycle, recalage et progression.
Astuce 2 - Précompositions & Shy : garder un projet propre. Quand la timeline s’allonge, tu perds du temps à chercher le bon calque et tu multiplies les petites erreurs. La précomposition remet de l’ordre : tu regroupes plusieurs calques dans une précomp unique. Résultat : une timeline lisible, des animations plus faciles à piloter, et des réglages localisés sans polluer la comp principale. Utiliser le Shy pour masquer les calques techniques tout en les gardant actifs.
Raccourcis et lissé rapide des animations
Astuce 3 - Raccourcis réflexe sur After Effects : U, P, R, T (+ Cmd/Ctrl+S). Travaillez avec une main sur le clavier pour afficher rapidement les propriétés animées et basculer entre les propriétés essentielles. U affiche les propriétés avec images clés, P/ R/ T ouvrent Position, Rotation, Opacité, et Cmd/Ctrl+S sauvegarde rapidement. UU révèle les propriétés modifiées et permet de retrouver des réglages cachés.
Astuce 4 - Lissage de vitesse (Easy Ease) : adoucir les mouvements en un clic. Sélectionne tes images clés → F9 (ou Assistant d’image clé > Lissage de vitesse). Tu peux affiner l’entrée et la sortie via l’éditeur de graphes pour obtenir des transitions plus naturelles. Utiliser Easy Ease aide énormément à la qualité perçue, notamment pour les UI et les textes.
Astuce 5 - Motion Blur / Flou de mouvement : fluidifier les animations. Active le flou de mouvement sur les calques et le bouton global en haut de la timeline. Réglages utiles : Shutter Angle (180° par défaut, 180-270° convient à la plupart des UI/texte), Samples per Frame pour la qualité. Le flou peut être moins utile sur des effets qui déforment les pixels sans déplacer le calque.
Objets nuls et parentage pour piloter des groupes
Astuce 6 - Objet nul & parentage : piloter un groupe sans “casser” tes anims. Crée un objet nul et parentage les calques à ce nul. Anime le nul et tous les enfants suivent, sans créer de nouvelles clés sur eux. Utile pour des logos, UI, ou des groupes de composants. Vérifie le 3D et ajuste le pivot pour des rotations crédibles.
Presets et réutilisation
Astuce 7 - Sauver une anim en preset (.ffx) et la réutiliser. Enregistrer une animation prédéfinie pour appliquer rapidement la même qualité ailleurs. Menus et étapes détaillés permettent d’organiser les presets par familles (Texte/Entrées, UI/Pop, Transitions). Les presets et les expressions peuvent être sauvegardés dans le dossier User Presets et synchronisés via cloud.
Le vibe coding et l’intégration IA
Dans le monde moderne du motion design, l’émergence de l’IA transforme l’écriture des expressions. Le vibe coding permet de générer, corriger ou enrichir des expressions After Effects par simple conversation naturelle. Exemple d’expression générée par IA : wiggle dynamique contrôlée par des sliders d’amplitude et de fréquence, ou une animation en cascade (delay par calque) pour un effet lettre par lettre sans keyframes manquantes.
Exemple 1 : amp = effect("Amplitude")("Slider"); freq = effect("Fréquence")("Slider"); decay = effect("Decay")("Slider"); wiggle(freq, amp) * Math.exp(-decay*time);
Exemple 2 : delay = 0.2; t = time - thisLayer.index * delay; valueAtTime(t);
Pourquoi apprendre les expressions et pourquoi utiliser l’IA ? Les expressions automatisent les animations et offrent un contrôle total sur les propriétés, et l’IA peut corriger une syntaxe, expliquer une logique et proposer des améliorations. Des outils IA comme Klutz GPT, LIA, Toolify.ai facilitent l’intégration dans After Effects et accélèrent les workflows.
Exemples concrets et mise en pratique
Pour créer un trace ou une animation liée entre plusieurs calques, on peut combiner loopOut avec des précompositions et des objets nuls pour obtenir une motion cohérente sans multiplier les keyframes. On peut aussi lier des rotations ou des positions entre calques différents avec des expressions simples. Le tout est de penser en contrôles paramétrables et en flux automatisés plutôt qu’en cascade de keyframes manuelles.
Des cas pratiques proposés incluent : création d’un tracé animé par une expression, liaison des propriétés de rotation via une cible commune, et l’utilisation d’un contrôleur glissière pour ajuster des longueurs ou des angles en temps réel. En explorant les possibilités, on découvre une boîte à outils moderne qui combine expressions, IA et bonnes pratiques de production.
Notes sur les ressources et la continuité
Ce guide s’appuie sur des principes de base des expressions et sur des pratiques avancées comme LoopOut, précompositions, et l’emploi des objets nuls. Il reflète aussi l’idée contemporaine du vibe coding, où l’IA sert de copilote pédagogique et opérationnel dans la création d’animations.
