en-USfr-FR
Trucs et Astuces, Tutoriaux Pinnacle Studio, AVID Studio, HFX, proDAD et Boris FX
Les 25 Derniers Tutos

DV FX - Flux RSS Souscrire à la mise à jour des articles par email - Tous les tutos - Recherche - Tutoriaux par Catégorie / Auteur / Mois

Le générateur de caractères de Boris Graffiti peut créer un réveil digital

Le générateur de caractères de Boris Graffiti peut créer un réveil digital Par Le Papy - Dernière mise à jour le dimanche 16 février 2014
2273 Visites :: 0 Commentaires :: Article Rating (Nombre de votes: 1)
Catégorie: Tutoriaux Boris Graffiti  -  Tutos récents  -  Lien(s) associé(s)
Publié le jeudi 27 février 2014
Créé le vendredi 6 décembre 2013 08:02
 

A deux reprises, j'ai déjà eu l'occasion d'utiliser le générateur de caractères de Boris Graffiti dans des tutoriels, que ce soit dans Faute de compatibilité, utilisez un ersatz de PE CameraPOV ou bien dans Incorporation d'un compteur dans une vidéo. Cette fois, nous allons aller un peu plus loin en créant un réveil digital qui fonctionne comme un vrai... Dans un premier temps, avec ce tutoriel Boris Graffiti, vous allez apprendre à créer ce réveil digital et à le faire fonctionner. Puis dans un second tutoriel pour Studio 17 qui sera publié plus tard, nous verrons comment utiliser ce réveil digital dans Studio pour créer un plan fixe rapproché sur une table de chevet. Mais commençons par le commencement en créant dans Boris Graffiti Keyframer notre réveil. Nous nous occuperons de Studio ultérieurement.

Etape 1 : Réunir le matériel nécessaire

Pour imiter un réveil digital, il vous faudra impérativement une police de caractères qui corresponde aux chiffres affichés par les réveils digitaux. En cherchant sur le Web, j'ai trouvé le site Font River qui met gratuitement à disposition des polices de caractères pour une utilisation privée. La police "Digital 7" me parait particulièrement bien adaptée à notre propos.
 Il vous faudra donc télécharger le fichier ZIP qui contient 3 fichiers .ttf de polices digitales (normale, mono, italique) et le fichier texte du contrat de licence (CLUF). Au moins la police Digital-7 Mono devra être installée sur votre ordinateur (clic droit sur le fichier .ttf et cliquez sur l'item "Installer"). Vous n'aurez pas besoin des 2 autres polices pour réaliser ce tutoriel.

Pour vous donner une idée du futur tutoriel Studio 17, je vous mets à disposition le fichier TutoBGDigitalClock.zip , dans la section "Lien(s) associé(s)" située au bas de ce tutoriel (clic droit + enregistrer pour télécharger le fichier) contenant l'image d'un radio réveil bien adapté à la situation et celle d'une table de chevet. Avec ces images, vous comprendrez mieux quels seront vos besoins et vous pourrez même essayer de créer votre plan fixe, avant même la publication du futur tutoriel Studio 17. En principe, ça devrait ressembler à ceci :

Etape 2 : Création de l'effet dans Boris Graffiti

Nous avons déjà vu dans le tutoriel La gestion des fichiers .GRF dans Boris Graffiti (vignette aperçu animée) comment utiliser Boris Graffiti Keyframer, la version standalone de Boris Graffiti et le ballon de football ne doit pas vous être inconnu. Nous allons créer dans Boris Graffiti Keyframer un effet dégrossi qu'il faudra ensuite ajuster lors de son utilisation dans Studio. Mais comme je sais un peu où je vais, je vous demande de me faire confiance...

A l'ouverture de Boris Graffiti Keyframer, l'effet par défaut est chargé. Cet effet comprend 2 pistes :

  • Une piste "Text";
  • Une piste "Background".

 

L'effet par défaut chargé dans Boris Graffiti Keyframer

Bien que la fenêtre "Text Window" soit ouverte, vous ne saisirez pas de texte dans cette fenêtre car vous allez faire générer les caractères par le générateur de caractères de Boris Graffiti.

  1. Vous sélectionnez la piste "Face" qui est dépendante (placée en dessous et décalée) de la piste "Text";
  2. Vous sélectionnez l'onglet "Generator";
  3. Vous changez le type de générateur qui est sur "User Text" par défaut;
  4. Vous le changez en "Date/Time".
Utilisation du générateur de caractères "Date/Time" de la piste "Text"

Après avoir sélectionné le type de générateur de caractères sur "Date/Time", vous devrez paramétrer le générateur.

Pour votre réveil, vous n'aurez besoin que des heures et des minutes. Vous décochez donc tout sauf "Display Hour" et "Display Minute".

Paramétrage du générateur de caractères "Date/Time"

Après ce paramétrage, la fenêtre composite affiche le ballon et le texte 0:00. La fenêtre "Text Window" reste vierge.

Si vous cliquez sur la piste "Text", cette piste change automatiquement de nom et s'appelle dorénavant 0:00 et la fenêtre "Text Window" affiche le texte 0:00.

  1. Sélectionnez la totalité du texte de la fenêtre "Text Window" (Ctrl+A);
  2. Cliquez sur le bouton "Reset Style" pour ramener tous les styles que vous avez pu utiliser précédemment à leurs paramètres par défaut;
  3. Cliquez sur l'onglet "T" (Style);
  4. Changez la police en Digital-7 Mono que vous avez dû installer;
  5. Régler la taille de la police sur 168.
Paramétrage des caractères générés

Il ne vous reste plus qu'à teinter les caractères générés.

  1. Cliquez sur l'onglet qui représente un dégradé gradient (Color);
  2. Remplissez les 3 champs de couleur RVB avec les valeurs 4, 238 et 246. Vous obtiendrez ainsi le joli vert digital.
Ajustement de la couleur des caractères

La fenêtre composite ressemble maintenant à ceci après vos premiers réglages. Il faut alors que vous ajoutiez un fond noir en dessous des chiffres. L'option "Backdrop" de la piste "Face" ne donne pas de bons résultats car les dimensions de la bande noire son dépendantes du nombre de caractères et de leur taille. Elle ne peut pas être étendue comme il le faudrait.

Vous allez donc utiliser une autre technique qui consiste à ajouter une piste de couleur.

La fenêtre composite

La nouvelle piste "Color" doit se trouver entre la piste "Background" (Le ballon) et la piste "0:00" (Les chiffres). Lorsque vous créez une nouvelle piste, elle s'installe toujours au-dessus de la piste sélectionnée.

  1. En sélectionnant la piste "Background", la nouvelle piste va se créer au-dessus de la piste "Background". Elle sera donc bien placée;
  2. Cliquez sur l'onglet "Track";
  3. Sélectionnez "New Media";
  4. Cliquez sur l'item "Color".
Ajout d'une piste supplémentaire "Color"

La nouvelle piste a été créée à l'emplacement que vous souhaitiez. Elle a pris d'office le nom de "Solid Color". Par défaut la couleur est noire et elle occupe la totalité de la fenêtre composite. Si la couleur n'était pas noire, vous sélectionneriez la piste "Face" qui est dépendante (placée en dessous et décalée) de la piste "Solid Color" et dans l'onglet "ColorMedia" vous modifieriez la couleur.

Le ballon est entièrement caché par cette piste "Solid Color". Il va donc falloir paramétrer sa taille pour lui donner les dimensions souhaitées.

  1. Vous sélectionnez la piste "Solid Color";
  2. Dans l'onglet "Position", vous modifiez les paramètres comme indiqué sur la capture d'écran;
  3. N'oubliez pas de décadenasser Scale X et Scale Y pour pouvoir les paramétrer différemment;
  4. N'oubliez pas non plus de changer toutes les interpolations qui ont été modifiées sur "Constant ".

 

Réglages de la piste "Solid Color"

Pour faire les ajustements de dernière minute dans Studio, vous aurez besoin de modifier la taille des chiffres, la taille de la bande de fond noir, la position, l'orientation dans l'espace selon les trois axes X, Y et Z. Afin de vous simplifier la manoeuvre, vous allez grouper les 2 pistes "0:00" et "Solid Color" en les rendant dépendantes d'une piste container. Ainsi, les modifications apportées à la piste container entraineront les mêmes modifications sur les 2 pistes dépendantes.

  1. Sélectionnez la piste "0:00" afin que la piste container que vous allez créer se place en tête des pistes;
  2. Sélectionnez l'onglet "Track";
  3. Cliquez sur l'item "New 3D Container".
Création d'une piste 3D Container
  1. La piste "3D Container" s'est créée en tête des pistes et elle a englobé d'office la piste inférieure, la piste "0:00";
  2. Il faut englober également la piste "Solid Color" dans le même container, en-dessous de la piste "0:00";
  3. La piste "Solid Color" étant sélectionnée, faites la glisser sur la ligne d'insertion située juste en-dessous de la piste "0:00" mais en la faisant légèrement chevaucher la piste "0:00" sur sa partie inférieure.
Construction de la piste container 3D

Vous allez maintenant faire un préréglage de la piste 3D Container. Je vous propose de faire ce préréglage car je sais qu'il vous sera utile pour plus tard, il n'y aura plus qu'à affiner les réglages.

  1. Sélectionnez la piste 3D Container qui contient maintenant les 2 pistes dépendantes "0:00" et "Solid Color";
  2. Sélectionnez l'onglet "Position";
  3. Modifiez les positions X et Y selon la capture d'écran ainsi que les interpolations à "Constant";
  4. Sans toucher au cadenas, modifiez les Scales X, Y et Z selon la capture d'écran ainsi que les interpolations à "Constant";
  5. Modifiez Tumble X selon la capture d'écran ainsi que l'interpolation à "Constant";
  6. Modifiez Spin Y selon la capture d'écran ainsi que l'interpolation à "Constant";
  7. Modifiez Rotate Z selon la capture d'écran ainsi que l'interpolation à "Constant".
Paramétrage de la piste 3D Container

Il vous reste à mettre le réveil à l'heure...

  1. Sélectionnez la piste "Face" dépendante de de la piste "0:00";
  2. Sélectionnez la première image clé de la piste "Face" L'mage clé sélectionnée prend alors la couleur rouge;
  3. Vous avez accès à l'onglet "Generator". Vous remplissez le champ "Numeric Time" avec le nombre 25185 sans changer l'interpolation.

Pourquoi 25185 me direz-vous ? Tout simplement parce que je veux que le réveil affiche 06:59:45 au début de l'effet. Bien que les secondes ne s'affichent pas, elles existent tout de même et pendant 14 secondes, le réveil affichera 06:59 puis 07:00 pendant 10 secondes car je vais vous faire programmer la fin de l'effet pour 07:00:10. Autrement dit l'effet est construit pour afficher 06:59 pendant 14 secondes puis 07:00 pendant 10 secondes.

Alors 25185 = ((3600*6) + (60*59) + 45) ... c'est simple non ?

C'est tellement simple, que je vous laisse programmer la dernière image clé de la piste "Face" dépendante de de la piste "0:00". Vous remplissez le champ "Numeric Time" avec le nombre 25210 sans changer l'interpolation.

25210= ((3600*7) + 0 + 10)

Mise à l'heure du réveil
Le curseur de temps étant positionné au début de l'effet, la fenêtre composite reflète maintenant les changements apportés. La fenêtre composite reflète les changement apportés

Un dernier paramétrage non perceptible dans cet effet Boris Graffiti mais qui sera indispensable pour l'incorporer dans Studio consiste en la modification de la clé alpha. Par défaut, ce paramétrage est positionné sur "No Alpha". Sans couche Alpha, l'utilisation du plugin dans Studio ne permettrait pas de voir les couches inférieures. Vous procédez donc immédiatement à cette modification.

  1. Vous sélectionnez la piste "Background";
  2. L'onglet "Host Media" est disponible;
  3. Vous modifiez la clé alpha en "Straight Alpha".

Et vous n'oubliez pas de sauvegarder votre effet avant de fermer Boris Graffiti Keyframer. Reportez-vous éventuellement au tutoriel La gestion des fichiers .GRF dans Boris Graffiti (vignette aperçu animée) si nécessaire.

Setting the Alpha key

Vous avez tout ce qu'il vous faut pour réussir ce tutoriel. Alors pourquoi ne pas, inclure le réveil digital dans Studio avant même la publication du futur tutoriel promis ? N'hésitez pas à vous lancer et à nous faire part de votre réussite. wink
{Les captures d'écran ont été réalisées à l'aide de Snagit 10 de TechSmith}

Lien(s) associé(s)
Partager/sauvegarder cet article


Commentaires
 
ATTENTION, cette rubrique commentaires ne doit être utilisée que dans le cadre de l'article concerné. Toutes les questions techniques et/ou généralistes liées aux logiciels objets de nos articles doivent être posées par l'intermédiaire des différents forums; il ne sera pas fourni de réponse aux commentaires qui ne répondent pas à ces critères et nous nous réservons même la possibilité de les modérer. Merci par avance de votre compréhension.

Les commentaires supportent les balises : [quote]Texte[/quote], [b]Texte[/b], [i]Texte[/i], [u]Texte[/u], [url]www.sample.com[/url] ou bien [url=www.sample.com]Nom du lien[/url].
Vous pouvez utiliser ces balises pour mettre votre texte en évidence ou insérer un lien dans votre commentaire.

Nom ou surnom (obligatoire) - visible publiquement sur le site

Email (obligatoire) - non visible sur le site

Site Web

CAPTCHA image
Entrer le code ci-contre

Accès au site officiel

Site officiel Pinnacle Studio