Tutorial #1: Welcome to LeagueBroadcast!
on March 9, 2026

Our goal is to help you transform your League of Legends stream into a professional-grade broadcast with ease.

To ensure every streamer has the right tools for their specific needs, LeagueBroadcast is divided into different functional tiers. Currently, we offer:

  • The Free Tier: Our entry-level suite that provides all the essential tools to get a high-quality broadcast up and running immediately.

  • The Basic Tier: An expanded feature set for creators looking to add more depth and automated elements to their production.

In this first part of our series, we are diving deep into the Free Tier. We will walk you through the core interface and cover every feature you need to complete a basic setup, from managing your first teams to mastering live game controls.

Let’s start!

Step 1: Initialize Your Team Library

The “Teams and Players” section is your database. Even in the Free Tier, you can manage the core identity of the teams playing in your match.

  • Go to DATA > Teams and Players in the left sidebar.

  • Click Create New Team (top right) to add a new organization to your list. Or just use the existing teams and edit those.

 

 

  • Enter the Name and Tag.

  • Change the assigned Colors for your team’s primary, secondary and accent colors. These colors will automatically skin your in-game overlays to match the team’s branding.

  • Click the Team Icon on the far right to upload the team’s logo or chosen image.

  • Player info gets autofilled as soon as you have started the game.
    • Optional: Add Members for the specific team and enter their member name, tag, first and last names and assign a role. In case you have the corresponding info, you can also add the members PUUID.

 

After you’ve added your teams, we can hop over to the next step.

 

Step 2: Customize Your Visuals

Before going live, you want to ensure the broadcast matches your aesthetic and needed design.

 

  • Go to DATA > Style Editor in the left sidebar.

  • You will find yourself in the “In Game” settings per default, so we will go trough these adjustments first.

  • Click on the three dots on the right side of the “DefaultInGame” style to duplicate it.

 

 

  • After duplicating the style, you will find all available options underneath. Choose which options you would like to enable or disable. Options with a “Default” sign can be customized as well. For that, click on the option you wish to edit and proceed to the bottom right corner with the “Variant” headline. Duplicate the Default style just like before and make desired changes in the specific editor.

 

 

  • To have a visualization of your customizations, you can make use of the available mocking data. For that, enable the “Mocking” button on the top bar and click the eye next to it, to copy the mocking link OR leave the editing overlay and enable mocking data as shown below.

  • Then, use the “Copy Link” button and paste the copied link into your browser. Your changes in the editors will now be visible in your browser window in real time.
  • To integrate the overlay into your stream, just add the link as a new browser source into your OBS.

 

 

  • You can edit the features for Pre Game in the same way. Just click the tab “Pre Game” in the Style Editor to open the respective options.

 

Now your styles, designs and wanted visuals are set up. Let’s continue with syncing your game to the data in the overlay.

Step 3: Sync the Live Match

Once your teams are in the system, you need to tell the software which specific match is currently happening.

  • Select Current Game under the PRE GAME header.

  • Your “Current Game” will be blank, as long as you have no game running. If you start a League of Legends match parallel to opening the League Broadcast software, it will recognize your game and display the teams automatically.

 

 

  • Look at the top right corner. If the button is green and says “In Game”, the software has successfully synced with your League of Legends client.

  • Optional: Slain dragons will be shown by direct recognition in game. In case you want to edit them, they can be added manually by clicking on the buttons below the champion picks.

Now your game should be set up successfully and we can move over to the live game overlays.

 

Step 4: Master the Live Tools

With the game running, use these features to control the viewer experience:

Caster Mode

  • Open this dashboard under “IN GAME” to see a real-time data feed of the different scoreboards, champion tabs and spawn timers. For the features to be active, you will need to have a League of Legends game running at the same time.

  • For the Free Tier all available features

    • Global Scoreboard
    • Patch Number
    • Champion Tabs
    • Inhibitor Timer
    • Bottom Scoreboard
    • Baron Timer
    • Dragon Timer

 

  • All other features displayed can be activated by upgrading to Basic Tier.

Game Camera

This feature enables the integration of “League Director” into your stream. Just name your sequence and add the corresponding file.

 

 

You’re done with the basics!

Start your next stream and enjoy a professional look. Or check out one of our more in depth tutorials.

Your BlueBottle Team 💜

Contact Information

Sandra Bloy
Marketing Lead
sandra@bluebottle.gg