Créateur d’overlay : des graphiques vivants, pas des images fixes
La plupart des packs d’overlay sont des images que l’on dépose dans OBS et que l’on ne touche plus. Un overlay vivant, c’est autre chose : il connaît le score, le nom de l’invité et le titre du jour, et il les change pendant que vous êtes à l’antenne. Voici ce qu’il contient et comment le construire.
Ce que contient réellement un overlay
Démontez une diffusion professionnelle et vous retrouvez quatre ou cinq éléments récurrents. Un overlay de stream, c’est la même liste, à l’échelle d’une personne et d’un PC :
- Un synthé — qui parle et pourquoi cela vaut la peine de l’écouter. Créateur de lower third →
- Un bug — le petit élément permanent dans un coin : logo, score, horloge. Bandeau de score →
- Un défilant — une bande en bas d’écran pour les titres, le programme ou les sponsors. Logiciel de bandeau →
- Des plein-cadre — ça commence bientôt, je reviens, résultats, classements, bandeau d’alerte.
- Cadres et caches — le mobilier fixe autour de la webcam ou du jeu, la seule partie qu’un fichier image traite bien.
Overlay fixe ou overlay vivant
Une image convient aux cadres et bordures : si les formes ne changent pas, le PNG est le bon outil. Tout ce qui contient du texte est un autre problème. Dès qu’un nom, un score ou un titre est cuit dans un PNG, le mettre à jour signifie ouvrir un éditeur et recharger — ce qu’on ne fait pas sereinement à la quarantième minute d’un direct.
Un overlay vivant garde le design dans un modèle et le contenu dans un pupitre. Le design ne change pas pendant l’émission ; le contenu change sans arrêt. Toute l’astuce est de séparer les deux.
Concevoir pour le streaming
L’habillage télé est pensé pour un téléviseur à deux mètres. Un stream se regarde sur un téléphone tenu à la main. Cela change trois décisions : typographie plus grande par rapport au cadre, contraste plus fort et moins d’éléments à la fois.
Choisissez une couleur d’accent et utilisez-la partout — le synthé, le bug et le défilant doivent sembler venir du même endroit, car un habillage dépareillé est le plus court chemin vers l’amateurisme. Si votre chaîne a déjà des couleurs, servez-vous-en : les familles graphiques de LowerThird Software se recolorent à partir d’un seul couple de valeurs.
Laissez les coins libres
Les plateformes posent leur propre mobilier sur votre image. Twitch ajoute chat et contrôles, YouTube une barre de titre et des cartes de fin, Kick sa propre interface — et toutes peuvent couvrir un coin bas sur mobile.
Gardez au moins 5 % libres sur les quatre côtés et considérez le coin inférieur droit comme un espace emprunté. La victime la plus fréquente est le défilant collé au bord du bas : remontez-le un peu et il survit partout.
Une seule source, tout dessus
Une fois les éléments en HTML5, ils vivent tous sur une seule page transparente et OBS n’a besoin que d’une source navigateur. Moins de choses à aligner, moins d’oublis en montant une nouvelle scène, et un seul endroit pour changer vos couleurs. La configuration OBS prend cinq minutes →
Construisez votre overlay à partir de données vivantes Les versions en accès anticipé partent maintenant — une source navigateur, et chaque élément se met à jour pendant le direct.
Demander un accès anticipé