par 
Regarder le tutoriel
Étape 1 : Dessiner un rectangle
Placez vos clips sur la timeline et amenez la tête de lecture tout au début. Dans la barre d'outils, cliquez sur l'outil de forme et maintenez le clic, puis choisissez le Rectangle Tool. Cliquez ensuite et faites glisser dans le Program Monitor pour dessiner un rectangle n'importe où sur l'image. Premiere l'ajoute comme clip Graphic sur une piste au-dessus de vos rushes.
Étape 2 : Placer la barre sur le bord inférieur
Passez à la Selection Tool avec V et faites glisser le rectangle en bas du cadre. Étirez-le avec les poignées jusqu'à ce qu'il couvre toute la largeur de l'image et ait l'épaisseur voulue. Une barre fine est plus propre qu'une barre épaisse. L'aimantation aux bords du cadre vous aide à l'aligner précisément.
Étape 3 : Donner au graphique la même durée que la vidéo
Une barre de progression n'a de sens que si elle dure toute la vidéo. Sur la timeline, faites glisser la fin du clip Graphic jusqu'à la fin de votre dernier clip. Dans la vidéo, le graphique recouvre les trois clips situés en dessous.
Étape 4 : Changer la couleur
Le graphique étant sélectionné, ouvrez Effect Controls et développez Shape (Shape 01) puis Appearance. Cliquez sur le nuancier de Fill pour ouvrir le Color Picker et choisissez votre couleur. La vidéo utilise un rouge vif, mais vous pouvez reprendre la couleur de votre marque ou utiliser la pipette pour prélever une couleur dans les rushes. Laissez Stroke désactivé pour une barre nette.
Étape 5 : Régler le point d'ancrage et désactiver Uniform Scale
Pour que la barre grandisse de gauche à droite, elle doit se redimensionner depuis son bord gauche. Dans Effect Controls, sous Vector Motion, déplacez l'Anchor Point à l'extrémité gauche de la barre (dans la vidéo, on ajuste les valeurs d'Anchor Point en gardant Position en cohérence). Décochez ensuite Uniform Scale. Cela débloque Scale Width pour modifier la largeur seule, sans toucher à la hauteur.
Étape 6 : Animer Scale Width
Allez à la première image du graphique, cliquez sur le chronomètre à côté de Scale Width et réglez la valeur sur 0, pour que la barre démarre invisible. Passez ensuite à la dernière image du graphique et réglez Scale Width sur 100. Premiere crée automatiquement le deuxième keyframe. Appuyez sur la barre d'espace pour lire et regardez la barre remplir l'écran de gauche à droite sur toute la vidéo.
Plus fluide avec EaseFlow : sélectionnez les keyframes de Scale Width et appliquez une vraie courbe d'accélération en un clic, au lieu de tirer sur des poignées Bezier. Découvrir EaseFlow
Astuces
- Gardez-la linéaire pour une vraie barre de progression. Une barre qui grandit à vitesse constante suit la tête de lecture, alors qu'une barre avec accélération démarre et finit lentement, ce qui ressemble davantage à une animation de chargement.
- Faites une courte animation de chargement. Raccourcissez le graphique à quelques secondes et animez Scale Width sur cette durée pour obtenir une barre de chargement rapide pour une intro ou une transition.
- Ajoutez une deuxième barre. Dupliquez le graphique, changez sa couleur et placez-le derrière le premier pour créer un rail que la barre remplit.
FAQ
Comment faire une barre de chargement dans Premiere Pro ?
Dessinez un rectangle avec le Rectangle Tool, déplacez son Anchor Point sur le bord gauche, décochez Uniform Scale, puis animez Scale Width de 0 à 100 avec des keyframes.
Pourquoi ma barre grandit-elle depuis le milieu au lieu de la gauche ?
L'Anchor Point est encore au centre de la forme. Déplacez l'Anchor Point à l'extrémité gauche de la barre pour que le redimensionnement parte de là.
Puis-je l'utiliser comme barre de progression vidéo pour YouTube ou TikTok ?
Oui. Placez la barre en bas du cadre, étirez le graphique sur toute la durée de la vidéo et animez Scale Width de 0 à 100 sur cette durée.
Envie de graphiques animés prêts à l'emploi qui fonctionnent en quelques clics ? Parcourez nos templates de motion design pour Premiere Pro. Voir les templates
