Animer des éléments

Animer des éléments
10
Thèmes abordés au cours de cette leçon :
• Appliquer l’effet Trajectoire à des éléments
• Redimensionner un élément et ajouter une rotation
• Travailler avec l’interpolation d’une image clé
• Ajouter des images dans l’image
• Enrichir une animation avec des ombres et des bords biseautés
• 3D simple et Vue de la caméra, d’autres effets d’animation
Cette leçon dure environ 50 minutes.
185
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 185
08/10/2010 13:48:12
Pour commencer
Lorsque vous regardez des publicités à la télévision, vous notez la présence fréquente
de vidéos comprenant des éléments qui volent au-dessus d’autres images ou d’autres
éléments qui pivotent à l’écran, débutant sous forme de minuscules points pour finir
en plein écran. Vous pouvez créer ces effets en employant Trajectoire ou plusieurs effets
standard et de réglages de Trajectoire.
Vous utilisez l’effet Trajectoire pour positionner, faire tourner ou dimensionner un élément dans une image vidéo. Ces ajustements s’effectuent en manipulant directement
un élément dans le Moniteur du programme, en le déplaçant pour changer sa position,
en tirant ou en faisant pivoter ses poignées pour modifier sa taille, sa forme ou son
orientation.
Vous pouvez aussi régler des paramètres de l’effet Trajectoire dans le panneau Options
d’effet et animer des éléments en utilisant des images clés et des contrôles de courbes de
Bézier.
Application de l’effet Trajectoire
à des éléments
Le réglage des paramètres de l’effet Trajectoire s’effectue dans le Moniteur du programme
et dans le panneau Options d’effet.
1. Ouvrez le projet Lesson 10-01.prproj.
2. Passez votre espace de travail en mode Effets (Fenêtre > Espace de travail > Effets).
3. Ouvrez le menu Afficher le facteur de zoom dans le Moniteur du programme et choisissez 25 %.
Cela vous permet de voir et de travailler dans le cadre de délimitation de l’effet
Trajectoire.
186
LEÇON 10 Animer des éléments
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 186
08/10/2010 13:48:12
4. Au besoin, agrandissez la fenêtre du Moniteur du programme afin qu’il n’y ait pas de
barre de défilement à l’écran.
Votre Moniteur du programme devrait ressembler à celui de la figure précédente.
5. Lisez le contenu de la fenêtre Montage.
6. Sélectionnez l’élément et déroulez l’option escamotable de Trajectoire dans le panneau Options d’effet pour dévoiler ses paramètres.
7. Cliquez sur le chronomètre pour désactiver ses images clés.
Option escamotable
Activer/Désactiver
l’animation
8. Cliquez sur OK à l’invite du message indiquant que cette action supprimera toutes
les images clés.
9. Cliquez sur le bouton Réinitialiser (à droite du nom Trajectoire dans le panneau
Options d’effet).
Ces deux actions ramènent Trajectoire à son état par défaut.
Examen des réglages de trajectoire
1. Déplacez l’IIP n’importe où sur l’élément, de manière à voir la vidéo dans le Moniteur
du programme.
2. Cliquez dans l’image vidéo du Moniteur du programme.
ADOBE PREMIERE PRO CS5 CLASSROOM IN A BOOK
187
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 187
08/10/2010 13:48:12
Cela fait apparaître autour de l’élément une zone de délimitation avec réticule et
poignées, et active l’effet Trajectoire dans le panneau Options d’effet. Un clic sur
Trajectoire ou son bouton Transformation dans le panneau Options d’effet activera
aussi la zone de délimitation de l’élément dans le Moniteur du programme.
3. Cliquez n’importe où dans la zone de délimitation de l’élément dans le Moniteur
du programme. Notez la manière dont les valeurs Position dans le panneau Options
d’effet changent.
Note : Premiere Pro
CS5 utilise un axe X/Y
inversé pour le repérage
d’écran. Ce système de
coordonnées repose
sur une méthodologie
employée depuis si
longtemps par Windows
que le changer
nécessiterait de longs
et coûteux efforts de
programmation. L’angle
supérieur gauche de
l’écran est 0, 0. Les
valeurs X et Y à gauche
et au-dessus de ce point
sont respectivement
négatives. Les valeurs
X et Y à droite et
sous ce point sont
respectivement
positives.
4. Faites glisser l’élément afin que son centre soit situé directement au-dessus de l’angle
supérieur gauche de l’écran. Notez que les valeurs de Position dans le panneau Options
d’effet sont 0, 0 (ou proches, selon l’endroit où vous avez placé le centre de l’élément).
L’angle inférieur droit de l’écran est 1 280, 720, le réglage de taille d’écran de la
séquence 720 p utilisé pour ce projet.
5. Repoussez l’élément complètement hors écran vers la gauche.
6. Affinez le réglage en changeant les valeurs de Position dans le panneau Options d’effet
en –640, 360.
640 étant la moitié de 1 280, cela place le bord droit de l’élément sur le bord gauche
de l’écran.
188
LEÇON 10 Animer des éléments
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 188
08/10/2010 13:48:12
7. Placez l’IIP au début de l’élément (appuyez sur les touches Bas ou Début de votre
clavier) et appliquez une image clé Position en cliquant sur le chronomètre.
8. Déplacez l’IIP vers le milieu de l’élément et changez les valeurs de Position en 640, 360
(le centre de l’écran), ce qui ajoute une image clé.
9. Placez l’IIP à la fin de l’extrait (appuyez sur la touche Bas puis sur Flèche gauche).
10. Changez les valeurs de Position en 640, –360, ce qui positionne l’extrait au-dessus de
l’écran et ajoute une image clé.
11. Lisez cet extrait.
Il se met à bouger à l’image, puis glisse du haut. Vous avez créé un chemin (si vous ne
le voyez pas, cliquez sur Trajectoire dans le panneau Options d’effet pour activer son
affichage). Notez les quelques points suivants (voir la figure) :
• C’est un chemin incurvé. Premiere Pro utilise automatiquement des courbes de
Bézier.
• Les petits points décrivent le chemin et la vitesse. Les points rapprochés représentent un ralentissement, les points les plus éloignés, une accélération.
• Les petites croix sont des images clés.
ADOBE PREMIERE PRO CS5 CLASSROOM IN A BOOK
189
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 189
08/10/2010 13:48:13
12. Dans le Moniteur du programme, déplacez l’IIP vers l’image clé centrale et cette dernière (les croix), vers le bas à gauche.
Plus
rapide
Plus
lent
Notez que les points se rapprochent à la gauche de l’image clé et s’éloignent à sa
droite.
Note : En déplaçant
l’image clé centrale,
vous avez modifié son
emplacement et la
distance qui sépare
l’élément de ses images
clés adjacentes. Mais
vous n’avez pas touché
à la durée entre les
images clés. De fait,
l’extrait se déplace plus
rapidement entre les
images clés les plus
éloignées les unes des
autres et plus lentement
entre les images clés les
plus proches les unes
des autres.
Note : À présent,
vous allez changer le
temps entre les images
clés mais pas leur
situation physique à
l’écran. Les pointillés de
chemin/vitesse affichés
dans le Moniteur du
programme vont
s’éloigner ou se
rapprocher les uns des
autres, mais les images
clés ne bougeront pas.
190
13. Lisez l’élément. Remarquez qu’il se déplace lentement jusqu’à la première image clé,
puis il accélère.
14. Déplacez l’image clé centrale, cette fois vers le bas à droite.
Cela crée une parabole, avec des points espacés de part et d’autre indiquant que la
vitesse sera la même pour les deux bras de la parabole.
15. Déplacez l’image clé centrale dans le panneau Options d’effet, à gauche tout d’abord,
puis le plus à droite possible.
16. Lisez l’extrait et notez comment il ralentit au début et accélère à la fin.
Il devrait se comporter de la même manière que lors de son application au début de
la leçon.
LEÇON 10 Animer des éléments
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 190
08/10/2010 13:48:13
Redimensionner un élément
et ajouter une rotation
La simple translation d’un élément constitue une première étape dans l’exploitation des
possibilités de l’effet Trajectoire. Ce qui rend cette fonction si utile, c’est son aptitude à
contracter ou agrandir l’élément et à le faire pivoter.
Vous pouvez, par exemple, partir sur un élément en plein écran (ou en zoom plus large)
puis le contracter pour en révéler un autre. Vous pouvez faire pivoter un élément à l’image
en le faisant démarrer sous la forme d’un petit point qui, tout en tournant sur lui-même,
s’agrandit jusqu’à remplir l’écran. Vous pouvez enfin générer des couches d’éléments
multiples afin de créer plusieurs effets d’image dans l’image.
Avant de débuter cette section, examinez les six options de création d’image clé de l’effet
Trajectoire :
• Position. L’endroit de l’écran où se situe le point d’ancrage de l’élément (son centre
si vous n’avez pas déplacé ce point d’ancrage).
• Échelle (Hauteur d’échelle, avec Échelle uniforme non cochée). La taille relative de
l’élément. Le curseur s’étend de 0 à 100 %, mais vous pouvez employer la représentation
numérique pour augmenter la taille de l’élément jusqu’à 600 % de l’original.
• Largeur d’échelle. Vous devez décocher Échelle uniforme pour activer cette option et
vous permettre de modifier séparément la hauteur et la largeur de l’élément.
• Rotation. Vous pouvez la définir en degrés ou en nombre de tours, par exemple 450°
Note : Le
pourcentage fait
référence au périmètre
du contour de l’élément
et non à sa surface.
50 % équivaut à 25 %
en termes de surface, et
25 % équivaut à 6,25 %.
ou 1 × 90. Un chiffre positif correspond au sens horaire et un chiffre négatif, au sens
antihoraire. Le nombre de tours maximal autorisé dans les deux directions est 90 ; cela
signifie que vous pouvez appliquer jusqu’à 180 rotations à un élément.
• Point d’ancrage. Le centre de la rotation, par opposition à celui de l’élément. Vous
pouvez régler l’élément pour qu’il pivote autour d’un point quelconque de l’écran, y
compris l’un de ses angles, ou autour d’un point extérieur à l’élément, comme une
balle au bout d’une corde.
• Filtre antiscintillement. Cette fonction se révèle pratique pour des images contenant
des détails tels que des traits fins, des bords escarpés, des lignes parallèles (problèmes
de moiré) ou des rotations. Ces caractéristiques peuvent provoquer un scintillement
pendant l’animation. Le réglage par défaut (0,00) n’ajoute aucun flou et n’a aucun effet
sur le scintillement. Pour ajouter un peu de flou et éliminer le scintillement, utilisez 1,00.
1. Ouvrez le projet Lesson 10-02.prproj puis la séquence Finished.
2. Lisez l’animation.
C’est ce que donnera l’effet Trajectoire à la fin de cet exercice.
3. Ouvrez la séquence Practice pour démarrer sur le même élément, mais sans effet.
ADOBE PREMIERE PRO CS5 CLASSROOM IN A BOOK
191
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 191
08/10/2010 13:48:13
4. Placez l’IIP au début de l’élément, cliquez sur le chronomètre de Position pour activer
les images clés et déplacez le centre de l’élément vers l’angle supérieur gauche (position 0,0).
5. Cliquez sur le chronomètre d’Échelle et ramenez le curseur à zéro.
Cela permet de définir la taille du début de l’élément.
6. Déplacez l’IIP d’environ un tiers de la longueur dans l’élément et appuyez sur le bouton Réinitialiser. Cela a pour effet de créer deux images clés exploitant les réglages par
défaut de Trajectoire : l’élément en plein écran et l’élément centré dans l’image.
7. Déplacez l’IIP d’environ deux tiers de la longueur dans l’élément et cliquez sur le
bouton Ajouter/Supprimer les images clés pour Position et Échelle.
Cela force l’élément à rester centré et en plein écran durant l’entre-deux images clés
(vous pourriez également cliquer sur Réinitialiser pour utiliser ses paramètres par
défaut).
8. Déplacez l’IIP à la fin de l’élément (touche Bas puis Flèche gauche) et changez les
paramètres de Position en 1 280, 720 (angle inférieur droit).
9. Dans le Moniteur du programme, tirez l’une des poignées d’angle de la zone de délimitation pour rétrécir l’élément pendant tout son parcours vers le réticule central.
Cela ramène Échelle à zéro.
192
LEÇON 10 Animer des éléments
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 192
08/10/2010 13:48:13
Redimensionner un élément,
c’est comme travailler sur du texte
Comme vous l’avez fait pour le module Titrage, vous pouvez redimensionner un
élément en utilisant la zone de délimitation. Désélectionnez Échelle uniforme,
puis tirez sur une poignée d’angle ; pour redimensionner un côté seulement, tirez
sur une poignée d’arête ; et pour redimensionner de manière homothétique, tirez
n’importe quelle poignée en maintenant la touche Maj enfoncée.
10. Lisez cet élément.
Il devrait partir d’un minuscule point en haut à gauche, apparaître en plein écran
au centre, se figer un instant, puis se contracter à la dimension d’un point, tout en se
déplaçant vers l’angle inférieur droit.
Ajouter une rotation et changer le point d’ancrage
Vous allez maintenant ajouter un peu de rotation à l’élément :
1. Placez l’IIP au début de l’élément (touches Haut ou Début) et cliquez sur le chronomètre de Rotation.
Cela a pour effet de définir une image clé pour Rotation, avec 0,0° comme point de
départ.
2. Placez l’IIP à la deuxième image clé (cliquez sur Atteindre l’image clé suivante).
3. À l’aide du pointeur de la souris, survolez légèrement l’extérieur d’une poignée de la
zone de délimitation dans le Moniteur du programme, jusqu’à ce qu’il se transforme
en pointeur incurvé à double tête. Déplacez le rectangle dans le sens horaire en appliquant deux rotations.
Note : Vous pouvez
affiner cette animation
dans le panneau
Options d’effet en
réglant Rotation à
2×0,0°.
ADOBE PREMIERE PRO CS5 CLASSROOM IN A BOOK
193
© 2010 Pearson France – Adobe® Premiere® Pro CS5 – Adobe Press
10 PremiereProCS5CIB_184-203FR.indd 193
08/10/2010 13:48:13