Tutos Premiere Pro

Comment créer une animation de graphique dans Premiere Pro

Dessinez un graphique avec l’outil Plume (Pen Tool), colorez-le et révélez-le de gauche à droite avec des keyframes Linear Wipe, puis adoucissez le mouvement.

Motion GraphicsPremiere Pro
A bright green line graph with a darker green stroke rising across a white background, animated in Premiere Pro

Regarder le tutoriel

Étape 1 : Dessiner le graphique avec le Pen Tool

Commencez avec un fond uni, par exemple un cache de couleur blanc (Color Matte) sur votre timeline. Sélectionnez le Pen Tool (raccourci P) dans la barre d’outils, puis cliquez dans le moniteur Program à l’endroit où le graphique doit commencer.

Continuez à cliquer pour ajouter des points qui suivent les hauts et les bas de votre courbe. Chaque clic ajoute un point et Premiere les relie pour vous. À la fin du graphique, il peut être nécessaire de cliquer d’abord dans l’écran, puis de tirer le point au-delà du bord de l’image pour que la ligne sorte proprement du cadre.

Dessin d’une forme de graphique avec le Pen Tool dans le moniteur Program de Premiere Pro

Étape 2 : Fermer la forme

Pour obtenir un graphique rempli, il faut relier le dernier point au premier. Dézoomez un peu dans le moniteur Program pour atteindre les points situés hors du cadre, puis cliquez sur le premier point pour fermer la forme. Vous obtenez une forme grise remplie.

Étape 3 : Styliser le remplissage et le contour

Sélectionnez le calque de forme et ouvrez Effect Controls. Déployez les réglages Shape et trouvez Appearance. Cliquez sur la pastille de couleur à côté de Fill, choisissez la couleur de votre choix (la vidéo utilise un vert vif) et cliquez sur OK.

Vous pouvez aussi activer Stroke, choisir une autre couleur et cliquer sur OK. N’oubliez pas d’augmenter l’épaisseur du contour, car elle est fine par défaut. Un contour d’une couleur plus marquée donne au graphique un bord supérieur bien net.

Si vous devez ajuster le graphique plus tard, gardez le calque de forme et le Pen Tool sélectionnés. Vous pourrez alors déplacer n’importe quel point pour modifier la ligne.

Étape 4 : Appliquer l’effet Linear Wipe

Pour animer le graphique, ouvrez le panneau Effects et recherchez wipe. Dans Video Effects > Transition, appliquez Linear Wipe au calque de forme en le faisant glisser dessus.

Panneau Effects de Premiere Pro avec « wipe » dans la recherche et Linear Wipe en surbrillance sous Transition

Plus rapide avec BetterFX : oubliez le panneau Effects. Appuyez sur votre raccourci BetterFX, tapez les premières lettres de Linear Wipe et appuyez sur Entrée pour l’appliquer au clip sélectionné. Découvrir BetterFX

Étape 5 : Animer Transition Completion avec des keyframes

Sélectionnez le calque et allez dans Effect Controls. Assurez-vous que la tête de lecture est tout au début du clip. Cliquez sur le chronomètre à côté de Transition Completion pour activer les keyframes, réglez la valeur sur 100% et Wipe Angle sur 270. Le wipe part alors de la gauche et le graphique est d’abord masqué.

Avancez ensuite un peu la tête de lecture et réglez Transition Completion sur 0%. Premiere crée une deuxième keyframe, et le graphique se révèle de gauche à droite entre les deux. Pour accélérer l’animation, rapprochez la deuxième keyframe de la première ; éloignez-la pour la ralentir.

Effect Controls dans Premiere Pro avec Linear Wipe, les keyframes de Transition Completion et le graphique de vitesse

Étape 6 : Adoucir le mouvement

Pour une révélation plus fluide, sélectionnez les deux keyframes de Transition Completion, faites un clic droit sur l’une d’elles et choisissez Ease In. Sélectionnez-les de nouveau et choisissez Ease Out. Le graphique démarre et se termine désormais en douceur au lieu d’avancer à vitesse constante.

Menu contextuel d’une keyframe dans Premiere Pro avec Ease In en surbrillance

Plus fluide avec EaseFlow : sélectionnez les keyframes et appliquez une vraie courbe d’accélération en un clic, sans tirer sur les poignées de Bézier. Découvrir EaseFlow

Pour un contrôle encore plus fin, déployez les réglages de Transition Completion afin d’ouvrir le graphique de vitesse et jouez avec la courbe jusqu’à obtenir la révélation idéale. Pour une explication plus détaillée, lisez notre guide sur comment adoucir les keyframes dans Premiere Pro.

Étape 7 : Adoucir le bord avec Feather

Pour un bord d’attaque plus doux lors de la révélation, augmentez un peu la valeur Feather dans Linear Wipe. Le bord du wipe devient flou et le graphique semble apparaître en fondu pendant son déplacement.

Linear Wipe avec Feather augmenté dans Premiere Pro, donnant au graphique un bord d’attaque doux

Vous pouvez aussi désactiver la couleur de remplissage si vous ne voulez que la ligne. L’animation se joue alors comme un simple tracé de ligne à travers l’écran.

Astuces

  • Ajoutez plus de points. Plus de points avec le Pen Tool donnent une ligne plus naturelle et irrégulière.
  • Respectez votre marque. Choisissez les couleurs de remplissage et de contour dans la palette de votre chaîne ou de votre marque.
  • Faites défiler les chiffres. Associez le graphique à notre animation de compteur de nombres pour une scène de données complète.

FAQ

Comment animer un graphique en courbe dans Premiere Pro ?

Dessinez le graphique avec le Pen Tool, appliquez Linear Wipe et animez Transition Completion de 100% à 0% avec des keyframes.

Pourquoi mon graphique se révèle-t-il du mauvais côté ?

Modifiez le Wipe Angle. Une valeur de 270 révèle le graphique depuis la gauche.

Comment rendre l’animation du graphique plus fluide ?

Sélectionnez les deux keyframes et appliquez Ease In et Ease Out, puis affinez la courbe dans le graphique de vitesse.

Envie d’une version prête à modifier en quelques minutes ? Prenez le projet Smooth Graph Animation et évitez la mise en place.