Version francaise

Overlay football pour le streaming de match en direct

Commentez vos matchs de foot en streaming comme un pro. 🎙️
Des overlays OBS studio complets, prêt à l’emploi avec intro, outro, chat, alertes et panneaux bio personnalisés, + une scène supplémentaire pour commenter en duo.

Prix :

49€

Contenu du pack :

✅ Quatre overlays : Intro/Solo ⁄ Duo/Outro

✅ 7 scènes 1080p prêtes à l’emploi

✅ Chat personnalisé

✅ Alertes personalisées

✅ Panneaux bio + fichier photoshop

Acheter sur :

Ko-Fi

Logiciels :

Les overlays

Intro du Stream
L'écran d'accueil présente les deux équipes qui vont s'affronter et dans quel tournoi. Le fond animé est une boucle de 12 secondes.

Overlay une cam (Vous pouvez cliquer sur les images pour zoomer).
Choisissez le tournoi qui vous intéresse, insérez les écussons d'équipe, renseignez le nom de joueurs et modifiez leur disposition tactique sur le terrain, buteurs, score, cartons, remplacements, informez vos viewers des évènements en temps réel.
Chaque titre/texte des overlays a été créé avec une source OBS donc il est possible de tout changer (par exemple, sous le chat, modifier le titre Infos du match et le texte en dessous pour y mettre le message de son choix).

Overlay 2 cams
Animez le match à deux ! Il est aussi possible d'afficher les sessions de tirs au but en cas d'égalité en fin de match, pareil si vous avez des sponsors, vous pouvez les afficher à la place de l'encart Infos du Match.

Outro du stream
L'écran de fin de stream montre le score final du match.

Les alertes

Les alertes sont jouées au dessus de la partie Infos du match.

Le chat

Le chat est customisé et pré-installé dans Stream Elements, (l'installation se fait en un clic), quand le streamer écrit dans le chat, ses messages apparaissent en rouge.

Panneaux bio

Un fichier photoshop est fourni si vous voulez créer d'autres panneaux.

Installation des overlays

1) Extraction des fichiers :

⚠️ Placez le contenu du dossier compressé OBS - Overlays à la racine de votre lecteur C:, c'est à partir de cette lettre de lecteur qu'OBS fera le lien avec tous fichiers sources des overlays. Si vous ne le placez pas à cet endroit il faudra manuellement faire lien vers l'endroit ou vous l'avez placé pour l'importation du fichier JSON et pour les liens du fichier CSS (tache légèrement fastidieuse mais qui ne sera à faire qu'une fois).

2) Dans le dossier Install :

Installez les deux fonts : Teko-Regular.ttf et Teko-SemiBold.ttf (double cliquez dessus puis cliquez sur le bouton Installez)
Installez les deux extensions pour OBS Studio : OBS-markdown-installer.exe et OBS-stroke-glow-shadow-installer.exe
Si vous ne l'avez pas déjà, installez Streamlabels (pour les infos d’événements de stream) : Streamlabels-setup.exe

3) Ouvrez OBS Studio

Dans le menu collection de scènes, choisissez Importer, puis cliquez sur les 3 petits points sous Chemin de la collection et allez chercher le fichier Football_match_overlay_FR.json (dans le dossier Install), pour finir, cliquez sur le bouton Importer. La scène est maintenant importée dans votre collection, sélectionnez-la et attendez quelques instants qu'elle se charge.

Caler les sources à gauche offre une meilleur lisibilité et vous aidera à acceder rapidement à un élément, et mettre les scènes en mode grille avec deux colonnes permet de mieux s'y retrouver pour switcher facilement.
Pour gérer votre caméra, allez dans le groupe du bas nommé UNE CAM et modifiez la source périphérique de capture vidéo. Modifiez vos réseaux sociaux dans la scène Réseaux sociaux, les modifs que vous y apporterez se répercuteront dans les scènes Intro et Outro.

Connectez-vous à votre compte StreamElements, puis dans le dossier Install double cliquez sur le fichier Football-match_Alertes-FR, cela vous créera un nouvel overlay nommé FOOT alertes FR

Cliquez sur le bouton MODIFIER de cet overlay, puis sur l’icône du lien en haut a droite pour copier son URL
Dans OBS, ouvrez la source ALERTES (dans le groupe CHAT-ALERTES) puis coller l'URL dans le champ texte URL, cliquez sur le bouton Ok

Connectez-vous à votre compte StreamElements, puis dans le dossier Install double cliquez sur le fichier Football-match_chat, cela vous créera un nouvel overlay nommé FOOT commentary chat

Cliquez sur le bouton MODIFIER de cet overlay, puis sur l’icône du lien en haut a droite pour copier son URL
Dans OBS, ouvrez la source CHAT (dans le groupe CHAT-ALERTES) puis coller l'URL dans le champ texte URL, cliquez sur le bouton Ok

Streamlabels c'est quoi ? C'est un logiciel qui créé des fichiers .txt des évenements de votre stream (nom du dernier follower, du dernier sub etc...), et qui s'actualisent en temps réel. Ces fichiers sont ensuite lus par OBS pour être affichés sur votre overlay.

Si vous lancez Streamlabels pour la première fois, on vous demandera de vous connecter à votre plateforme de streaming puis de choisir un dossier dans lequel seront créés les fichiers .txt

Cliquez sur le bouton CHOOSE OUTPUT DIRECTORY et choisissez le dossier dans lequel vous souhaitez que les fichiers soient créés.
Dans OBS, ouvrez la source infos stream 1 streamlabels (dans le groupe CHAT-ALERTS) ensuite allez cherchez le fichier .txt voulu en cliquant sur le bouton Parcourir, par exemple, si vous voulez afficher le nom du dernier follower, choisissez le fichier texte suivant : most_recent_follower.txt puis cliquez sur le bouton Ok

Préparation du match

Dans le groupe Tournoi, vous pouvez afficher l'image du championnat que vous commentez, sinon vous avez la possibilité d'afficher le nom de votre tournoi personnalisé avec du texte, vous pouvez aussi montrer l'importance du match (demi-finale, finale etc...) ainsi que le nom du stade et le lieu dans lequel il est joué en affichant la source Match + lieu.

Vous pourrez trouver les écussons des équipes sur wikipedia qui propose généralement des images avec de la transparence (.png). Enregistrez-les au même endroit dans le dossier Images créé pour l'occasion (Football match overlay/Sources/Images).

Ouvrez le groupe LOGO + 3 LETTRES, double cliquez sur la source ÉQUIPE 1 - Logo puis allez chercher l'écusson de l'équipe en cliquant sur le bouton Parcourir, validez en cliquant sur le bouton Ok. Pour les 3 lettres, double cliquez sur la source ÉQUIPE 1 - 3 lettres puis changer les 3 lettres, cliquez sur Ok pour valider. Faites la même chose pour l'équipe 2.

Nom d'équipe

Pour changer le nom de l'équipe, double-cliquez sur la source ---------- Nom ÉQUIPE 1 ---------- (ou cliquez sur le bouton Propriété après l'avoir sélectionné) puis modifiez la ligne Équipe 1 (sans toucher aux autres lignes). Validez en cliquant sur le bouton Ok. Le nom d'équipe changera aussi à différents endroits et dans différentes scènes. Répétez l'opération pour l'équipe 2.

Numéro et nom des joueurs

Pour changer le numéro et le nom du joueur, ouvrez le groupe EQ1 - joueur 1 (Gardien) (ou cliquez sur le bouton Propriété après l'avoir sélectionné) puis modifiez la ligne du numéro et celle du nom (sans toucher aux autres lignes), répétez l'opération pour les autres joueurs et pour ceux de l'équipe 2.

Formation d'équipe

Pour changer la formation de l'équipe, faites un cliqué-glisser des joueurs sur le terrain pour les déplacer.

Couleur des maillots

Ouvrez le groupe EQ1 - joueur 2, selectionnez la source EQ1 - Maillot (filtre => addition de couleur) et cliquez sur le bouton Filtres en bas de l'écran (vous pouvez aussi faire un clic droit sur la source puis Filtres), dans la fenêtre qui vient de s'ouvrir, scrollez vers le bas et cliquez sur le bouton Sélectionnez une couleur de la ligne Addition de couleur puis sélectionnez la couleur de votre choix. Vous noterez que cela change la couleur de tous les maillots des joueurs de champ mais aussi les couleurs en rapport avec l'équipe (barre de score et fond derrière leur nom). Répétez l'opération pour l'équipe 2. Les gardiens ont leur propre couleur de maillot indépendante des autres joueurs.

Couleur des numéros

Dans le dossier Football match overlay, vous trouverez le fichier OBS-players-number-color.css, ouvrez-le (avec le bloc-note) et modifiez les 4 codes couleurs correspondant au gardiens et joueurs de champ de chaque équipe. Enregistrer le fichier pour voir les changements. Cela change aussi la couleur du nom de l'équipe pour garder une cohérence dans les couleurs.

Vous pouvez trouver les codes couleurs à la ligne HTML après avoir choisi une couleur, copiez-collez-les dans le fichier.css.

Vous pouvez aussi trouver les codes couleurs sur https://htmlcolorcodes.com/fr/.

Entraineur et remplaçants

Pour changer le nom de l'entraineur et le nom des remplaçants, ouvrez le groupe INFOS DES ÉQUIPES, double-cliquez sur la source EQ1 - Nom de l'entraineur (ou cliquez sur le bouton Propriété après l'avoir sélectionné) puis modifiez le nom dans la case Markdown, faites de même pour les sources EQ1 - Noms des remplaçants et EQ1 - Noms des remplaçants 2. Répétez l'opération pour l'équipe 2.

Infos du match

Pour changer le titre, ouvrez le groupe Infos du match puis double-cliquez sur la source Infos du match - Titre (ou cliquez sur le bouton Propriété après l'avoir sélectionné), modifiez le titre dans la case Markdown, répétez l'opération avec la source Infos du match - Texte pour modifier le texte.
Ce bloc texte sert à présenter le match et à cerner ses enjeux mais il pourrait aussi très bien servir votre stream en affichant une info le concernant et n'ayant aucun rapport avec le match, bref, mettez-y ce que vous voulez ! =)

Sponsors

Vous pouvez afficher des sponsors à la place de l'encart Info du match, cochez l’icône de l’œil du groupe Infos du match pour le faire disparaitre et cochez l’icône de l’œil du groupe 1 sponsor ou 2 sponsors pour le faire apparaitre. Pour Modifier l'image, ouvrez le groupe et double-cliquez sur la source Sponsor 1 (ou cliquez sur le bouton Propriété après l'avoir sélectionné) puis allez chercher l'image de votre sponsor en cliquant sur le bouton Parcourir, cliquez sur le bouton Ok pour valider.

Déroulement du match

Maintenant que vos scènes sont prêtes, il est temps de passer au direct !

Quand vous êtes dans la scène d'intro, sélectionnez la source Compte à rebours, vous pouvez choisir la longueur du décompte (jusqu’à 15 mn) en bougeant le curseur sur la barre de défilement

Ouvrez le groupe Timer, sélectionnez la source Timer (bouton interagir) et cliquez sur le bouton Interagir sous la scène, ça ouvrira une fenêtre dans laquelle vous pourrez démarrer le Timer (bouton RESUME), faire une pause (re-cliquez dessus), choisir de reset le temps ou de démarrer à la deuxième mi-temps en affichant 45:00. Vous pouvez cacher et afficher les différentes sources Timer (bouton interagir), Mi-temps, et Match Terminé pour indiquer où en est le match.

Score

Double-cliquez sur la source EQ1 - SCORE ou EQ2 - SCORE (ou cliquez sur le bouton Propriété après l'avoir sélectionné) puis changez le score. Cliquez sur le bouton Ok pour valider.

Buteur

Ouvrez le groupe Buteurs et si c'est l'équipe 1 qui marque, double-cliquez sur la source EQ1 - Buteur 1 (ou cliquez sur le bouton Propriété après l'avoir sélectionné) et modifiez le nom et à quelle minute il a marqué, cliquez sur Ok pour valider, puis affichez la source en cliquant sur l’icône de l’œil pour l'afficher dans la scène sous la barre de score.