While there are many similarities between OBS and Streamlabs OBS, the differences are subtle but may cause some confusion. Let's go through it together.
Step #1 The Editor Tab
Open Streamlabs OBS. If you don't have it, head to their website to download it now. Once you run and open the software, this screen will appear.
Make sure you go to the Editor in the top tray. Create a Scene (collection of sources for changing Scenes when live).
In the Sources box, you have the option to click on the folder icon. Creating a Group allows you to add multiple sources and move them all at the same time. I've created an Overlay group for this guide.
Step #2 Adding a Source
Click on the "+" icon to add a source. A source can be a wide variety of things. For adding overlays, click on Image (circled in red).
Highlight the source you add to wish, then click on Add Source. Name it something appropriate (like "Top Bar," "Webcam," or "Bottom Bar.") Click Done to bring up a new window.
Here you will select Browse to find the file in your PC's File Explorer. Select the image you want to add, then click Done.
Step #3 Adjusting Your Image
Now the image will be added to the broadcast preview.
One main difference between OBS and SLOBS is pixel tracking. This is a nice feature to make sure your image is evenly placed on the broadcast.
You can click on the grey boxes surrounding the image to increase/decrease the size of the image. Additionally, click anywhere on the image space to drag it to your preferred location (a hand cursor will signify you can drag a source). Another neat feature is the ability to use the D-Pad to move the image/source one pixel at a time to get precise placement.
Step #4 Add more Image Sources
Depending on how many overlays you have, repeat the above steps until satisfied.
That's it! Your new VBI overlays are now ready. Thanks for reading!