English version

Football overlays for live streaming matchs

Stream your soccer matches like a pro. 🎙️
A complete, ready-to-use OBS studio overlay with intro, outro, custom chat, alerts, and bio panels, plus an additional scene for duo commentary.

Price :

49€

Pack content :

✅ 4 overlays : Intro/solo ⁄ Duo/Outro

✅ 7 OBS studio scenes - 1080p & ready to use

✅ Custom chat

✅ Custom Alerts

✅ Custom pannels + photoshop file

Buy on :

Ko-Fi

Logiciels :

Overlays

Stream Intro
The home screen shows the two teams that will face each other and in which tournament. The animated background is a 12-second loop.

One cam overlay (Vous pouvez cliquer sur les images pour zoomer).
Choose the tournament you're interested in, insert team badges, enter player names, and modify their tactical layout, goal scorers, score, cards and substitutions, keep your viewers informed of events in real time.
Each overlay title/text was created using an OBS source, so you can change everything (for example, under the chat, modify the Match Info title and the text below to include the message of your choice).

2 cams overlay
Animate the match with a friend! It is also possible to display penalty shootouts in case of a tie at the end of the match. And if you have sponsors, you can display them instead of the Match Info box.

Stream outro
The end of stream screen shows the final score of the match.

Alerts

Alerts are displayed above the Match Info section.

Chat

The chat is customized and pre-installed in Stream Elements, (installation is done in one click), when the streamer writes in the chat, his messages appear in red.

Pannels

A photoshop file is provided if you want to create others panels.

Installing overlays

1) Files extract :

⚠️ Place the contents of the OBS - Overlays compressed folder at the root of your C: drive. This is the drive letter that OBS will use to link all overlay source files. If you don't place it there, the overlay import will appear "broken", you will have to manually link to the location where you placed sources for the JSON file import and for the CSS file links (a slightly tedious task but one that will only need to be done once).

2) In the Install folder :

Install the two fonts : Teko-Regular.ttf et Teko-SemiBold.ttf (double click on it then click on the Install button)
Install both extensions for OBS Studio : OBS-markdown-installer.exe and OBS-stroke-glow-shadow-installer.exe
If you don't already have it, install Streamlabels (for stream events) : Streamlabels-setup.exe

3) Open OBS Studio

In the Scene Collection menu, choose Import, then click on the 3 small dots under Collection Path and browse for the Football_match_overlay_FR.json file (in the Install folder), finally, click on the Import button. The scene is now imported into your collection, select it and wait a few moments for it to load.

Aligning sources to the left provides better readability and helps you quickly access an element, and setting scenes to a grid with two columns makes them easier to navigate and switch between them.
To manage your camera, go to the bottom group labeled ONE CAM and change the video capture device source. Edit your social media in the Social Media scene, the changes you make there will be reflected in the Intro and Outro scenes.

What is Streamlabels? It's a software that creates .txt files of your stream's events (name of the last follower, last sub, etc.), which are updated in real time. These files are read by OBS to be displayed on your overlay.

If you are launching Streamlabels for the first time, you will be asked to log in to your streaming platform and then choose a folder in which the .txt files will be created.

Clic on CHOOSE OUTPUT DIRECTORY button and choose the folder where you want the files to be created.
In OBS, open the infos stream 1 streamlabels source (in the CHAT-ALERTS group) then go find the desired .txt file by clicking on the Browse button, for example, if you want to display the name of the last follower, choose the following text file: most_recent_follower.txt then click on the Ok button

Setting up the match

In the Tournament group you can display the image of the championship you are commenting on, otherwise you have the option to display the name of your custom tournament with text, you can also show the importance of the match (semi-final, final etc...) as well as the name of the stadium and the location in which it is played by displaying the source Match + location.

You can find team badges on Wikipedia, which usually offers transparent images (.png). Save them in the same location in the Images folder created for the occasion (Football match overlay/Sources/Images).

Open the LOGO + 3 LETTERS group, double-click on the TEAM 1 - Logo source, then find the team badge by clicking on the Browse button, confirm by clicking on the Ok button. For the 3 letters, double-click on the TEAM 1 - 3 letters source, then change the 3 letters, click on Ok to confirm. Do the same for team 2.

Team name

To change the team name, double-click the source ---------- TEAM 1 Name ---------- (or click the Properties button after selecting it) and then edit the Team 1 line (without touching the other lines). Confirm by clicking the OK button. The team name will also change in different places and in different scenes. Repeat for Team 2.

Players's name and number

To change the player's number and name, open the EQ1 - player 1 (Goalkeeper) group (or click the Properties button after selecting it) and then modify the number line and the name line (without touching the other lines), repeat the operation for the other players and for those of team 2.

Team formation

To change the team formation, click and drag players onto the field to move them.

Shirts color

Open the T1 - player 2 group, select the T1 - shirt (filter => color addition) source and click on the Filters button at the bottom of the screen (you can also right-click on the source then Filters), in the window that just opened, scroll down and click on the Select color button in the Color addition line then select the color of your choice. You will notice that this changes the color of all the outfield players' shirts but also the colors related to the team (score bar and background behind their name). Repeat the operation for team 2. The goalkeepers have their own jersey color independent of the other players.

Numbers color

In the Football Match Overlay folder, you will find the OBS-players-number-color.css file. Open it (with Notepad) and modify the four color codes corresponding to the goalkeepers and field players of each team. Save the file to see the changes. This also changes the color of the team name to maintain consistency in the colors.

You can find the color codes in the HTML line after choosing a color, copy and paste them into the .css file.

You can also find color codes at https://htmlcolorcodes.com/fr/.

Trainers and substitutes

To change the coach name and the substitutes' names, open the TEAM INFO group, double-click the T1 - Coach Name source (or click the Properties button after selecting it) and then change the name in the Markdown box. Do the same for the T1 - Substitutes Names and T1 - Substitutes 2 Names sources. Repeat for Team 2.

Match infos

To change the title, open the Match Info group, then double-click the Match Info - Title source (or click the Properties button after selecting it), edit the title in the Markdown box, and repeat the process with the Match Info - Text source to modify the text.
This text block is used to introduce the match and outline its implications, but it could also be useful for your stream by displaying information about it that has nothing to do with the match. In short, put whatever you want in it! =)

Sponsors

You can display sponsors instead of the Match Info box, check the eye icon in the Match Info group to make it disappear and check the eye icon in the 1 sponsor or 2 sponsors group to make it appear. To change the image, open the group and double-click on the Sponsor 1 source (or click on the Properties button after selecting it) then go and find the image of your sponsor by clicking on the Browse button, click on the Ok button to validate.

Streaming the match

Now that your scenes are ready, it's time to go live!

When you are in the intro scene, select the Countdown source, you can choose the length of the countdown (up to 15 minutes) by moving the cursor on the scroll bar

Open the Timer group, select the Timer (interact button) source and click the Interact button below the scene, this will open a window where you can start the Timer (RESUME button), pause it (click it again), choose to reset the time or start at the second half displaying 45:00. You can hide and show the different Timer (interact button), Half Time, and Match Over sources to indicate where the match is at.

Score

Double-click the T1 - SCORE or T2 - SCORE source (or click the Properties button after selecting it) and change the score. Click the Ok button to confirm.

Buteur

Open the Scorers group and if Team 1 scores, double-click the EQ1 - Scorer 1 source (or click the Properties button after selecting it) and change the name and the minute he scored, click Ok to confirm, then display the source by clicking the eye icon to display it in the scene under the score bar.