If you’ve bought a package with us you may be able to install your overlay within seconds! Learn more.
Scenes and Sources
There are two very important tabs on the Streamlabs Desktop app that you need to be aware of. The scenes tab and the sources tab. The scenes tab houses all of your scene collections such as the live screen, starting screen, intermission screen etc. The sources tab is where all of the widgets and sources that are used in the current scene are managed. Let’s get started with your first scene.
Livescreen Scene
- Rename the current scene to Livescreen.
- On the sources tab add a new source and select Screen Capture.
- Choose the game or window you would like to capture and confirm your settings.
- With the initial scene setup complete you’re now ready to add in your sweet new graphics!
Overlay (Facecam, Bar Overlay & Info Labels)
Adding the Overlay to your current scene
- With the Livescreen scene active, add a Media Source from the sources tab and select the Overlay file.
- Make sure to select the Loop checkbox before pressing Done.
- Resize the Overlay and adjust it to your preferred position.
- Add a Video Capture Device source and select your device.
- On the sources tab, move this layer beneath the Overlay layer and adjust it’s size so it fits within the Overlay.
Adding your Username
- Add a Text source and enter your Username.
- Resize and reposition this text layer onto the Overlay.
Make sure the text layer is above the rest of the Overlay layers so that it is visible.
Adding Stream Labels and Icons
- Add a Custom Icon source and select the Icon folder found in your download.
- Select the Icon you would like to use and resize and reposition it onto the Overlay.
- Add a Stream Label source and select the Label Type that you wish to use.
- Resize and reposition this so that it matches up with the Icon and group these elements together.
Overlays usually requires more than one Stream Label. You can either repeat the steps above, or more easily, copy the Stream Labels folder and Paste Duplicate to create a duplicate folder. Be sure to avoid Paste Reference as this will create a source that will be reflected by the original source. This means that changes made to the original source will also make the same changes to the new source.
Tip: Neaten up your workspace by naming sources correctly and grouping them into folders to keep everything organized.
Screens
Creating a new scene
- On the Scenes tab there is a + Icon which will allow you to create a new scene.
- Name this scene as the screen you would like to import, for example: Starting Screen.
Importing the Screen files
- Add a Media Source and select the Background file from your download.
- Add another Media Source and choose the Screen Text that you would like to use.
- Repeat this process for the remaining Screens.
When importing these files make sure that you select the Loop checkbox so that the animation will loop and not end.
Intermission Screen
Creating a new scene
- On the Scenes tab there is a + icon which will allow you to create a new scene.
- Name this scene as the screen you would like to import, for example: Intermission Screen
Importing the Intermission Screen files
- Add a Media Source and select the Background file from your download.
- Add another Media Source and choose the Intermission Screen Text.
When importing these files make sure that you select the Loop checkbox so that the animation will loop and not end.
Importing the Facecam
- Add an Image source and select the Facecam file found in the Intermission Screen folder in your download.
- Add a Video Capture Device source and select your device.
- On the sources tab, move this layer beneath the Facecam layer and adjust it’s size so it fits within the Facecam.
- Group these sources into a folder named Facecam.
Importing the Gameplay Frame
- Add an Image source and select the Gameplay Frame file found in the Intermission Screen folder in your download.
- Add a Screen Capture source and select the game or window you would like to capture.
- On the sources tab, move this layer beneath the Gameplay Frame layer and adjust it’s size so it fits within the Frame.
- Group these sources into a folder named Gameplay.
Importing the Chatbox
- Add an Image source and select the Chatbox file found in the Intermission Screen folder in your download.
- Add a Chatbox widget and resize it so that it matches the size of the Chatbox design.
- Reposition the Chatbox widget and place it above the Chatbox design.
- Group these sources into a folder named Chatbox.
Social Media
- Add a Custom Icon source and select the Social Media with Text folder from within your download.
- Select the icon you would like to use and rescale and position it where you would like.
- Add a Text source and enter your username.
- Position the text so that it lines up with the icon and group them into a folder.
You can either repeat the steps above, or more easily, copy the social media folder and Paste Duplicate to create a duplicate folder. You can copy your icons into each scene that you need them in.
Transition
- Press the Settings icon and add a new transition.
- Change the type to Stinger and select the Transition file.
- Enter the recommended settings for the transition point and then press Done.
You can find the recommended transition settings on the Products Read Me page.