StreamElements Manual Setup

If you want to manually setup Overlays or edit your existing overlay it’s pretty simple.

When you log in to the StreamElements please navigate to the “My Overlays” on the left side menu.

If you want to create a new overlay please click on the “Create Blank Overlay” on the top right side blue button.

Streamelements Create New Overlay

Create Overlay

Default resolution is 1080px 

StreamElements overlays are 1920×1080 but you can resize them if needed in the OBS/SLOBS

Give a name to your overlay and start adding widgets you need (text, images, videos, etc…)

 

Add Image

If you want to add an image, you can click the + blue circle on the left side of the area and select STATIC/CUSTOM –> Add Image

You can drag the image by clicking on the blue outlines and just dragging it.

Or if you have a specific size, click on the “Settings” and add specific values there.

Add Video

If you want to add a video, you can click the + blue circle on the left side of the area and select STATIC/CUSTOM –> Add Video

You can drag the video by clicking on the blue outlines and just dragging it.

Or if you have a specific size, click on the “Settings” and add specific values there.

Add text and edit font color, size,etc..

If you want to add a text, you can click the + blue circle on the left side of the area and select STATIC/CUSTOM –> Add Text

You can add text, change font, color, font size, etc..

 

Editing Text And Color Of The Label

StreamElements AlertBox

If you want to manually setup Alertbox you should get familiar first with the basics.

Click on the “+” circle and navigate to the top of the menu where “Alertbox” and add a new alert box.

Basic meaning and what each function is:

Alert Message

Contains variables example

{name} for the follower/subscriber name {amount} for tip amount of cheer amount

Alert Duration
Duration for your alert you should adjust this duration in seconds depending on how long are your alerts

Variation setting

Add more variations for your alert different images, sounds, variation settings

TTS Settings

Adjust setting and choose a voice that will read alert text

Text Settings 

Adjust font, size, color, margins and much more

Animation settings 

Adjust alert and text delay and enter/exit animation

Depending on the Platform you streaming on you will see different types of the alerts

Twitch:

Follower, Subscriber, Resubscriber, Sub Gift, Community Gift, Tip, Cheer, Host, Raid

YouTube:

Subscriber, Member/Sponsor, SuperChat, Tip

Facebook:

Fan, Videolike, Follower, Supporter, Share, Stars, Tip

Each alert can have variations, we recommend emulating each alert before you start working on it. ( You can emulate it by clicking on the bottom bar where it says Emulate, and choosing the alert you want to emulate) 

Emulate Alert Streamelements

StreamElements Widgets (Labels)

Setting up Widgets is pretty easy, but it does requiresome manual adjustments.

If you want to add manually all widgets, we recommend having all settings in the notepad.

Click on the “+” circle button and move to Labels, where you need to choose which label you want to have.

For example, if you want Latest Subscriber you navigate to the Subscribers–>Latest–>Latest Subscriber

You can now edit text by choosing a font, color, size, positioning, etc…

Remember if you want to have the same settings for other widgets you need to remember or type in notepad those values. 

Currently, there is no bulk edit available you will need to edit each widget. 

 

Streamelements Widgets

When you are finished with all edits and testing and you are ready to go live, you can follow these steps.

Be sure to save your overlay by clicking SAVE on the bottom left.

On the top left menu click on the icon that represents the link icon. 

You can also click on preview if you want to see how your overlay looks.

Notice that if you are creating an alert box it will be an empty overlay, you need to click on the emulate to see the alert box alerts.

Streamelements Copy The Overlay Link

When you click on it it will copy the link to the overlay, 

Open OBS Studio or OBS.Live (if you are using SLOBS you might have some problems cause they do not support StreamElements browser sources always so we can’t say it will work for you 100%)

Click Add, then click Browser and name it something like, “Stream Alerts”.

Now paste the URL ( Ctrl+v) that you got from your overlay.

Adjust the Width, Height, and FPS to your liking, and make sure to check, Shutdown source when not visible”.

Setting Up Alert Box

Click OK, and now you’ll have your overlay added to OBS. You can move and resize the browser source around to place it wherever you want the alerts to show up on your stream.

 

If you need more information about Premade setup for our designs please check this link 

22 views
We use cookies to give you the best experience.