StreamShift overlays are extremely easy to set up. We like to use OBS Streamlabs as it allows us to create custom assets for your stream that are unique to the content creator. To do so, we need to use a type of source called a Browser Source. The fantastic thing about browser sources is that they allow the user to customise their overlays quite freely and easily with little programming experience. Let's get started.
Perfect! Then you are ready to move on and enhance the user experience of your stream.
Open the Streamlabs editor. By default, you should see a layout like the below screenshot
I have labelled the key sections we will be requiring in this tutorial. At the top right corner of each section, there is a plus (+) and a minus (-) icon. This is how we will add a relevant element to our screen.
By default, a scene will be selected. By looking at the 'Screen' section of your editor, you will be able to see an example of what your audience will see.
To add an overlay to your stream, click on the plus (+) button under the 'Sources' section. You should get a pop up asking you to select a type of source. Click on the 'Browser Source' selection, and then select 'Add Source'
FYI: This pop-up is where you can ANY type of overlay to your stream including things like alertboxes, subscriber/donation goals and video/screen captures.
Let's just check we are on the same page. You should see the 'Settings for Browser Source' page.
Fill in the settings as shown above. That being
You may need to alter the width/height depending on the dimensions of your screen and the overlay. Keep adjusting until you can see the whole overlay in the preview Now click 'Done'
Drag the white squares that are found on the border of the source until you have a suitable size for your overlay. You can also move the position of the overlay by holding down the left mouse button in the middle of the item, and dragging it around.
A question you might have is 'where is the best place to place my overlay?' Well there are plenty of possibilities. My recommendation would be a method we like to call 'The Screenshot Method.' This method involves 3 easy steps:
Compliment your overlay with others. If you have a webcam, use the 'Video Device Capture' to add your camera. For more free and custom overlays, view our full catalog. You are now ready to stream to your live audience.