Manipulation des Courbes d'Animation

Guide complet pour maîtriser le Graph Editor d'After Effects

🎯 Types de Courbes Fondamentales

📏 Linéaire (Linear)

Vitesse constante

Mouvement à vitesse constante, sans accélération ni décélération. Les keyframes sont connectés par une ligne droite.

Utilisation : Objets mécaniques, mouvements robotiques, animations techniques

🐌 Ease In

Lent Rapide

Commence lentement et accélère progressivement. La courbe est plate au début et devient plus raide à la fin.

Utilisation : Objets qui tombent, démarrages progressifs, effet de gravité

🐆 Ease Out

Rapide Lent

Commence rapidement et décélère progressivement. La courbe est raide au début et devient plate à la fin.

Utilisation : Arrêts en douceur, atterrissages, transitions fluides

🌊 Ease In & Out

Mouvement naturel

Accélération au début et décélération à la fin. Le mouvement le plus naturel et fluide, en forme de "S".

Utilisation : Mouvements organiques, transitions UI, animations de personnages

⏸️ Hold (Maintien)

Changement instantané

Maintient une valeur jusqu'au prochain keyframe, puis change instantanément. Pas d'interpolation entre les keyframes.

Utilisation : Animations image par image, effets stop-motion, changements brusques

↗️ Overshoot (Dépassement)

Dépassement

La valeur dépasse la cible avant de revenir. Crée un effet de rebond ou d'élasticité très dynamique.

Utilisation : Effets élastiques, animations cartoonesques, rebonds, anticipation

🎛️ Manipulation des Poignées Bézier

KF1 KF2 KF3 Poignée sortante Poignée entrante Keyframe Poignée Bézier

Comment manipuler les poignées

📍 Direction

L'angle de la poignée contrôle la direction de la courbe. Une poignée horizontale crée un mouvement plus fluide, tandis qu'une poignée verticale crée un changement plus abrupt.

📏 Longueur

La longueur de la poignée contrôle l'intensité de la courbure. Plus la poignée est longue, plus la courbe est prononcée et le mouvement est fluide.

🔗 Poignées liées vs séparées

Liées (par défaut) : Les deux poignées bougent ensemble en miroir

Séparées (Alt + glisser) : Chaque poignée peut être manipulée indépendamment pour des courbes plus complexes

⚡ Rétracter les poignées

Alt + clic sur un keyframe pour rétracter les poignées et créer un point angulaire (corner). Utile pour les changements de direction brusques.

⚡ Techniques Avancées

🎯 Easy Ease Personnalisé

Standard Personnalisé
  1. Sélectionnez vos keyframes
  2. Appuyez sur F9 pour appliquer Easy Ease
  3. Ajustez manuellement les poignées Bézier pour affiner la courbe
  4. Allongez une poignée pour plus de fluidité, raccourcissez pour plus de punch

🔄 Boucle Continue (Cycle)

Mouvement répétitif
  1. Créez un cycle complet avec vos keyframes
  2. Assurez-vous que le premier et dernier keyframe ont la même valeur
  3. Ajustez les poignées pour que la transition soit fluide
  4. Utilisez l'expression loopOut("cycle") pour répéter automatiquement

⚡ Bounce (Rebond)

Rebonds amortis
  1. Placez un keyframe à la position la plus haute
  2. Ajoutez des keyframes pour chaque rebond, en réduisant progressivement la hauteur
  3. Utilisez Easy Ease In sur les descentes
  4. Espacez les rebonds de plus en plus pour simuler la perte d'énergie

🎨 Influence Asymétrique

Longue Courte
  1. Maintenez Alt et glissez une poignée pour la séparer de son opposée
  2. Créez une poignée longue d'un côté pour une approche douce
  3. Utilisez une poignée courte de l'autre pour une sortie rapide
  4. Parfait pour les animations "snap" ou les changements brusques

⌨️ Raccourcis Essentiels

F9
Easy Ease (Ease In & Out)
Shift + F9
Easy Ease In
Ctrl + Shift + F9
Easy Ease Out
Alt + Clic
Séparer les poignées Bézier
Ctrl + Clic
Rétracter/déployer les poignées
Shift + F3
Basculer Speed/Value Graph
Shift + Glisser
Contraindre mouvement horizontal/vertical
Alt + Molette
Zoom avant/arrière sur le graph

💡 Conseils de Pro

🎯

Principe du Spacing

L'espacement entre vos keyframes est aussi important que les courbes elles-mêmes. Des keyframes rapprochés créent un mouvement lent et précis, tandis que des keyframes espacés créent un mouvement rapide.

⚖️

Balance Symétrique

Pour des mouvements naturels, assurez-vous que vos poignées Bézier ont une longueur similaire de chaque côté d'un keyframe. Cela crée une transition harmonieuse.

🔍

Testez à Différentes Vitesses

Prévisualisez toujours votre animation à vitesse réelle ET au ralenti. Ce qui semble fluide à vitesse normale peut révéler des imperfections au ralenti.

📊

Utilisez le Speed Graph

Le Speed Graph est votre meilleur ami pour repérer les à-coups. Une courbe irrégulière = mouvement saccadé. Visez une courbe lisse et continue.

🎬

Référencez le Monde Réel

Observez comment les objets bougent dans la vie réelle. Rien ne démarre ou s'arrête instantanément. Même les mouvements rapides ont une phase d'accélération.

💾

Sauvegardez vos Presets

Quand vous créez une courbe parfaite, sauvegardez-la comme preset d'animation. Clic droit sur les keyframes > "Save Animation Preset" pour la réutiliser.