Synchroniser une animation sur la musique dans After Effects

This article is currently available in French only. The page chrome is translated, the article body is not yet.

Préparer son projet et sa piste audio

Avant de synchroniser quoi que ce soit, organisez votre timeline de façon à voir clairement la waveform de votre audio. Importez votre fichier musical (MP3, WAV, AIFF) via File > Import > File (Ctrl+I sur Windows, Cmd+I sur macOS), puis faites-le glisser dans la composition.

Dans le panneau Timeline, développez le calque audio en cliquant sur la flèche à gauche de son nom, puis ouvrez Audio > Waveform. La représentation graphique de l'amplitude apparaît directement sous le calque. Zoomez sur la timeline avec la molette de souris (ou avec les touches + et - du clavier principal) pour distinguer les transitoires, les attaques de percussions et les temps forts.

Réglez le zoom temporel pour que la waveform soit lisible : un zoom à environ 2 à 4 frames par centimètre est un bon point de départ pour de la musique pop ou électronique à 120 BPM. Pour afficher la waveform en pleine hauteur, étirez manuellement la hauteur du calque dans la timeline en faisant glisser son bord inférieur vers le bas.

Activez l'audio en aperçu via le bouton haut-parleur du calque (raccourci A+A sur le calque sélectionné pour ouvrir le groupe Audio, puis vérifiez que le volume est à 0 dB par défaut). Lancez un aperçu RAM avec audio en appuyant sur 0 du pavé numérique (Windows et macOS) pour mémoriser les passages clés à l'oreille avant de placer vos repères.

Placer des marqueurs à la volée pour repérer les temps forts

La technique la plus rapide pour repérer les temps musicaux sans calcul est le placement de marqueurs en temps réel. Lancez la lecture de la composition (barre espace ou 0 du pavé numérique pour un aperçu avec audio), puis appuyez sur la touche * (astérisque) du pavé numérique à chaque temps fort que vous souhaitez marquer. After Effects pose un marqueur de composition exactement à l'instant où vous appuyez.

Cette méthode demande un peu de précision manuelle : votre réaction humaine introduit un léger décalage d'environ une à deux frames. Une fois la lecture terminée, revenez sur chaque marqueur et ajustez-le si nécessaire. Double-cliquez sur un marqueur (le petit losange jaune sur la règle temporelle) pour ouvrir la fenêtre Composition Marker, où vous pouvez nommer le repère et modifier son timecode exact.

Pour placer des marqueurs directement sur un calque spécifique (calque de marqueur ou calque audio), sélectionnez ce calque, puis appuyez sur * pendant la lecture. Les marqueurs de calque apparaissent sur la barre du calque, en vert, et sont indépendants des marqueurs de composition.

Une fois vos marqueurs placés, alignez les keyframes de vos animations en les faisant glisser jusqu'à ce qu'ils se collent (snapping) sur les marqueurs. Activez le snapping dans la timeline via le bouton aimant en haut de la timeline, ou maintenir Shift pendant le déplacement d'un keyframe pour accrocher automatiquement aux marqueurs les plus proches.

Piège courant : si la lecture RAM Preview ne démarre pas exactement à la position de la tête de lecture, vos marqueurs seront tous décalés du même intervalle. Vérifiez toujours que la tête de lecture est bien à 0:00:00:00 avant de lancer l'enregistrement des marqueurs, ou décalez-les tous en lot en les sélectionnant tous (clic sur un marqueur, puis Shift+clic sur les autres depuis la timeline) et en les déplaçant ensemble.

Utiliser Convert Audio to Keyframes pour automatiser la détection

After Effects propose une fonction native qui analyse l'amplitude d'une piste audio et génère un calque nommé Audio Amplitude contenant des keyframes. C'est le point de départ de toute synchronisation basée sur une expression.

Sélectionnez votre calque audio dans la timeline. Allez dans Animation > Keyframe Assistant > Convert Audio to Keyframes. After Effects crée automatiquement un nouveau calque nul nommé Audio Amplitude, avec trois propriétés animées : Left Channel, Right Channel, et Both Channels. Chaque propriété contient une keyframe par frame, dont la valeur correspond au niveau sonore à cet instant.

Les valeurs générées sont des sliders (propriétés Effects > Both Channels > Slider) qui oscillent généralement entre 0 et 100, selon le volume de la piste. Une piste très compressée, typique de la musique commerciale moderne, donnera des valeurs élevées et peu contrastées, ce qui rend la détection des temps moins nette. Une piste dynamique (jazz acoustique, orchestre, musique de jeu vidéo non masterisée) donnera des pics beaucoup plus distincts.

Pour exploiter ces keyframes dans une animation, liez une propriété de votre calque animé à la valeur du slider via une expression. Par exemple, pour faire monter la scale d'un calque en réaction au volume :

1. Sélectionnez votre calque cible, puis appuyez sur S pour révéler Scale.
2. Alt+clic (Win) ou Option+clic (Mac) sur le chronomètre de Scale pour ouvrir l'éditeur d'expression.
3. Tapez l'expression suivante :

var amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider").value;
[100 + amp * 0.5, 100 + amp * 0.5]

Ajustez le multiplicateur (ici 0.5) selon l'intensité de réaction souhaitée. Un multiplicateur trop élevé donnera des animations erratiques et illisibles ; commencez bas et augmentez progressivement.

Cas particulier : si votre piste audio est stéréo et que les deux canaux sont très différents (panoramique extrême), utilisez Both Channels pour une valeur moyenne, ou Left Channel ou Right Channel pour réagir à une partie spécifique du mix (par exemple, la caisse claire souvent présente à droite dans certains mix).

Synchroniser manuellement keyframe par keyframe sur la grille BPM

Quand vous connaissez le BPM (battements par minute) de votre morceau, vous pouvez calculer l'intervalle exact entre chaque temps et créer une grille de synchronisation précise, sans approximation.

Formule de base : durée d'un temps (en secondes) = 60 / BPM. Pour un morceau à 120 BPM, chaque temps dure 0,5 seconde, soit 15 frames à 30 fps, ou 12 frames à 24 fps.

Pour configurer la grille de composition sur le BPM, allez dans Edit > Grid & Guides > Edit Grid (ou directement dans les préférences Grids & Guides via Edit > Preferences > Grids & Guides sur Windows, After Effects > Preferences > Grids & Guides sur macOS). Dans le champ Gridline every, entrez la valeur en pixels correspondante, mais cette grille est spatiale, pas temporelle. Pour une grille temporelle, utilisez plutôt les marqueurs de composition espacés régulièrement.

Alternative : créez un calque d'ajustement ou un calque nul, puis placez des marqueurs espacés manuellement. Positionnez la tête de lecture au début, appuyez sur * (pavé numérique) pour le premier marqueur, puis déplacez la tête de lecture d'exactement l'intervalle calculé via le champ timecode en haut à gauche de la composition (cliquez dessus, tapez +15 pour avancer de 15 frames, validez avec Entrée). Répétez pour chaque temps sur toute la durée de la composition.

Une fois la grille de marqueurs temporels en place, déplacez vos keyframes d'animation en activant le snapping (aimant dans la timeline) pour qu'ils s'accrochent automatiquement aux marqueurs.

Piège courant : beaucoup de morceaux commerciaux ne démarrent pas exactement à zéro. Il peut y avoir un demi-temps ou un silence d'introduction. Repérez le premier temps fort à l'oreille ou à la waveform, notez son timecode exact, et utilisez-le comme point d'origine pour votre calcul BPM. Décalez toute votre grille de marqueurs de cette valeur initiale.

Affiner la synchronisation avec des expressions et le lissage de la réaction

Les keyframes générées par Convert Audio to Keyframes sont brutes : elles réagissent à chaque micro-variation du signal, ce qui donne des animations saccadées si on les utilise directement. Pour obtenir une réaction fluide et musicale, deux techniques permettent de lisser le signal.

Première technique : l'expression smooth(). Après avoir lié une propriété à la valeur du slider Audio Amplitude, ajoutez smooth() autour de l'expression :

var amp = thisComp.layer("Audio Amplitude").effect("Both Channels")("Slider").value;
var smoothAmp = smooth(amp, 0.5, 10);
[100 + smoothAmp, 100 + smoothAmp]

Les deux paramètres de smooth() sont la largeur (width, en secondes) et les échantillons (samples). Une largeur de 0.2 à 0.5 donne généralement un bon compromis entre réactivité et fluidité.

Deuxième technique : utiliser un calque d'effet Posterize Time pour réduire le nombre de mises à jour par seconde. Appliquez Effect > Time > Posterize Time sur le calque Audio Amplitude et réglez la valeur sur 8 ou 12 (plutôt que 30 ou 24). Cela force la valeur à ne changer que 8 ou 12 fois par seconde, ce qui colle mieux aux temps musicaux pour de la musique rythmée.

Troisième approche, plus manuelle mais plus contrôlée : sélectionnez toutes les keyframes du slider Both Channels dans la timeline (cliquez sur le nom de la propriété pour les sélectionner toutes), puis réduisez-les visuellement en allant dans Animation > Keyframe Assistant > Easy Ease (F9). Cela lisse les transitions entre chaque valeur. Pour un résultat encore plus ciblé, supprimez les keyframes parasites et ne conservez que celles qui correspondent aux temps forts de la mesure.

Cas particulier : pour une synchronisation sur les paroles ou un élément mélodique plutôt que sur la batterie, Extract Audio to Keyframes sur un fichier où vous avez isolé la voix ou la mélodie (via un logiciel de séparation de stems comme Spleeter en prétraitement) donnera des valeurs plus pertinentes que sur le mix complet.

Cas pratiques et pièges à éviter en production

En production réelle, plusieurs situations complexifient la synchronisation. Voici les plus fréquentes et leurs solutions.

Changement de tempo dans le morceau : certains morceaux accélèrent ou décélèrent (rall., accelerando, tempo rubato en musique acoustique, ou buildup/drop en musique électronique). Dans ce cas, la grille BPM fixe ne fonctionne plus. Recalculez l'intervalle pour chaque section et créez des groupes de marqueurs distincts. Notez le timecode de début et de fin de chaque section dans les commentaires de calque (double-clic sur le calque pour ouvrir les options, puis champ Comment).

Décalage de frame systématique : si votre animation arrive systématiquement un ou deux frames trop tôt ou trop tard par rapport au son, vérifiez le réglage de frame rate de votre composition (Composition > Composition Settings > Frame Rate). Un mismatch entre 24, 25 et 30 fps est la cause la plus fréquente de décalages inexpliqués. Vérifiez aussi que le fichier audio n'a pas de silence d'amorce (head silence) en l'ouvrant dans un éditeur audio.

Pré-comp et synchronisation : si votre animation est dans une pré-composition, les keyframes et marqueurs de la pré-comp ont leur propre espace temporel. Un marqueur à 1 seconde dans la pré-comp correspond à 1 seconde depuis le début de la pré-comp, pas depuis le début de la composition principale. Si vous déplacez la pré-comp dans la timeline principale, les keyframes internes ne bougent pas avec elle. Préférez travailler avec des marqueurs de composition principale et des calques nuls liés par expression pour tout ce qui concerne la synchronisation musicale.

Synchronisation et rendu : assurez-vous d'inclure l'audio dans votre rendu final. Dans la file d'attente de rendu (Render Queue), vérifiez l'Output Module : Audio Output doit être activé. Si vous exportez via Media Encoder, vérifiez les paramètres audio de votre preset (codec audio, sample rate à 48 000 Hz pour la vidéo broadcast).

Pour les projets où la synchronisation audio doit être reproduite rapidement sur de nombreux plans différents, notamment en motion design de générique ou de vidéo de marque, Neyko FX propose des outils qui automatisent le calage de keyframes sur une grille BPM directement dans After Effects, ce qui peut réduire significativement le temps de setup sur des projets récurrents.

ConclusionConclusion

Synchroniser une animation sur la musique dans After Effects ne nécessite aucun plugin : entre les marqueurs posés à la volée, la grille BPM calculée manuellement et la fonction Convert Audio to Keyframes couplée à une expression, vous disposez de trois approches complémentaires adaptées à chaque type de projet. La clé d'une synchronisation convaincante reste l'oreille : aucun outil ne remplace l'écoute attentive du morceau pour identifier les transitoires, les temps forts et les respirations musicales sur lesquels faire reposer votre animation.