Un exemple de tiers inférieur utilisé dans OBS

Au cours de la récente série en six parties sur le logiciel Open Broadcaster (OBS), j'ai évoqué plusieurs fois les superpositions de «tiers inférieur». UNE tiers inférieur est une superposition graphique placée dans la zone inférieure de l'écran de sécurité pour le titre, bien qu'elle occupe rarement (voire jamais) tout le tiers inférieur de l'affichage. Aujourd'hui, je vais vous montrer comment utiliser gratuitement Apple Des pages et Aperçu applications pour Mac pour créer des graphiques de tiers inférieurs simples et sophistiqués.

Simple: juste du texte

Un tiers inférieur très simple peut souvent être créé par votre logiciel de streaming. Dans OBS, cela se fait en créant une nouvelle source: cliquez sur le + en bas de la liste des sources, puis sélectionnez «Texte (FreeType 2). Une boîte de dialogue apparaît dans laquelle vous pouvez taper votre texte. Cependant, c'est là que l'un des bogues d'OBS apparaît; vous ne pouvez pas modifier la police, la taille du texte ou la couleur sans que l'application ne plante. Tant que vous aimez l'Helvetica blanche, vous pourriez être heureux…

Un tiers inférieur créé à l'aide de la source de texte dans OBS
Un tiers inférieur créé à l'aide de la source de texte dans OBS

Créons un tiers inférieur contenant uniquement du texte dans Pages. Pourquoi Pages? C'est gratuit, il est disponible pour tous les propriétaires de Mac et il est remarquablement puissant.

1 – Pour commencer, lancez Pages et créez un nouveau document vierge.

2 – Cliquez sur la case «Texte» en haut du document pour créer un conteneur de texte. Il apparaît sous la forme d'un rectangle avec des «poignées» sur les côtés pour redimensionner ou faire pivoter le texte, avec les mots «Tapez pour saisir du texte».

3 – Double-cliquez sur le texte pour le sélectionner, puis tapez les mots souhaités sur votre tiers inférieur de texte uniquement.

4 – Maintenant, vous pouvez commencer à vous amuser. Sélectionnez votre nouveau texte, puis assurez-vous d'avoir cliqué sur le bouton Format en haut à droite de la fenêtre Pages et que le volet Texte s'affiche. Cela vous permet de styliser votre texte comme vous le souhaitez.

Dans cet exemple, j'ai tapé les mots «Fun With Video», changé la police en Impact, augmenté la taille à 40 points et changé la couleur en jaune.

5 – Ensuite, nous voulons capturer ce texte sous forme d'image PNG afin de pouvoir appliquer la transparence à tout sauf au texte. Heureusement, macOS est livré avec un très bon outil de capture d'écran. Ici, j'ai appuyé sur Commande (⌘) – Maj – 5 pour faire apparaître l'outil, j'ai sélectionné «Capturer la partie sélectionnée», j'ai fait glisser une boîte de sélection autour du texte stylé et j'ai appuyé sur Entrée.

6 – Vient maintenant la partie amusante, se débarrasser du fond blanc et le transformer en un «canal alpha» transparent. Double-cliquez sur la capture d'écran pour l'ouvrir dans Aperçu. Vous voyez quelque chose comme ceci dans l'aperçu:

Le texte capturé à partir de Pages en prenant une capture d'écran, maintenant ouvert dans Aperçu.
Le texte capturé à partir de Pages en prenant une capture d'écran, maintenant ouvert dans Aperçu.

7 – Vous pouvez utiliser le bouton Agrandir le document (dans la barre d'outils, il ressemble à une loupe avec un +) pour agrandir votre image. Cela aidera à l'étape suivante.

8 – Sélectionnez Affichage> Afficher la barre d'outils d'annotation dans l'aperçu. La barre d'outils ressemble maintenant à ceci:

La barre d'outils Aperçu, avec l'outil Instant Alpha surligné en rouge.
La barre d'outils Aperçu, avec l'outil Instant Alpha surligné en rouge.

9 – Nous voulons utiliser l'outil Instant Alpha, qui est surligné en rouge dans l'image ci-dessus. Il ressemble à une «baguette magique», et est utilisé pour changer un fond de couleur en un canal alpha transparent. Faites glisser l'outil sur l'arrière-plan blanc et il prend une couleur rosâtre. Si vous faites glisser trop loin, même les lettres jaunes seront sélectionnées, alors faites attention…

Lorsque vous pensez avoir sélectionné la majeure partie de l'arrière-plan, la fenêtre d'aperçu ressemble à ceci:

La zone rose est ce qui est sélectionné avec l'outil Alpha instantané pour devenir transparente
La zone rose est ce qui est sélectionné avec l'outil Alpha instantané pour devenir transparente

Maintenant, arrêtez de faire glisser. Le fond rose est remplacé par une ligne pointillée animée «fourmis en marche» entourant l'extérieur de la zone de texte et les lettres:

Le texte sélectionné par l'outil Instant Alpha
Le texte sélectionné par l'outil Instant Alpha

10 – Appuyez sur la touche Suppr de votre clavier. Cela élimine le fond blanc, qui devient maintenant gris pour montrer sa transparence. L'intérieur du «d», «e» et «o» du mot vidéo est toujours blanc, nous devons donc utiliser l'outil Instant Alpha pour mettre en évidence les zones blanches et les rendre transparentes. Lorsque nous avons terminé, nous n'avons que les lettres jaunes sur fond gris (transparent):

Texte jaune sur fond transparent
Texte jaune sur fond transparent

De retour dans OBS – ou dans n'importe quelle application de streaming ou d'enregistrement vidéo que nous utilisons – nous pouvons maintenant ajouter le fichier PNG comme source d'image. Voici à quoi ressemble la vidéo avec le tiers inférieur jaune ajouté:

Le nouveau tiers inférieur superposé sur la vidéo en direct
Le nouveau tiers inférieur superposé sur la vidéo en direct

Bien que cela semble être un processus onéreux, il peut en fait être accompli en moins d'une minute une fois que vous l'avez fait plusieurs fois.

Fantaisie tiers inférieur

Nous allons maintenant créer un tiers inférieur sophistiqué. Par fantaisie, je veux dire que nous pouvons créer un graphique avec un logo, du texte, des couleurs, des formes, vous le nommez. Je ne vais pas suivre les étapes nécessaires pour créer le graphique – je vous suggère de vous familiariser avec les outils Forme dans les pages pour créer votre graphique de tiers inférieur. Le reste des étapes est similaire à ce que nous avons fait pour créer notre simple texte tiers inférieur, en particulier pour rendre l'arrière-plan transparent.

Si vous souhaitez ajouter un logo, vous pouvez l’importer dans votre document Pages en utilisant Insertion> Choisir dans la barre de menus. J'ai créé le tiers inférieur fantaisie vu dans l'image ci-dessous en utilisant un rectangle blanc uni avec une fine bordure noire, un rectangle avec un remplissage dégradé bleu bicolore, un triangle avec le même remplissage dégradé, des zones de texte et le Rocket Yard logo.

Un échantillon plus bas
Un exemple de tiers inférieur «fantaisie» inférieur réalisé dans Pages, avec une section transparente à droite

Je voulais que le côté droit du tiers inférieur reste transparent, j'ai donc utilisé l'outil Aperçu instantané Alpha pour créer la zone sur laquelle je pointe. Bien sûr, ce n’est pas le tiers inférieur le plus doué en matière de design jamais créé, mais il ne m’a fallu que cinq minutes pour le faire. Si j'allais vraiment l'utiliser, je supprimerais également la ligne blanche que vous voyez sous mon doigt.

Autres outils du tiers inférieur

Il existe d'autres moyens de créer des tiers inférieurs pour vos vidéos. Si vous voulez vraiment devenir «pro» avec vos titres et même avoir une intro animée, Titler Pro de NewBlue (299 $) est un outil très puissant.

Canva est un outil en ligne qui permet aux non-concepteurs de créer de nombreux éléments de conception, y compris des graphiques de tiers inférieur. Canva propose un essai gratuit et peut même créer des graphiques animés.

Bien entendu, Adobe Photoshop est un outil séculaire de création graphique. De nombreux modèles en ligne sont disponibles et peuvent être importés dans Photoshop à des fins de personnalisation. Pond5 est un exemple d'entreprise qui propose ces modèles à la vente.