Now that we have added a Game Capture source and a Video Capture source, your stream should be looking good. To get your stream to pop off, you will need to add in some images/graphics and overlays. A very simple graphic or overlay to add is a webcam border. There are plenty of these that you can find for free.
The benefit of getting an overlay over some smaller graphics pack is that it includes everything (most of them).
Overlays come with a stream starting scene with a beautiful background (some even animated), an Intermission scene, and a stream ending scene. Furthermore, it comes with every icon/graphic/sounds/alerts you need. Lastly, some overlays include panels that you can add to your streaming channel itself.
Not everyone is an artistic type. Don’t worry! You can get some free overlays, widgets, icon packs, transitions, and much more from Nerd or Die
. They have a Name Your Price
section, which allows you to put any price you want for a kit.
You can put 0.00$ if you wish and get it for free (but it’s always nice to give a little something for their hard work). If you are going to take streaming seriously, spending 10-30$ to have a complete package that comes with everything is very worth it and recommended.
Check out the following overlay reviews we have done: Retrowave
Nonetheless, once you’ve downloaded an overlay pack (I got the Clearview
pack), all you need to do is unzip it to a location on your hard drive. With the files extracted, you can start adding some of your overlays.
With Streamlabs OBS, they have an import overlay function, which allows you to load your .overlay file directly into SLOBS.
The import function is found under Settings -> Scene Collections -> Import Overlay File. Select your .overlay file in the folder you extracted and click on Open. Streamlabs OBS will handle the rest and load everything up in your scenes at the bottom left. It will have loaded its own managed scene selector (similar to a profile for scenes)
If you enjoy doing things manually or made your overlay images, follow further below as I will be showing you how to add a webcam overlay.
In Streamlabs OBS, select the scene that you want to add your overlay to and add one of the following sources:
1. For a regular image/graphic, make sure you choose Image
2. For an animated image/video loop, make sure you select Media Source
Give it an identifiable name. After, it will prompt you to locate the file you want to use. Make sure you use the correct size (16:9 or 4:3) of overlay for your webcam size. If you are using 720p as a resolution, the 16:9 overlay will be what you want to use.
Head over to the extracted pack you downloaded earlier and select the appropriate image. It will show up in your Preview section. When you are satisfied with your overlay, click Done.
With your overlay in the Preview section, you can resize it with your webcam source so that it fits appropriately together.
When resizing images/media files, holding Left-Shift will let you break that aspect ratio and allow you to manipulate the overlay to fit correctly.
Once completed, your Preview section should look close to mine.
Make sure to add your webcam and webcam overlay in a group. There will come a time when you need to move it depending on what you are streaming.
To do this, create a group in your Sources section by clicking the Folder+ icon. Give it a name (ex. Webcam Group) and place this group over your Game Capture source. Make sure the group is above your Game Capture source. Drag your webcam source and border source into the group. You will need to make sure your overlay is above your webcam.
Grouping your items will let you scale them together. So if you ever need to adjust your webcam source, select the group, and it will all scale together.
You can also click and drag your files from your folder into Streamlabs OBS and it will properly create the sources for all of them.