Les précédents tutoriels Boris Graffiti étaient destinés à aborder de façon aussi ludique que possible, le vocabulaire et les concepts fondamentaux d'utilisation de ce logiciel. Maintenant, nous pouvons revenir à l'utilisation première de Boris Graffiti qui est un titreur. Comme nous avons déjà eu l'occasion de le voir, la bibliothèque d'effets fournis avec le logiciel est déjà bien étoffée et permet d'insérer facilement des titres originaux dans vos créations. Mais si vous voulez absolument utiliser des titres que personne n'a encore intégrés dans un montage vidéo, alors il vous reste une solution... créez vos effets titres.

Vous pourriez par exemple réaliser celui-ci :

Alors si cet effet vous plait, découvrez tous les secrets de sa construction qui vous ouvrirons certainement de nouveaux horizons personnels.

Etape 1 : Création de la première ligne de texte

Dans les tutoriels précédents et en particulier dans le tutoriel "Graffiti Prise en main", vous avez déjà acquis un certain nombre de notions essentielles relatives à la modification des textes. Pour cette première ligne de texte, je vais détailler au maximum les différentes phases afin de faire une bonne révision de vos connaissances.

• Dans Studio, déposez un clip quelconque de 4 secondes sur la ligne de temps;
• Ajoutez un effet Boris Graffiti;
• Sélectionnez l'effet "ZoomIn" dans la catégorie "Animated text in/zoom";
• Passez en "Advanced Mode".

• Vous remarquerez que la durée de votre clip est indiquée dans la fenêtre de temps de Boris;
• L'effet issu de la bibliothèque d'effets comporte déjà plusieurs pistes dont une piste background avec vidéo (V1).

• Sur la piste Background, vous allez remplacer la vidéo par un fond de couleur (Change track Media), ceci pour les besoins du tutoriel, afin de bien voir votre travail. (Nota : il y a aussi d'autres moyens pour ne plus voir une piste...)

• La piste Background étant sélectionnée, dans la fenêtre des contrôles, vous attribuez la valeur (0,0,0) au paramètre "Color" de l'onglet "ColorMedia";
• L'image de la vidéo est alors remplacée par un fond noir dans la fenêtre "Composite".

• Par un double clic, sélectionnez la piste "Face". Cette piste contient tous les attributs de votre texte;
• La fenêtre "Text Window" va s'ouvrir avec le texte et ses attributs par défaut.
• Vous remarquerez que lorsque le texte est sélectionné, la couleur affichée est différente de la couleur réelle.

• Sélectionnez le premier des 5 onglets de la fenêtre "Text Window" : l'onglet "Style";
• Cet onglet contient principalement la police du texte, sa taille;
• Vous sélectionnez la totalité du texte déjà présent (zoom on in);
• Vous passez en police "Arial Black" et taille 96;
• Et vous saisissez "BORIS" pour remplacer le texte déjà existant.

• Vous ne touchez pas le deuxième onglet de la fenêtre "Text Window" : l'onglet "Page";
• Sélectionnez le troisième des 5 onglets de la fenêtre "Text Window" : l'onglet "Color";
• Vous sélectionnez la totalité du texte déjà présent (BORIS);
• Vous attribuez la valeur (235,235,235) au paramètre "Style Color" pour avoir un joli gris.

• Sélectionnez le quatrième des 5 onglets de la fenêtre "Text Window" : l'onglet "Border";
• Vous sélectionnez la totalité du texte déjà présent (BORIS);
• Cocher la première case à cocher pour indiquer à Boris Graffiti qu'il faut appliquer les valeurs que nous allons mettre dans les paramètres de ce réglage (Boris Graffiti permet de conserver 5 préréglages de paramètres que vous pouvez appliquer séparément ou simultanément;
• Pour avoir une fine bordure noire, vous utilisez la valeur 0,0,0 pour "Edge color" et 1 pour "Edge width". La fine bordure noire va séparer le remplissage gris (235,235,235) de la lettre, de l'ombre que vous allez ajoutez tout de suite après et qui sera d'un autre gris (220,220,220).

• Sélectionnez le cinquième onglets de la fenêtre "Text Window" : l'onglet "Shadow";
• Vous sélectionnez la totalité du texte déjà présent (BORIS);
• Cocher la première case à cocher pour indiquer à Boris Graffiti qu'il faut appliquer les valeurs que nous allons mettre dans les paramètres de ce réglage (Boris Graffiti permet de conserver 5 préréglages de paramètres que vous pouvez appliquer séparément ou simultanément.
• Pour avoir une ombre grise, vous utilisez la valeur 220,220,220 pour "Shadow color", la valeur 5 pour "Shadow distance" et la valeur 100 pour "Shadow Opacity";
• Vous voyez maintenant la fine bordure noire que nous avons ajouté précédemment.

• Maintenant que vous avez défini tous les paramètres du texte, vous allez le mettre en place;
• Comme vous pouvez le constater, la piste "Face" est dépendante (placée en dessous et décalée) de la piste "BORIS". La piste "BORIS" est un container qui contient les autres pistes situées en dessous et décalées d'un cran.
• Si toutes les informations relatives au texte (police, taille, retour à la ligne, couleur, bordure, ombre) sont contenues dans la piste "Face", les informations relatives à la position du texte sont contenues dans le container "BORIS";
• Par un double clic, sélectionnez la piste "BORIS". La fenêtre des contrôles affiche l'onglet "Position" qui vous permettra d'attribuer les valeurs 360 à la position X et 288 à la position Y. Votre texte prendra alors la position que vous pouvez voir dans la fenêtre composite (si votre curseur temps se trouve vers 00:02:17.
• Au passage, vous remarquez que la seconde image clé de la piste "BORIS" est sélectionnée, qu'elle se trouve à 02:17 du début de l'effet et que le curseur temps se trouve également à 02.17 du début de l'effet (puisqu'il est positionné sur l'image clé).

• Normalement vous n'avez pas besoin de toucher à l'animation du texte puisque nous sommes partis d'un texte déjà animé. Mais pour comprendre comment ça marche, voici quelques explications.
• C'est la valeur de "Text type on" qui détermine l'apparition du texte. Pour une valeur 0, le texte n'est pas affiché et pour une valeur 100, il est affiché en entier. Sur la capture d'écran, la valeur est à 86.31 à 01:17 du début de l'effet (Position du curseur temps). Comme le curseur temps n'est pas positionné sur une image clé, la valeur de key est à 00:00:00:00.
• Ce sont les deux images clés de la piste "Face" cerclées en rouge qui donnent la valeur à "Text Type On". La première est paramétrée à 0 et la seconde est paramétrée à 100. Ainsi, dès le début de l'effet, le texte commence à s'afficher et à 02:10, il est complètement affiché. Les plus perspicaces d'entre vous pourront noter le type de l'interpolation de ces deux images clés.
• Les valeurs Shift X et shift Y déterminent l'endroit d'où arrivent les lettres.

Voilà, votre première ligne de texte est entièrement paramétrée. Il vous reste à cliquer sur le bouton "Update" de la fenêtre "Text Window" et à fermer cette fenêtre. Vous pouvez sauvegarder cette phase de l'effet, à l'aide du menu "File/Save settings as..." et vous choisissez un nom de fichier (Etape1.grf par exemple) et le dossier dans lequel vous voulez sauvegarder votre effet. Ensuite, vous cliquez sur le bouton "Apply" pour appliquer votre effet et le sauvegarder dans votre projet Studio 12, et vous retrouver dans Studio 12.

Votre effet vidéo devrait ressembler à peu près à cela :

Etape 2 : Création de la deuxième ligne de texte

Pour créer une deuxième ligne de texte, vous allez créer une nouvelle piste.

• Avant de passer à la création, vous allez réduire le nombre de pistes visibles en fermant le container "BORIS".
• Après cette réduction, vous ne devez voir plus que "BORIS" et "Background"

• Vous sélectionnez la piste "Background" et vous utilisez le menu "Track/New Text Page" (ou CTRL+shift+T). Ainsi la nouvelle piste créée viendra s'insérer entre les deux pistes "BORIS" et "Background".
• Nota : il est toujours possible de déplacer à la souris une piste qui n'aurait pas été créé au bon endroit.

• A la création de la nouvelle piste, une fenêtre vierge "Text Window" s'ouvre et en utilisant les vues d'écran de l'étape 1, vous allez pouvoir saisir les paramètres de cette nouvelle piste;
• Positionnez votre curseur temps à 0 avant de saisir les paramètres.

Les paramètres sont les suivants :

1. L'onglet "Style" : Texte = "GRAFFITI", Police = "Space Bd BT", Taille = 96 (Astuce : vous ne saisissez le texte que lorsque tous les paramètres des onglets 1 à 5 ont été remplis, ça vous évitera de sélectionner le texte à chaque fois...)
2. L'onglet "Page" : Inchangé;
3. L'onglet "Color" : Inchangé;
4. L'onglet "Border" : Vous décochez la première case à cocher (aucune case cochée car vous ne mettez pas de bordure);
5. L'onglet "Shadow" : Vous laissez cochée la première case à cocher, shadow color = 0,0,0, shadow distance = 6,

Cliquez sur le bouton "Update" et fermez la fenêtre "Text Windows". Maintenant votre piste "Text" a pris le nom de piste "GRAFFITI". Les coordonnées de positionnement du container "GRAFFITI" dans l'écran sont les mêmes que le container "BORIS" et les textes des deux lignes se superposent.

Pour y remédier, vous sélectionnez le container "GRAFFITI" et dans la fenêtre des contrôles (onglet "Position") vous lui affectez la valeur Y = 400. Si votre curseur temps est positionné sensiblement sur 01:20, vous devriez voir ceci:

Maintenant, vous allez devoir animer la deuxième ligne de texte. Après la phase positionnement, passons donc à la phase animation...

• Vous constaterez sur la capture d'écran ci-dessus qu'il n'y a aucune image clé sur la piste "Face" de "GRAFFITI" susceptible d'animer le texte.
• Par défaut, l'animation "Type On" se fait caractère par caractère et dans l'ordre d'écriture. Mais en jouant avec les boutons "Apply to" et "Order" (en haut de la fenêtre des contrôles), vous pouvez faire apparaître le texte mot par mot, ligne par ligne, dans l'ordre inverse de l'écriture ou encore dans un ordre aléatoire.

• La piste "Text" de "GRAFFITI" étant sélectionnée, positionnez vous sur l'onglet "Type on"
• Placer votre curseur temps à 00:00:00, et paramétrez Shift X à 1080 (pour faire arriver les lettres de la droite de l'écran vers le centre puis cliquez dans la case interpolation de "Text Type On" pour y créer une image clé de type "linear" (/) avec une valeur 0. (Texte non affiché)
• Placer votre curseur temps à 00:01:15, cliquez dans la case interpolation de "Text Type On" pour y créer une image clé de type "decelerate" avec une valeur 0. (Texte toujours non affiché)
• Placer votre curseur temps à 00:03:00, cliquez dans la case interpolation de "Text Type On" pour y créer une image clé de type "linear" (/) avec une valeur 100. (Texte entièrement affiché)
• Placer votre curseur temps à 00:04:00, cliquez dans la case interpolation de "Text Type On" pour y créer une image clé de type "linear" (/) avec une valeur 100. (Texte toujours entièrement affiché)

Il ne vous reste plus qu'à pencher un peu les lettres de "GRAFFITI" au début de leur apparition et les redresser en fin de mouvement.

• La piste "Text" de "GRAFFITI" étant sélectionnée, positionnez vous sur l'onglet "Transform"
• Placer votre curseur temps sur la deuxième image clé à 00:01:15 et cliquez dans la case interpolation de "Letter Rotate" pour y créer une image clé de type linear (/) avec une valeur 18 (les lettres auront un angle de 18°)
• Placer votre curseur temps sur la troisième image clé à 00:03:00 et cliquez dans la case interpolation de "Letter Rotate" pour y créer une image clé de type linear (/) avec une valeur 0 (les lettres ont un angle de 0°, sont donc droites)

Votre deuxième ligne de texte est entièrement paramétrée. Il vous reste à cliquer sur le bouton "Update" de la fenêtre "Text Window" et à fermer cette fenêtre. Vous pouvez sauvegarder cette phase de l'effet, à l'aide du menu "File/Save settings as..." et vous choisissez un nom de fichier (Etape2.grf par exemple) et le dossier dans lequel vous voulez sauvegarder votre effet. Ensuite, vous cliquez sur le bouton "Apply" pour appliquer votre effet et le sauvegarder dans votre projet Studio 12, et vous retrouver dans Studio 12.

Votre effet vidéo devrait ressembler à peu près à cela :

Etape 3 : Ajout d'un filtre d'ondulation

Vous pouvez apporter une animation supplémentaire à votre texte en lui ajoutant un filtre. Boris Graffiti dispose de 35 filtres de mouvements, d'effets, de couleurs... Pour ce tutoriel j'ai choisi un filtre d'ondulation, facile à mettre en oeuvre. Mais comme nous voulons que ce filtre s'applique aux deux lignes de texte à la fois, vous allez créer un container qui contiendra les pistes "BORIS" et "GRAFFITI" et le filtre d'ondulation.

• Positionnez le curseur temps à la valeur 00:00:00;
• Sélectionnez la piste "BORIS" et vous utilisez le menu "Track/New 3D container" (ou CTRL+J) pour ajouter le container.

• Après création du container 3D, la piste "BORIS" est dépendante (placée en dessous et décalée) du container;
• Vous sélectionnez la piste "GRAFFITI" avec la souris et vous la remontez dans le container. si vous n'arrivez pas à la faire glisser en dessous de la piste "BORIS", faites la glisser au-dessus puis inversez l'ordre des deux pistes;
• Nota : dans cet exemple, l'ordre des deux pistes n'a pas d'importance.

• Au final, vous essayez d'obtenir ceci en faisant glisser les pistes avec la souris;
• Maintenant, vous êtes prêt pour ajouter le filtre d'ondulation.

• Pour ajouter un filtre, il suffit d'ajouter une piste à partir du menu "Filters";
• Vous vous positionnez sur la piste "3D Container" de façon à ce que le filtre vienne se positionner en dessous de la piste "3D Container";
• Dans la catégorie "Distorsion and perspectives", vous choisissez "BCC Wave".

• Le filtre est doté d'office de deux images clés à 00:00:00 et 00:04:00. Vous allez faire glisser la première image clé à l'aide de la souris à 01:00 pour que l'effet d'ondulation ne commence qu'à partir de 01:00
• La fenêtre "Contrôls" affiche de nouveaux contrôles que vous allez modifier;
• Le curseur temps étant à 01:00 sur la première image clé, vous saisissez la valeur 1000 dans "Wave width" avec une interpolation constante et 0 dans "Speed" avec un interpolation linéaire.
• Le curseur temps étant à 04:00 vous saisissez la valeur 1 dans "Speed" avec une interpolation linéaire. Ainsi le mouvement d'ondulation démarrera progressivement avec une amplitude faible.
• Mais bien entendu, toutes les valeurs peuvent être modifiées avec ajout d'images clés supplémentaires et des types d'interpolation différents. Vous pouvez vous amuser à jouer avec ces paramètres pour voir l'incidence de chacun des réglages de cette fenêtre "Controls".

Votre filtre d'ondulation est entièrement paramétré. Vous pouvez sauvegarder cette phase de l'effet, à l'aide du menu "File/Save settings as..." et vous choisissez un nom de fichier (Etape3.grf par exemple) et le dossier dans lequel vous voulez sauvegarder votre effet. Ensuite, vous cliquez sur le bouton "Apply" pour appliquer votre effet et le sauvegarder dans votre projet Studio 12, et vous retrouver dans Studio 12.

Votre effet vidéo devrait maintenant ressembler à peu près à cela :

Etape 4 : Effet final

Pour terminer cet effet, vous allez faire s'envoler la ligne "BORIS". Ensuite la ligne "GRAFFITI" prendra sa place et deviendra floue. Dans le même temps, vous arrêterez l'ondulation pour qu'il n'y ait plus d'ondulation sur le flou.

Pour que la ligne "BORIS" s'envole :

• Sélectionnez la piste "Face" de "BORIS"
• Vous créez une troisième image clé à 02:17 avec "Text Type On" à 100 (Texte entièrement affiché) et une interpolation linéaire. Entre la deuxième et la troisième image clé, le texte sera maintenu entièrement affiché.
• Vous créez une quatrième image clé à 03:20 avec "Text Type On" à 0 (Texte entièrement effacé) et une interpolation linéaire. A partir de 03:20, "BORIS" n'est plus visible.

Maintenant, vous allez remonter la ligne "GRAFFITI" qui va prendre la place de la ligne "BORIS" qui s'envole.

• Sélectionnez la piste "GRAFFITI" et créez une seconde image clé à 02:17 avec Y = 400 linéaire pour fixer la position de départ que vous aviez mise à Y=400. Donc entre la première et la deuxième image clé, Y reste à 400;
• Créez une troisième image clé à 03:20 avec Y = 288 linéaire (c'est la position qu'occupait la ligne "BORIS");
• La ligne "GRAFFITI" va donc monter entre la deuxième et la troisième image clé et ainsi prendre la place de la ligne "BORIS".

L'avant dernière action consiste à rendre floue la ligne "GRAFFITI"

• Sélectionnez la piste "GRAFFITI";
• Positionnez le curseur temps à 03:20 et ajouter un filtre "BCC Blur";
• Vous attribuez à la première image clé une valeur "Horizontal Blur" à 0 linéaire;
• Vous attribuez à la seconde image clé une valeur "Horizontal Blur" à 100 linéaire.
• Entre les deux images clés, le flou va s'accentuer progressivement.

Il reste un dernier réglage à faire. Le filtre d'ondulation que vous avez mis en place, commence à 01:00 et se termine à 04:00. Autrement dit, pendant la période où la ligne "GRAFFITI" devient floue, l'ondulation continue. Pour que l'ondulation se termine dès que le flou commence, il suffit de faire glisser avec la souris, la dernière image clé pour la ramener à 03:20.

Votre effet est entièrement paramétré. Vous pouvez sauvegarder cette phase de l'effet, à l'aide du menu "File/Save settings as..." et vous choisissez un nom de fichier (Etape4.grf par exemple) et le dossier dans lequel vous voulez sauvegarder votre effet. Ensuite, vous cliquez sur le bouton "Apply" pour appliquer votre effet et le sauvegarder dans votre projet Studio 12, et vous retrouver dans Studio 12.

Votre effet vidéo devrait maintenant ressembler à peu près à cela :

Si vous voulez revoir la vidéo qui est sur la timeline de Studio 12, vous sélectionnez la piste "Background" et vous remplacez le média "Color" par "Video 1" (le contraire de ce que vous avez fait tout au début de ce tutoriel).

ASTUCE : Si vous souhaitez insérer un titre Boris Graffiti sur un clip de 15 secondes mais que vous ne souhaitez pas faire démarrer le titre dès le début du clip et que vous souhaitez par ailleurs qu'il ne s'affiche que pendant 6 secondes par exemple :

• Vous découpez votre clip de 15 secondes en 2+6+7 secondes et vous n'appliquez l'effet Boris que sur la partie de 6 secondes.

Etape 5 : Bonus

Pour ceux qui auraient eu quelques difficultés à arriver au bout de ce tutoriel, la Maison ne recule devant aucun sacrifice et vous met gratuitement à disposition le fichier "Effet01.grf" que vous pourrez trouver dans notre page de téléchargement tutoriaux.

Ce fichier contient toutes les pistes, images clés et paramètres étudiés en détail ci-dessus (à quelques petites variantes d'ajustement près).

Utilisation de ce fichier :

• Si vous souhaitez utiliser l'effet01, vous recopiez le fichier "Effet01.grf" dans un de vos dossiers (Mes documents par exemple)
• Lorsque vous utilisez Boris Graffiti en mode avancé, vous ouvrez ce fichier à partir du menu "File/Open Settings" et l'effet est immédiatement disponible, prêt à être incorporé dans Studio 12 en appuyant sur le bouton "Apply" de la fenêtre de temps.
• Nota : Ce fichier ne contient pas d'aperçu ni d'animation, contrairement aux fichiers .grf qui sont fournis dans la bibliothèque de Boris Graffiti. Il n'est donc pas souhaitable de le recopier dans la bibliothèque de Boris Graffiti, vous n'auriez ni l'aperçu, ni l'animation de l'effet.

Avec un tout petit peu de pratique, sachez qu'il est plus rapide de créer un effet que de faire un tutoriel qui explique comment le faire. S'il m'a fallu moins d'une heure pour créer cet effet, il m'a fallu plus de trente heures pour concevoir et écrire ce tutoriel. Alors choisissez le plus rapide et le plus facile, CREEZ !