GFX-OVER GFX-OVER
Sports venue during a live broadcast

GFX-OVER

Control Panel
User Manual
Guide to creating and managing broadcast graphics
GFX-OVER app screens
Version 1.0
Chapter 1

Introduction

GFX-OVER Control Panel is the app that allows you to create and manage real-time graphics for the live television and streaming broadcast of your match: player names, substitutions, results, formations, sponsors, and much more. With just a few taps, you can broadcast professional information, always consistent with your team's colors and data.

What you can do with this app

  • Enter match information (teams, date, location, competition)
  • Create animated graphics for the broadcast: player presentations, substitutions, results, lineups
  • Customize the graphic theme colors according to your teams
  • Manage a sequence of sponsor logos
  • Send free text messages during the live broadcast
Operator sending a graphic from the field via smartphone
Send graphics in real time, directly from the field
๐Ÿ“– How this manual is organized

Each section corresponds to a screen in the app and follows the order in which you would normally use it: first the match configuration (Start), then the creation of graphics (Graphics), and finally the management of the order of play and the account.

Every function is accompanied by a screenshot of the app, so you can recognize it immediately on your screen.

Chapter 2

App Access

When launching the app, you will be prompted to log in with your credentials.

App login screen
Screen

Login Screen

Enter your credentials to enter the Control Panel
1
Username
Enter your username in the first field
2
Password
Enter your password in the second field
3
Sign In
Press the blue "Sign In" button to enter the app

Forgot your login details? Use the "Forgot username or password?" link or contact the system administrator.

๐Ÿ’ฌ Note

If you don't have an account yet, you can create one independently via the "Sign Up" link or by contacting the person who manages the GFX-OVER subscription for your organization.

Chapter 3

Main Navigation

Once logged in, the app features a bottom navigation bar, always visible, allowing you to move between the four main sections.

SectionNamePurpose
๐Ÿšฉ StartMatch ConfigurationSet teams, lineups, colors, and event data. This is the first step to take before every match.
๐ŸŽ›๏ธ GraphicsBroadcast GraphicsCreate and send all graphics live: presentations, substitutions, results, formations, sponsors, and free text.
๐Ÿ“‹ Order of PlayOrder of PlayView and manage the sequence of saved graphics for the live broadcast.
๐Ÿ‘ค AccountUser ProfileCheck your account data, subscription plan, log out, and access other administrative functions.

At the top of each screen, the OUTPUT box is present: it shows in real time what is being transmitted to the external OUTPUT page (web source), along with the connection status (Connected / Disconnected).

A small icon in the top right corner allows you to hide/show this box to have more space on the display.

๐Ÿ’ก Tip

Keep an eye on the connection status at the top: if it is "Disconnected", the sent graphics might not reach the output. Verify the device's network connection before going on air.

Chapter 4

Start - Match Configuration

The Start screen is the starting point: here you prepare all the information that will then be automatically used by the graphics.

Match Configurator Screen
Screen

Match Configurator

The starting point for every match

In this screen, you will find four main areas, each openable via the "Edit" button:

  • Lineup HOME โ€” home team formulation
  • Lineup AWAY โ€” away team formulation
  • Match Info โ€” general match data
  • Colors โ€” graphic theme colors
๐Ÿ’ก Why it is important

The data entered here is automatically recalled by the graphics (for example, with the "Insert Data" buttons), saving time and reducing errors during the live broadcast. Always configure this section before starting to create graphics.

4.1 Match Info

Match Info Screen
Sub-screen

Match Info

General match data
  • Competition โ€” name of the competition (e.g., "Serie A", "Champions League")
  • Matchday โ€” matchday or tournament phase (e.g., "10th MATCHDAY")
  • Date โ€” date and time of the match
  • Location โ€” event venue (e.g., stadium or arena name)
  • Shirt Colors โ€” jersey colors for the Home and Away teams

When finished, press "Save" in the top right corner to save the changes.

4.2 Lineup Home and Lineup Away

Configure the lineup for each team. The fields are identical for Home and Away.

Lineup Home Screen Lineup Away Screen
Sub-screen

Lineup HOME and Lineup AWAY

Formations, coaching staff, and team logo
  • TeamName โ€” team name
  • Team Logo โ€” image uploadable from your smartphone
  • TextA / TextA-Name โ€” role and name (e.g., Head Coach)
  • TextB / TextB-Name โ€” role and name (e.g., Assistant Coach)
  • TextC / TextC-Name โ€” role and name (e.g., Manager)
  • Players โ€” list of players with jersey number and name

The eye icon next to each player allows you to show or exclude them from the formation.

When proceeding with the insertion of images (e.g., "Sponsor" and "Team Logos"), the specific tool opens. It allows users to create and delete yellow folders to best organize the categories of images that will be loaded inside them.

The green folders already present are those made available by the administrator with the images necessary for Default settings.

โš ๏ธ Important

Remember to press "Save" in the top right corner after entering or modifying formation data.

4.3 Colors โ€” Color Configuration

Color Configuration Screen
Sub-screen

Color Configuration

The graphic palette used across all broadcast graphics
  • Primary Color โ€” main color (backgrounds, bands)
  • Primary Color Text โ€” text color on the primary color
  • Secondary Color โ€” secondary color (boxes, frames)
  • Secondary Color Text โ€” text color on the secondary color

Press "Save" in the top right corner to apply the new palette to all graphics.

Chapter 5

Graphics โ€” Creating Graphics

The Graphics screen is the heart of the app: from here you create and send all the graphics for the broadcast live.

Select Graphic Screen
Screen

Select Graphic

The list of all available graphics

How it works, in 4 steps

1
Select a graphic

Choose from the list (Lineup, Substitution, Match ID, Name Super, Result, Sponsor SlideShow, Free Text)

2
Fill in the fields

Texts, images, and player selections

3
Send the graphic

Use the GFX-IN / GFX-OUT control buttons

4
Check the output

Verify the OUTPUT box at the top

Control Buttons

โ–ถ GFX-IN โœ• GFX-OUT
ButtonActionDescription
GFX-INSend / ShowMakes the graphic visible in the broadcast output.
GFX-OUTRemove / HideRemoves the graphic, making it disappear from the output.
๐Ÿ“Œ Remember

The GFX-IN and GFX-OUT buttons are located at the bottom of each graphic screen and are always available while editing fields.

5.1 Name Super

Name Super Screen
Graphic

Name Super

Player name and number in overlay
  • Select Home/Away Player โ€” quick selection of the player from the lineup
  • Number and name โ€” automatically filled by selecting the player
  • TextMessage โ€” optional additional message (e.g., "GOAL", "YELLOW CARD", "INFORMATION")
๐Ÿ’ฌ Useful Notes

The TextMessage field is shown only if it contains text.

If the text is too long, it is automatically resized.

The TextMessage updates only upon the next GFX-IN, not in real time as you type.

5.2 Substitution

Substitution Screen
Graphic

Substitution

Substitution: player IN and player OUT
1

Press "Player-IN" and select the entering player from the lineup

2

Press "Player-OUT" and select the exiting player

3

The number and name of both players are inserted automatically

4

Press GFX-IN to send the graphic

5.3 Match ID

Match ID Screen
Graphic

Match ID

Match identity: teams, competition, date, and venue
1

Press "Insert Data" to automatically fill in all fields based on the configuration entered in Start โ†’ Match Info

2

Press GFX-IN

๐Ÿ’ก Advantage

Thanks to the "Insert Data" button, there is no need to retype the information: it is pulled directly from the match configuration.

๐Ÿ’ก Tip

You can save the substitution to the "Order of Play".

At the bottom, type a reminder name in the "Save to Order of Play" field and press the bookmark icon to save it to the "Order Of Play" list.

5.4 Result

Result Screen
Graphic

Result

Real-time match score
  • Clear Data โ€” resets the graphic fields
  • Insert Data โ€” automatically fills data from the match configuration
  • Serve image โ€” image used to indicate service/possession (e.g., a ball)
  • Sponsor โ€” area dedicated to the sponsor logo, toggleable via the switch in the top right
  • Home/Away Scores (and, for sports with sets, the scores of individual sets)
๐Ÿ’ก Tip

Use the quick +/- buttons to update scores rapidly in real time during the action.

5.5 Lineup

Lineup Screen
Graphic

Lineup

Complete lineup: players, coach, and staff

Use the "Insert Data Home" or "Insert Data Away" buttons to automatically populate all fields (team name, roles, staff, and players) based on the Start configuration.

  • Competition / Matchday โ€” event information
  • TeamName โ€” team name
  • TextA, TextB, TextC and corresponding names โ€” coaching staff roles
  • Player list with number and name
๐Ÿ’ก Tip

Configure the formations just once in Start โ†’ Lineup Home/Away: from that moment, in this screen you will only need to press "Insert Data Home/Away" to populate everything automatically.

5.6 Sponsor SlideShow

Sponsor SlideShow Screen
Graphic

Sponsor SlideShow

Automatic sequence of sponsor logos
1

Set the display duration for each logo in the "Duration (seconds)" field (default value: 4 seconds)

2

Upload sponsor logo images into fields Logo1, Logo2, ... up to Logo10

3

Press GFX-IN to start the live slideshow

4

Press GFX-OUT to terminate it

๐Ÿ’ก Tip

For consistent results, prepare sponsor logos with similar dimensions and proportions in advance.

5.7 Free Text

Free Text Screen
Graphic

Free Text

Customized free text in overlay
  • Icon โ€” optional image to place next to the text
  • Text โ€” the text to display

Typical Usage

  • Informative messages for the audience
  • Announcements or special communications
  • Dedications or acknowledgments
๐Ÿ’ก Tip

You can also save the content of this graphic to the "Order of Play" using the "Item name" field and the bookmark icon to recall it quickly during live events.

e.g., TIME OUT or SET POINT

Chapter 6

Order of Play

This screen gathers all the graphics you have saved as "favorites" from the various Graphics sections, so you can quickly recall them during the live broadcast without having to recompile them.

Order of Play Screen
Screen

Order of Play

Your saved graphics, ready to recall

If you haven't saved any graphics yet, the list will be empty and display the message "No saved items".

How to add an item

From the graphics screens (Name Super, Substitution, Free Text, etc.), type a name in the "Save to Order of Play" field and press the bookmark icon to save it here.

OUT Button

The red "OUT" button at the top right removes the currently visible graphic from the output at any time except for the "Sponsor SlideShow" graphic, for which the "OUT" command must be sent from within the graphic itself.

Chapter 7

Account โ€” Your Profile

In this screen, you will find information related to your account and you can perform a logout.

Account Screen
Screen

Account

Profile, subscription, and settings

Displayed Information

  • Username โ€” your username
  • Email โ€” the address associated with the account
  • Subscription Plan โ€” the active subscription plan (Free Plan - Monthly Plan - Annual plan)
  • Expires on โ€” subscription expiration date

Available Actions

  • Logout โ€” exit the application (red button in the top right corner)
  • Send Output Path via Email โ€” send the output page link via email, to be used in OBS or on another device
  • Change Password โ€” start the procedure to change your Password
  • Send Feedback โ€” allows you to send an email message to GFX-OVER support
  • User Manual โ€” opens the manual within the app (a graphically more comprehensive manual is present on the website www.gfx-over.com)
  • Delete Account โ€” starts the irreversible procedure for account deletion and all its sensitive data
Chapter 8

Output (Internal App OUTPUT)

At the top of each screen in the app, the OUTPUT box is present: it shows in real time how the graphics will appear in the broadcast, on a transparent background that simulates the overlay.

GFX-OVER graphic displayed on TV, laptop, tablet, and smartphone
Sent graphics from the app appear in overlay on TV, laptop, tablet, and smartphone

Features

  • Real-time preview โ€” Note: in the "Result" graphic every modification to fields reflects immediately
  • Expandable mode โ€” tap the icon in the top right corner to hide or display it
  • Transparent background โ€” graphics are shown exactly as they will actually appear in overlay on live images
  • Status indicator โ€” the colored dot (green/red) and the text "Connected"/"Disconnected" indicate if the app is linked to the output page

Connecting the output to OBS or to another device

1
Go to the Account section

Press "Send Output Path via Email", or request the link from the administrator

2
Copy the link

Copy the address (URL) of the output page received via email

3
Open it where needed

Open the link in a browser, or add it as a "Browser" source in OBS

4
Ready!

Graphics sent from the app will automatically appear on that page

๐Ÿ’ฌ Note

The output page has a transparent background: in OBS use it as a Browser source above the video scene to achieve the overlay effect on live footage.

Chapter 9

Practical Tips and Troubleshooting

Good Habits

  • Always configure the match first (Start โ†’ Match Info, Lineup Home/Away, Colors) before starting to use the graphics
  • Use the "Insert Data" buttons in the Lineup, Match ID, and Result graphics to save time and avoid typing errors
  • Save the most used graphics in the "Order of Play" to recall them quickly during the event

Troubleshooting Common Issues

IssueSolution
The graphic does not appear in outputVerify that you have pressed GFX-IN and check that the OUTPUT status is "Connected".
The OUTPUT preview is empty or blackCheck the device's network connection and reload the app.
Graphic colors are incorrectGo to Start โ†’ Colors, verify the palette configuration, and press "Save".
Player names are wrongGo to Start โ†’ Lineup Home/Away, correct the player list, then press Save.

Support

For any questions or technical issues not resolved by this guide, send feedback from the "Account" section to GFX-OVER support or write to us at the email found on the website www.gfx-over.com