How to setup stream overlay in OBS- [2022 Easy Guide]

Are you looking to setup a stream overlay in OBS for your Twitch or Youtube gaming live stream? Well, I have just the thing for you!

This is a guide on how to set up a static and animated overlay in OBS Studio within a few steps. 

If you follow along, it will take no time and look great in-game. You can even download my example files before we begin, so there are no issues during the tutorial.

So let’s get started with setting up this awesome streaming overlay in OBS Studio.

Why having stream overlay’s even needed?

Overlays are important because they help keep viewers engaged throughout your entire stream. They give them something to look at other than just a dull black screen while waiting for their turn in the game or watching someone else play instead of them!

It’s also nice to have that extra touch when promoting yourself as a content creator online since people love seeing things that stand out from the crowd and make them feel special about being part of what makes you unique as well.

Download the Free stream package

Well before moving to the steps, you can follow along with the steps with me by downloading this Animated Sleaky Ninja Stream Pack for no cost at all.

Click here to download it, and let’s dive into the tutorial.

How to setup Stream overlay in OBS

How to setup static stream overlay in OBS

The following tutorial will show you how to setup a static stream overlay in OBS Studio. The overlay can be used for example to display the game’s title on top of an image, or to display information about the game being played.

But as we mostly know the common stream overlays, like Stream Starting soon, Facecam border, Stinger Transitions etc.

Step 1: Creating a new Scene

Open your OBS Studio app and create a new scene. To create a scene, click this Plus icon and give any name you want. Then click ‘OK.’

Now you might be thinking, what is a scene?

A scene is a place where you will add and store all the contents in one particular need.

For example: If you have created an in-game stream overlay scene, then it will contain:

1. Your camera source
2. Gameplay screen
3. Chatbox widget
4. Ingame overlays
5. Facecam or Webcam Overlay

And more things.

I hope this was easy to understand what is a scene in OBS Studio.

Now let’s add some elements to this scene.

Step 2: Adding elements to the scene

it’s time to add some elements to this scene. Suppose you want to add your logo or a static image. To add that, click the plus icon under the Sources section.

Then a list of options will appear. But for the sake of this easy post, I will be choosing the Image source.

Once you click the image source, a box will appear and asked to name your source.

If you already have an active source, you can select the second option. Also, make sure you have checked the make source visible options. Otherwise, if somehow it’s disabled, the image will not be shown.

After that, browse the image and hit OK.

And Congrats. You have successfully added your image.

You can also add text and other kinds of stuff by following these simple steps. But some sources are complicated and if you are finding them undoable, then feel free to leave a comment below.

How to setup Animated stream overlay in OBS

To add an animated overlay in OBS, the process is exactly the same as adding a static overlay part. But instead of choosing an Image source, you need to choose Media Source.

But this time you will see more options. But don’t worry. Let me explain the two most imp[ortant things you should know.

Local File: it basically the place where you can locate the animated File you want to add. Click the browse button on the right side and then select your animated overlay. Then OBS Studio will be ready to add your selected overlay into the scene.

Loop: This option is a must know feature. If you have a loopable animation or an animated media source that needs to be played automatically in your stream, you need to choose this loop option.

Tick the box, and your imported media file will be in the loop.

After you have done that, click the OK button.

So, you have also learned how to setup an animated overlay in OBS Studio as well.

Besides this, I have also coved an UPDATED list of 13 Free Stream Starting Soon Screens

How to make a streaming template by yourself

You can easily find many great looking designs on the internet for free. But if I recommend only one site, then this will 11hrs Creator.

11hrs Creator has a comprehensive collection of Stream packages, animated and static stream overlays, alerts, social media content, and much more. The significant part about this brand it’s completely free to browse and download the contents.

But if you want personalized, custom-made designs, here are some options you can look for. It will cost you some money, but if you choose and spend wisely, it will be worth it and give your brand a significant boost in the long run.

Get a custom made well-made stream pack or stream related pieces of stuff on Fiverr. Go to Fiverr and search for graphics for the streamers category. There are tons of professional and excellent freelance designers from whom you can get your stream overlay at a reasonable price.

But always look for their past works and reviews to choose the best fit for your taste.

*you will get an extra 10% off on your first order at Fiverr if you sign up through my affiliate link by clicking here

Some Premium Services, I recommend. With ease, you can create your brand, social media, and streaming assets by yourself.

The main advantages of using these sites are that you can create unlimited design and animations as long as possible. And you don’t have to have professional design or animation knowledge. You can choose from the premade template and replace it with your own brand assets.

Conclusion

Set up an animated or static stream overlay in your OBS Studio, is not complicated if you know the steps. And I truly believe from now on; you can add any elements into your OBS studio after following this easy post.

And you and your content will look fantastic in the live streaming as well.

Are you stuck at any point in your setup process? The comment box is all yours!

FAQs for ‘How to setup stream overlay in OBS Studio’

You may also love our other content mentioned below;

• 13 Free Stream Starting Soon Screens [UPDATED]
• How to make Animated Discord Server Icon in After Effects (2022)
• How to make a free Roblox gaming logo in 2022 [For beginners]

Disclosure: This post may contain affiliate links. This means when you purchase via our link we will get a small commission but no extra cost to you. This helps us to maintain our bills.