Vous connaissez le principe de la plupart des effets Boris Graffiti : un effet fait apparaître d'une manière ou d'une autre un texte à l'écran puis le fait disparaître de la même manière inversée ou bien d'une toute autre manière.
Dans sa bibliothèque "Library Browser", Boris Graffiti vous propose également 8 effets "Animated text transitions" prédéfinis. Ces effets font apparaître un premier texte, le font disparaître puis provoque l'apparition d'un second texte pour finalement le faire disparaître. Un tel effet est effectivement une transition entre deux textes mais peut aussi s'apparenter, dans certains cas, à du morphing.
Avec 8 effets "Animated text transitions" à votre disposition, vous n'irez pas bien loin... Aussi je vous propose de voir comment il est possible de créer de nouveaux effets.
Etape 1 : Comment démarrer ?
Il n'est pas nécessaire de réinventer la roue à chaque fois. La bibliothèque de Boris Graffiti permet déjà de disposer de nombreux effets simples. Il vous suffira donc de prendre un simple effet existant et de vous en servir de base pour le transformer en la transition texte que vous souhaitez obtenir.
Pour réaliser ce tutoriel, j'ai placé dans Studio le cinquième clip de OurFunVacation et je lui ai appliqué un effet Boris Graffiti. Pour plus de détails sur le mode opératoire, reportez vous à notre tutoriel "Graffiti Prise en main".
Etape 2 : Modification de l'effet Boris Graffiti existant
Lorsque vous éditez Boris Graffiti, vous arrivez dans la bibliothèque d'effets "Library Browser".
 |
|
A ce moment, vous pouvez choisir l'effet qui vous servira de base à la construction de votre effet personnalisé.
- Vous sélectionnez le dossier Animated/Animated texte in/tracking;
- Vous sélectionnez l'effet track&FadeIn.grf en double cliquant sur sa vignette et vous vérifiez que l'effet a bien été chargé;
- Vous saisissez le texte "Transition texte";
- Vous cliquez sur le bouton "Insert text";
- Et vous passez en mode avancé en cliquant sur le bouton "Advanced mode".
|
 |
|
Dans l'effet original, la première piste contient 3 images clés.
- La première image clé correspond au début du mouvement du texte;
- La deuxième image clé correspond à la fin du mouvement du texte;
- La troisième image clé est identique à la deuxième image clé afin de laisser afficher le texte complet pendant le dernier tiers de l'effet.
|
 |
|
Par défaut l'effet Boris Graffiti est d'un bleu pâle, peu visible (151, 177, 255). Pour les besoins du tutoriel vous changez la couleur du texte :
- Vous faites un double clic sur la piste "Text" pour la sélectionner et ouvrir la fenêtre "Text Windows". Vous remarquerez que la piste change automatiquement de nom à ce moment là : elle prend le nom du texte que vous avez déjà saisi dans la "Library Browser" au point 3;
- Vous sélectionnez l'onglet "Color";
- Vous sélectionnez la totalité du texte "Transition texte" s'il ne l'est pas déjà et vous remplacez la couleur bleue pâle par une couleur noire (0, 0, 0). Il est bien entendu que dans votre effet, vous aurez le choix entre la police, la taille, la couleur ou bien même des styles prédéfinis dans la palette de styles. Pour plus de détails sur le mode opératoire, reportez vous à notre tutoriel "Graffiti Prise en main";
- Cliquez sur le bouton "Update" pour sauvegarder les modifications et vous fermez la fenêtre "Text Windows".
|
 |
|
Vous modifiez la durée de l'effet pour n'utiliser que la moitié du temps. La seconde moitié du temps sera utilisée plus tard pour afficher le deuxième texte.
- Vous ne touchez pas à la première image clé de la piste "Transition texte";
- Vous sélectionnez à la souris la deuxième image clé de la piste "Transition texte" qui se trouve à "Time"=00:00:02.7 et vous la faite glisser à "Time" =00:00:00.20;
- Vous sélectionnez à la souris la troisième image clé de la piste "Transition texte" qui se trouve à "Time"=00:00:03.10 et vous la faite glisser à "Time" =00:00:01.05;
- Vous sélectionnez à la souris la deuxième image clé de la piste "Face" qui se trouve à "Time"=00:00:02.7 et vous la faite glisser à "Time" =00:00:00.20. L'image clé correspondante de la piste "Text", dépendante de la piste "Face" suivra ce déplacement.
Nota : Pour le moment, vous vous contentez de déplacer et de créer les images clés. Le paramétrage de ces dernières viendra par la suite. |
 |
|
Vous avez vu plus avant l'utilité des 3 images clés. La troisième image clé maintient l'affichage du texte. Mais nous voulons que ce texte disparaisse à la fin de l'effet (soit à 50% du temps total). Il faudra donc créer une quatrième image clé à 50% du temps environ soit à "Time" = 00:00:01.20.
Pour ce faire, vous cliquez dans le champ "Time" et vous saisissez la valeur 00:00:01.20. Le curseur temps se déplacera alors au point d'insertion de la future image clé. Par le menu "Track/New Keyframe" (ou en utilisant le raccourci clavier Ctrl+N) vous créez la quatrième image clé.
|
 |
|
Il faut maintenant créer une troisième image clé sur la piste "Face".
- Vous positionnez le curseur temps à "Time" =00:00:01.05
- Vous sélectionnez la piste "Face" et vous utilisez le raccourci clavier Ctrl+N pour créer la 3ème image clé de la piste "Face". Une 3ème image clé se créera automatiquement sur la piste "Text".
|
 |
Il faut maintenant créer une quatrième image clé sur la piste "Face".
- Vous positionnez le curseur temps à "Time" =00:00:01.20
- Vous sélectionnez la piste "Face" et vous utilisez le raccourci clavier Ctrl+N pour créer la 4ème image clé de la piste "Face". Une 4ème image clé se créera automatiquement sur la piste "Text".
|
 |
|
Il vous reste encore quelques images clés à créer. Mais pour les créer, il vous faut développer l'arborescence de l'effet.
- Assurez vous que le bouton à bascule "Toggle Smart View" affiche bien une flèche descendante, sinon cliquez dessus pour changer sa position. Lorsque le bouton affiche la flèche descendante, seules les pistes qui contiennent des paramètres modifiés sont affichées au moment du développement d'une piste. Développez les 2 pistes transformations;
- Placez vous à "Time" = 00:00:01.20;
- Sélectionnez la piste "Opacity" et faites un Ctrl+N pour créer une image clé à "Time" = 00:00:01.20;
- Sélectionnez la piste "Tracking" et faites un Ctrl+N pour créer une image clé à "Time" = 00:00:01.20;
- Sélectionnez la piste "Letter Scale X" et faites un Ctrl+N pour créer une image clé à "Time" = 00:00:01.20. Une image clé sera automatiquement créée sur la piste "Letter Scale Y"
Nota : Les images clés créées aux points 3, 4 et 5 sont visibles sur la capture d'écran ci-dessous.
|
 |
| Toutes les images clés à "Time" = 00:00:01.20 ont été créées. |
 |
|
Création des dernières images clés à "Time" = 00:00:01.05.
- Placez vous à "Time" = 00:00:01.05 et répétez les mêmes opérations de créations d'images clés qui ont été faites à "Time" = 00:00:01.20 (Pistes Opacity, Tracking, Letter Scale X et Letter Scale Y).
|
 |
|
Paramétrage des images clés à "Time" = 00:00:00.00 :
Positionnez vous à "Time" = 00:00:00.00 et attribuez à chacune des images clés les valeurs et les interpolations de la capture d'écran.
|
 |
|
Paramétrage des images clés à "Time" = 00:00:00.20 :
Positionnez vous à "Time" = 00:00:00.20 et attribuez à chacune des images clés les valeurs et les interpolations de la capture d'écran. |
 |
|
Paramétrage des images clés à "Time" = 00:00:01.05 :
Positionnez vous à "Time" = 00:00:01.05 et attribuez à chacune des images clés les valeurs et les interpolations de la capture d'écran. |
 |
|
Paramétrage des images clés à "Time" = 00:00:01.20 :
Positionnez vous à "Time" = 00:00:01.20 et attribuez à chacune des images clés les valeurs et les interpolations de la capture d'écran.
Afin de ne pas perdre votre travail, il est souhaitable de sauvegarder provisoirement votre effet sous un nouveau nom à l'aide du menu File/Save settings as... ou bien en utilisant le raccourci clavier Ctrl+Shift+S.
|
Etape 3 : Aperçu du résultat de l'effet sur le premier texte
Si je n'ai rien oublié... et si vous avez bien suivi... vous devriez obtenir le résultat suivant.
Alors maintenant, comme ce tutoriel est un peu long, je vous conseille de sauvegarder votre effet et de faire une pause pour décanter un peu ce que vous venez de mettre en application.
Etape 4 : Duplication de la piste Transformation texte
Vous passez maintenant à la création des pistes nécessaires pour le deuxième texte. Rassurez-vous, ce sera beaucoup plus rapide que pour la création des pistes des images clés et de leur paramétrage nécessaires au premier texte. Vous allez tout simplement dupliquer les pistes, les images clés et leurs paramètres en une seule commande.
 |
|
Pour bien voir votre travail, vous fermez l'arborescence pour ne garder que les 2 pistes principales : "Transition texte" et "Background".
- Vous sélectionnez la piste "Transition texte" et vous cliquez droit sur cette piste;
- Vous cliquez sur "Duplicate Track";
- Vous vérifiez que le bouton à bascule "Toggle Smart View" affiche bien la flèche descendante.
A la fin de cette opération, vous aurez 3 pistes : 2 pistes "Transition texte" et la piste "Background".
|
 |
- Sélectionnez la 2ème piste "Transition texte" et développez la complètement.
- Double cliquez sur la piste "Face" ou sur la piste "Text" pour ouvrir la fenêtre "Text Windows" et remplacez le texte "Transition texte" par "DECLIC-VIDEO".
|
 |
|
Vous allez maintenant déplacer les images clés de la piste "DECLIC-VIDEO". Vous utiliserez une nouvelle procédure pour déplacer des images clés.
- Vous sélectionnez la dernière image clé de la piste "DECLIC-VIDEO" qui se trouve à "Time" = 00:00:01.20. Dans le champ "Key" vous remplacez 00:00:01.20 par 00:00:03.10. L'image clé se déplace en fin d'effet et entraîne l'image clé de la piste "Opacity".
- Vous faites de même avec la dernière image clé de la piste "Face". L'image clé se déplace en fin d'effet et entraîne les images clé des pistes "Text", "Tracking", "Letter Scale X" et "Letter Scale Y".
Vous opérez de la même façon pour les deux pistes "DECLIC-VIDEO" et "Face" avec:
- la troisième image clé qui passe de 00:00:01.05 à 00:00:02.20;
- la seconde image clé qui passe de 00:00:00.20 à 00:00:02.10;
- la première image clé qui passe de 00:00:00.00 à 00:00:01.20.
|
 |
| Si vous réduisez l'arborescence des 2 pistes "Transformations" vous devriez obtenir un résultat identique à la capture d'écran ci-dessus. |
Etape 3 : Aperçu du résultat final de votre création d'une transition texte
Cette création peut vous sembler fort longue. En réalité, il n'en est rien. Avec un peu de maîtrise c'est un effet qui peut se réaliser en une trentaine de minutes. Mais j'ai surtout voulu utiliser ce tutoriel pour vous familiariser avec la manipulation des images clés et vous faire découvrir des manières différentes qui arrivent à un résultat identique. Enfin j'ai volontairement détaillé les procédures.
Je pense que lorsque vous aurez bien suivi ce tutoriel et que vous aurez tranquillement réalisé deux ou trois effets du même genre, vous serez à même de réduire considérablement le temps passé à la création de votre première transition texte.
Il ne vous restera plus ensuite qu'à faire partager, si vous le souhaitez, vos nouveaux effets afin de les mettre à disposition du plus grand nombre.