Tutos Premiere Pro

Comment créer une animation de bouton iPhone dans Premiere Pro

Construis un interrupteur on/off façon iPhone à partir de deux formes, anime-le avec des images clés et passe-le au vert avec l'effet Tint.

Motion GraphicsPremiere Pro
A green iPhone style toggle switch with a white circle, animated in Premiere Pro

Regarder le tutoriel

Étape 1 : Dessine le corps de l'interrupteur

Choisis le Rectangle Tool dans la barre d'outils, puis clique et fais glisser dans le Program Monitor pour dessiner un rectangle. Garde le calque de forme sélectionné et ouvre Window > Essential Graphics si le panneau n'est pas visible. Clique sur l'onglet Edit.

Étape 2 : Arrondis les coins

Dans Essential Graphics, repère la valeur corner radius à côté de la largeur et de la hauteur. Augmente-la jusqu'au maximum, soit 1000. Le rectangle devient une pilule, qui est le corps de l'interrupteur. Vérifie que le Fill est un gris foncé, comme un interrupteur d'iPhone éteint. Pour changer la taille, prends le Selection Tool et tire sur les poignées de la forme.

Corner radius réglé au maximum dans Essential Graphics pour transformer un rectangle en forme de pilule dans Premiere Pro

Étape 3 : Ajoute le cercle blanc

Clique dans la zone grise vide de la timeline pour désélectionner le calque. Clique ensuite sur l'outil de forme dans la barre d'outils et maintiens, puis choisis l'Ellipse Tool. Maintiens Shift en faisant glisser dans le Program Monitor pour dessiner un cercle parfait. Dans Essential Graphics, change la couleur du Fill en blanc. Avec le Selection Tool, place le cercle à l'extrémité gauche de la pilule et redimensionne-le pour qu'il s'y loge bien.

Un cercle blanc placé à l'extrémité gauche d'une forme de pilule grise dans Premiere Pro

Étape 4 : Anime le cercle avec des images clés Position

Sélectionne le calque du cercle et ouvre Effect Controls. Place la tête de lecture à l'endroit où l'interrupteur doit commencer à bouger, puis clique sur le chronomètre à côté de Position pour créer une image clé. Avance jusqu'au point où l'animation doit être terminée et modifie la valeur de Position pour que le cercle soit à l'autre extrémité de la pilule. Pour accélérer le mouvement, rapproche les deux images clés.

Images clés de Position du cercle blanc dans Effect Controls dans Premiere Pro

Étape 5 : Adoucis le mouvement

Un vrai interrupteur accélère et ralentit en douceur. Sélectionne les deux images clés, fais un clic droit sur l'une d'elles et choisis Temporal Interpolation > Ease In. Refais la même chose en choisissant Ease Out. Pour plus de contrôle, clique sur la petite flèche à côté de Position pour ouvrir le graphique de vitesse. Sélectionne les images clés pour faire apparaître les poignées, puis façonne ta propre courbe de vitesse.

Plus fluide avec EaseFlow : sélectionne les images clés et applique une vraie courbe d'accélération en un clic, au lieu de tirer sur les poignées Bezier. Découvrir EaseFlow

Étape 6 : Ajoute l'effet Tint

L'interrupteur doit maintenant devenir vert lorsqu'il s'allume. Ouvre le panneau Effects, cherche Tint (sous Video Effects > Color Correction) et applique-le au calque du bas, la pilule.

Recherche de l'effet Tint dans le panneau Effects de Premiere Pro

Plus rapide avec BetterFX : oublie le panneau Effects. Appuie sur ton raccourci BetterFX, tape les premières lettres de Tint et appuie sur Enter pour l'appliquer au clip sélectionné. Obtenir BetterFX

Étape 7 : Anime la couleur avec des images clés

Avant de changer une couleur, aligne la tête de lecture sur ton animation. Sélectionne le clip du haut, ouvre Effect Controls et saute à la première image clé avec la flèche à côté de Position. Sélectionne ensuite de nouveau le calque du bas et clique sur les chronomètres à côté de Map Black To et Map White To pour créer des images clés avec les couleurs d'origine.

Sélectionne de nouveau le calque du cercle et place la tête de lecture sur la dernière image clé. Retourne ensuite au calque du bas et règle Map White To sur un vert vif. Règle Map Black To sur un vert plus foncé. Tu peux choisir une autre couleur si tu préfères. Lance la lecture : l'interrupteur glisse et passe au vert en même temps.

Images clés Map Black To et Map White To de Tint avec un interrupteur vert dans Premiere Pro

Astuces

  • Regroupe les calques. Imbrique la pilule et le cercle (Nest) pour déplacer ou redimensionner tout l'interrupteur comme un seul objet.
  • Ajoute un son de clic. Un petit clic quand le cercle bouge rend l'animation plus réaliste.
  • Inverse-le. Duplique l'imbrication et retourne-la pour que l'interrupteur s'éteigne à nouveau.

FAQ

Comment faire une forme de pilule dans Premiere Pro ?

Dessine un rectangle, puis augmente le corner radius dans Essential Graphics jusqu'à sa valeur maximale.

Comment dessiner un cercle parfait dans Premiere Pro ?

Sélectionne l'Ellipse Tool et maintiens Shift en faisant glisser dans le Program Monitor.

Comment animer un changement de couleur dans Premiere Pro ?

Applique l'effet Tint et ajoute des images clés aux couleurs Map Black To et Map White To au début et à la fin de l'animation.

Tu cherches des graphiques animés prêts à l'emploi ? Découvre les Motion Graphic Templates.