Guide d'utilisation Annuler

Exemples d’expressions

  1. Guide de lʼutilisateur dʼAfter Effects
  2. Versions Beta
    1. Présentation du programme Beta
    2. Accueil After Effects Beta
    3. Fonctionnalités de la version Beta
      1. Panneau Propriétés (Beta)
  3. Prise en main
    1. Prise en main dʼAfter Effects
    2. Nouveautés dʼAfter Effects
    3. Notes de mise à jour | After Effects
    4. Configuration requise pour After Effects
    5. Raccourcis clavier dans After Effects
    6. Formats de fichier pris en charge | After Effects
    7. Recommandations matérielles
    8. After Effects pour puce Apple
    9. Planification et configuration
    10. Configuration et installation
  4. Espaces de travail
    1. Eléments généraux de lʼinterface utilisateur
    2. Familiarisation avec lʼinterface dʼAfter Effects
    3. Workflows
    4. Espaces de travail, panneaux et visualiseurs
  5. Projets et compositions
    1. Projets
    2. Notions de base relatives aux compositions
    3. Précomposition, imbrication et prérendu
    4. Affichage dʼinformations détaillées sur les performances avec le Profileur de composition
    5. Moteur de rendu de composition CINEMA 4D
  6. Importation de métrage
    1. Préparation et importation dʼimages fixes
    2. Importation à partir dʼAfter Effects et dʼAdobe Premiere Pro
    3. Importation et interprétation vidéo et audio
    4. Préparation et importation de fichiers images 3D
    5. Importation et interprétation de métrages
    6. Utilisation des métrages
    7. Détecter les points de montage à l’aide de la détection de montage de scène
    8. Métadonnées XMP
  7. Texte et images
    1. Texte
      1. Mise en forme des caractères et panneau Caractère
      2. Effets de texte
      3. Création et modification des calques de texte
      4. Mise en forme des paragraphes et panneau Paragraphe
      5. Extrusion de calques de texte et de forme
      6. Animation de texte
      7. Exemples et ressources dʼanimation de texte
      8. Modèles Live Text
    2. Animations graphiques
      1. Utilisation de modèles dʼanimations graphiques dans After Effects
      2. Utilisation des expressions pour créer des listes déroulantes dans les modèles dʼanimations graphiques
      3. Utilisation des propriétés essentielles pour créer des modèles dʼanimations graphiques
      4. Remplacement d’images et de vidéos dans les modèles dʼanimations graphiques et les propriétés essentielles
  8. Dessin, peinture et tracés
    1. Présentation des calques de forme, des tracés et des images vectorielles
    2. Outils de peinture : Pinceau, Cloner et Gomme
    3. Comment effiler les contours de forme
    4. Attributs de forme, opérations de peinture et opérations de tracé pour les calques de forme
    5. Utilisation de lʼeffet de forme Décaler les tracés pour modifier des formes
    6. Création de formes
    7. Création de masques
    8. Suppression dʼobjets de vos vidéos avec le panneau Remplissage dʼaprès le contenu
    9. Roto-pinceau et Améliorer le cache
  9. Calques, marqueurs et caméra
    1. Sélection et disposition de calques
    2. Modes de fusion et styles de calques
    3. Calques 3D
    4. Propriétés du calque
    5. Création de calques
    6. Gestion des calques
    7. Repères de calque et repères de composition
    8. Caméras, lumières et points ciblés
  10. Animation, images clés, suivi de cible et incrustations
    1. Animation
      1. Principes de base de l’animation
      2. Animation avec les outils Marionnette
      3. Gestion et animation de tracés de forme et de masques
      4. Animation de formes Sketch et Capture à lʼaide dʼAfter Effects
      5. Outils dʼanimation divers
      6. Utilisation dʼanimations orientées données
    2. Image clé
      1. Interpolation des images clés
      2. Définition, sélection et suppression dʼimages clés
      3. Modification, déplacement et copie dʼimages clés
    3. Suivi de cible
      1. Suivi et stabilisation du mouvement
      2. Suivi du visage
      3. Suivi de masque
      4. Référence de masque
      5. Vitesse
      6. Extension temporelle et remappage temporel
      7. Code temporel et unités temporelles
    4. Masquage
      1. Incrustations
      2. Effets de masquage
  11. Transparence et montage
    1. Présentation et ressources du montage et de la transparence
    2. Couches alpha, masques et caches
  12. Réglage de la couleur
    1. Principes de base de la couleur
    2. Utilisation de lʼextension Thèmes Adobe Color
    3. Gestion des couleurs
    4. Effets de correction colorimétrique
  13. Effets et animations prédéfinies
    1. Présentation des effets et animations prédéfinies
    2. Liste dʼeffets
    3. Effets de simulation
    4. Effets esthétiques
    5. Effets audio
    6. Effets de déformation
    7. Effets de perspective
    8. Effets de couches
    9. Effets de rendu
    10. Effets de transition
    11. Effet Réparation dʼobturateur déroulant
    12. Effets de flou et de netteté
    13. Effets de couches 3D
    14. Effets Utilité
    15. Effets de cache
    16. Effets de bruit et de grain
    17. Effet Conservation des détails-Amélioration
    18. Effets obsolètes
  14. Expressions et automatisation
    1. Expression
      1. Principes de base des expressions
      2. Compréhension du langage dʼexpression
      3. Utilisation des options pour expressions
      4. Différences de syntaxe entre le moteur dʼexpressions JavaScript et lʼancien moteur dʼexpressions ExtendScript
      5. Modification des expressions
      6. Erreurs dans les expressions
      7. Utilisation de lʼéditeur dʼexpressions
      8. Utilisation d’expressions pour accéder aux propriétés du texte et les modifier
      9. Référence au langage dʼexpression
      10. Exemples dʼexpressions
    2. Automatisation
      1. Automatisation
      2. Scripts
  15. Vidéo immersive, VR et 3D
    1. Création dʼenvironnements VR dans After Effects
    2. Application d’effets de vidéo immersive
    3. Outils de composition pour les vidéos VR/360
    4. Suivi du mouvement de la caméra 3D
    5. Utilisation de lʼespace de conception 3D
    6. Widgets de transformation 3D
    7. En faire plus avec l’animation 3D
    8. Aperçu des modifications apportées aux conceptions 3D en temps réel avec le moteur en temps réel
    9. Ajout de Responsive Design à vos images
  16. Vues et prévisualisations
    1. Prévisualisation
    2. Prévisualisation vidéo à lʼaide de Mercury Transmit
    3. Modification et utilisation des vues
  17. Rendu et exportation
    1. Notions de base relatives au rendu et à lʼexportation
    2. Exportation dʼun projet After Effects en tant que projet Adobe Premiere Pro
    3. Conversion de films
    4. Rendu multi-images
    5. Rendu automatisé et rendu en réseau
    6. Rendu et exportation dʼimages fixes et de séquences dʼimages fixes
    7. Utilisation du codec GoPro CineForm dans After Effects
  18. Utilisation dʼautres applications
    1. Dynamic Link et After Effects
    2. Utilisation dʼAfter Effects et dʼautres applications
    3. Synchronisation des paramètres dans After Effects
    4. Bibliothèques Creative Cloud dans After Effects
    5. Plug-ins
    6. CINEMA 4D et Cineware
  19. Collaboration : Frame.io et Projets d’équipe
    1. Collaboration dans Premiere Pro et After Effects
    2. Frame.io
      1. Installation et activation de Frame.io
      2. Utilisation de Frame.io avec Premiere Pro et After Effects
      3. Foire aux questions
    3. Projets dʼéquipe
      1. Prise en main des projets d’équipe
      2. Créer un projet d’équipe
      3. Collaborer sur les projets d’équipe
  20. Mémoire, stockage et performances
    1. Mémoire et stockage
    2. Amélioration des performances
    3. Préférences
    4. Configuration requise du GPU et du pilote GPU pour After Effects

De nombreux exemples de cette section sont basés sur des expressions fournies par Dan Ebberts.

Télécharger un exemple de projet

Telechargement

Le calque tourne en cercle

Vous pouvez également créer des expressions ne faisant pas appel aux propriétés d’autres calques. Par exemple, vous pouvez faire tourner un calque autour du centre de la composition.

Sélectionnez un calque. Appuyez sur P pour afficher sa propriété Position dans le panneau Journal. Tout en maintenant la touche Alt (Windows) ou Option (macOS) enfoncée, cliquez sur le chronomètre à gauche du nom de la propriété.

Entrez l’extrait de code dans le champ d’expression :

var centerOfComp = [ ( thisComp.width / 2 ), ( thisComp.height / 2) ]; var circleOverTime = [ Math.sin( time ) * 50, -Math.cos( time ) * 50 ]; centerOfComp + circleOverTime;

Tremblement au hasard

L’expression « wiggle » (tremblement) est l’une des expressions d’After Effects les plus courantes. Il fait basculer un objet sur des valeurs aléatoires. Vous pouvez utiliser cette expression pour rendre votre scène plus naturelle. Vous ajoutez cette expression à la propriété position du calque.

Par exemple, wiggle (fréquence, quantité) où le premier nombre correspond au nombre de tremblements par seconde et le second à la valeur du tremblement. Ainsi, l’utilisation de wiggle(2,30) fera bouger le calque 2 fois par seconde jusqu’à 30 pixels dans n’importe quelle direction.

Contrôler un tremblement avec les commandes Slider

trembler avec curseur

Les expressions peuvent être encadrées par des images clés en remplaçant les valeurs par des liens vers des contrôles d’expression, comme une commande Slider. En remplaçant le deuxième argument de l’expression wiggle() par un lien vers une commande Slider, vous pouvez créer une image clé du comportement à démarrer et à arrêter à des moments spécifiques.

  1. Ajoutez un effet de commande Slider à n’importe quel calque et nommez-le « Wiggle Amount »
  2. Appliquez l’expression suivante à la position du même calque :
// Utilise le fouet de sélection pour créer le lien « effect(...) » vers le Slider var wiggleAmount = effect(« Wiggle Amount »)(« Slider ») ; // Tremble 4 fois par seconde par la quantité définie par le Slider wiggle( 4, wiggleAmount );

Overshoot

Communément appelée rebond inertiel, cette expression utilise l’animation des propres images clés d’un calque pour créer un dépassement naturel. Elle crée un mouvement de rebond de n’importe quel paramètre d’une image clé à l’autre, en fonction de sa vitesse. Le rebond se produit dans n’importe quelle direction où l’objet se déplace. Pour réaliser cette animation : créez ou importez vos graphiques dans After Effects.

Ajoutez des images clés à la propriété Position du calque à animer. Ajoutez l’expression suivante à la propriété Position du calque :

// Définit des valeurs pour contrôler le dépassement. // Liez-les aux contrôles d’expression Slider pour prévisualiser rapidement différents paramètres. var amp = 40; var freq = 30; var decay = 50; // Recherche l’image clé la plus récente var nK = nearestKey(time); var n = (nK.time <= time) ? nK.index : --nK.index; var t = (n === 0) ? 0 : temps - clé(n).temps; // Si l’heure actuelle est postérieure à une image clé, calculez le dépassement. // Si ce n’est pas le cas, utilisez la valeur d’origine. si ( n > 0 && t < 1 ) { var v = velocityAtTime( key( n ).time - thisComp.frameDuration /10 ); value + v * amp * .001 * Math.sin(freq * .1 * t * 2 * Math.PI) / Math.exp(decay * .1 * t); } else { value; }

Rotation avec le temps

Vous pouvez utiliser lʼicône de sélection pour lier les valeurs de rotation entre plusieurs calques afin dʼanimer les objets. Considérez ces trois cercles comme les trois aiguilles de lʼhorloge, avec un écoulement du temps identique : lʼaiguille des heures se déplace dʼheure en heure et lʼaiguille des minutes effectue un tour complet du cadran.

  1. Importez ou créez trois calques de couleur unie en forme de cercles. Supposons que lʼun dʼeux fonctionne comme lʼaiguille des heures, lʼautre comme lʼaiguille des minutes et le troisième comme lʼaiguille des secondes. (Voir la section Calques et métrages de couleur unie).
  2. Définissez les points dʼancrage aux extrémités des calques. (Voir la section Points dʼancrage du calque).
  3. Déplacez les calques de façon à placer les points dʼancrage au centre de la composition. (Voir la section Déplacement de calques dans lʼespace).
  4. Positionnez les images clés de rotation de lʼaiguille des heures. (Voir la section Définition ou ajout dʼimages clés). Sélectionnez la propriété Rotation pour le calque de lʼaiguille des minutes et choisissez Animation > Ajouter lʼexpression.
  5. Faites glisser lʼicône de sélection sur la propriété Rotation pour le plus grand cercle. Lʼexpression suivante apparaît : thisComp.layer("circle").rotation.
  6. Pour faire en sorte que le deuxième cercle tourne douze fois plus vite que le premier, ajoutez *12 à la fin de lʼexpression comme suit : thisComp.layer("circle").rotation*12.
  7. Procédez à lʼidentique pour le troisième cercle et ajoutez *24 à la fin de lʼexpression : thisComp.layer("circle").rotation*24.

Boucle

Lʼexpression vous permet de lire une animation en boucle sans devoir continuellement ajouter des images clés. Par exemple, plusieurs formes qui tournent jusquʼà la fin de la comp. Ici, vous pouvez définir une image clé initiale pour la rotation de début et une autre pour la rotation de fin. Ensuite, lorsque vous ajoutez l’expression loopOut au paramètre rotation, la rotation se poursuit.

Les variables de l’expression ci-dessous concernent le type de boucle et le nombre d’images clés à inclure dans la boucle.

Discutons d’abord du type de boucle. Dans l’expression ci-dessous, nous avons défini le type sur « cycle ».

//loopOut set to cycle all keyframes loopOut(“cycle”, 0);

peuvent être utilisés avec des expressions loopOut. Cycle, Continuer, Décalage et Ping Pong Ce type de boucle se termine à la dernière image clé, puis recommence à la première image clé de la plage sélectionnée. La deuxième variable est le nombre d’images clés à inclure. Le loopOut est basé sur la dernière image clé qui recule. Par défaut, 0 tient compte de toutes les images clés de l’ensemble du début à la fin. Si vous ne souhaitez pas utiliser toutes les images clés de la boucle, définissez un nombre comptant à rebours à partir de la fin. La définition de la variable sur 1 inclut 1 image clé avant la dernière, 2 revient à 2 images clés, etc.

Obtenir la vraie position d’un calque parenté

Lorsqu’un calque est parenté, la valeur affichée dans sa propriété Position n’est pas son emplacement « true » dans la composition, mais est plutôt relative à l’emplacement de son calque parent. Pour trouver l’emplacement réel du calque parent, une expression doit être utilisée pour convertir l’espace de coordonnées du calque parent en espace de coordonnées de la composition. Appliquez l’expression suivante à la position d’un calque non parent pour le lier à l’emplacement du calque parent :

// Définit la couche parente var targetLayer = thisComp.layer(“Parented Layer”) ; // Recherche le point d’ancrage du calque parent dans la composition targetLayer.toComp( targetLayer.anchorPoint ) ;

Retarder la position d’un calque à partir de son parent

Le retard et le décalage constituent d'excellents moyens de rendre l’animation plus dynamique et naturelle. Vous pouvez créer et contrôler ces types de décalages en associant plusieurs calques à un calque parent, puis en appliquant une expression à la position de chaque enfant pour retarder le mouvement hérité du parent.

Remarque : cela ne fonctionnera qu’avec les calques parentés

// Définit un montant de délai dans les images var delay = 5 ; // Décale la position du calque dans le temps en fonction du parent de délai .fromComp( toComp( anchorPoint, time - framesToTime( delay ) ) );

Vous pouvez également piloter le montant du délai en fonction de l’index de la couche enfant par rapport à la couche parent. Cela vous permet de réorganiser facilement l’animation des calques enfants en les réorganisant dans le Journal sous le parent (ou au-dessus si vous souhaitez que leur animation se produise avant le parent) :

// Définit un délai dans les images var delay = 5 ; // Multiplie le délai en fonction de l’index de cette couche par rapport à son parent var multiplyDelay = delay * ( index - parent.index ) // Décale la position de la couche dans le temps en fonction du délai parent.fromComp( toComp( anchorPoint, time - framesToTime( multiplyDelay ) ) );

Créer une piste d’images

Cet exemple d’expression indique qu’un calque doit rejoindre la position du calque de niveau supérieur dans le panneau Montage après un certain délai (dans ce cas, 0,5 seconde). Des expressions similaires peuvent être conçues pour d’autres propriétés géométriques.

  1. Commencez par un calque de forme mis à l’échelle à environ 30 % de la taille de la composition. (Voir la section Calques et métrages de couleur unie.)
  2. Ouvrez la propriété Position et ajoutez des images clés. Sélectionnez le calque. Appuyez sur P pour faire apparaître la propriété Position. Tout en maintenant la touche Alt (Windows) ou Option (macOS) enfoncée, cliquez sur le bouton du chronomètre situé à gauche du nom de la propriété. (Voir Définition, sélection et suppression d’images clés).
  3. Entrez ce qui suit dans le champ d’expression
    : thisComp.layer(thisLayer, -1).position.valueAtTime(time - .5)
  4. Dupliquez le dernier calque cinq fois en le sélectionnant et en appuyant cinq fois sur Ctrl + D (Windows) ou Commande + D (Mac OS). Tous les calques suivent la même trajectoire avec un décalage de 0,5 seconde par rapport au précédent.
if ( toCompVec([0, 0, 1])[2] > 0 ) { value; } else { 0; }

En savoir plus sur les ressources dʼexpression

Maintenant que vous avez assimilé certains concepts sous-jacents aux expressions, rejoignez la communauté pour découvrir des exemples concrets et partager votre travail.

Vous pouvez également consulter l’excellente série d’exemples d’expressions et de tutoriels de Dan Ebberts sur son site Web MotionScript.

Sur son site Web MotionScript, Dan Ebberts propose des exemples d’expressions et des tutoriels pour apprendre à manier les expressions. Il propose notamment un excellent article sur la détection de la collision.

Plus d’exemples d’expressions

Sur son site Web, Rick Gerard illustre dans un exemple le roulement d’un objet carré sur un sol en conservant ses faces en contact avec le plan du sol.

Sur son site Web, Colin Braley propose un tutoriel et un projet-type qui expliquent comment utiliser des expressions pour qu’un calque en repousse d’autres naturellement.

Le forum AE Enhancers contient de nombreux exemples et beaucoup d’informations utiles sur les expressions, ainsi que des scripts et des animations prédéfinies. Dans cet article posté sur le forum AE Enhancers, Paul Tuersley propose un tutoriel et un projet-type qui expliquent comment utiliser des expressions pour animer plusieurs calques en essaim.

Logo Adobe

Accéder à votre compte