Example of OBS Overlay Twitch Overlay Logo

HOW to add OBS Overlay? – 2018 Update

Now You have seen what is StreamElements and how you can create Twitch Overlays for your Twitch Stream using Free Stream Overlay Templates and editing them with Twitch Overlay Maker. The Only Thing left to do is to add this created Twitch Overlay to your OBS Studio Software Scene as OBS Overlay.

How to add Twitch Overlay from StreamElements to OBS Studio Software Scene as OBS Overlay

Under My Overlays you can see the Overlays you copied from the Master Overlay. 

To add the Twitch Overlay to OBS Studio Software as OBS Overlay you need to get the URL for the specific Twitch Overlay. To get that:

  • Click the pencil icon to edit the overlay (Step 2)
Example of Twitch Overlay Maker - Super Themes Modify

This will open the Stream Overlay Maker view where you can get the Twitch Overlay URL For your OBS Overlay. To get that, simply:

  • Find the Overlay URL in the left (Step 1)
  • Press the small button at the end of the URL to copy the Twitch Overlay URL (Step 2)
Example of OBS Overlay Twitch Overlay URL

 

Creating Browser Source for OBS Overlay

Now that you have the Twitch Overlay URL you can open your OBS Studio Software and add the copied URL as OBS Overlay Source. To do that:

  • Open OBS Studio Software
  • Select the Scene you want to add the OBS Overlay to (Step 1)
  • Press the plus button to create a new Source (Step 2)
  • Select Browser Source (Step 3)
  • Create New Source and give it a name – Example: OBS Overlay (Step 4)
  • Make Source visible (Step 5)
  • Click OK (Step 6)
Example of OBS Overlay Twitch Overlay URL Create Browser Source 1
Example of OBS Overlay Twitch Overlay URL Create Browser Source 2

Now We can use the Twitch Overlay URL we got From StreamEelements Stream Overlay Maker.

  • Paste the copied URL (Step 1)
  • Width of the Screen – Usually for 1080p it is 1920 (Step 2)
  • Height of the Screen – Usually for 1080p it is 1080 (Step 3)
  • Change the FPS to 60 – if your GPU can run things in 60FPS (Step 4)
  • Select Shutdown source when not visible – This will Disable the source should you switch Scenes (Step 5)
  • Select Refresh Browser when Scene Comes Active – Refreshes view when you switch back to this scene. (Step 6)
  • Press OK to save changes (Step 7)

PS the new added overlay may not appear right away, so press OK and edit the source and you should see it, also it should show up on OBS Studio Software Preview view.

Example of OBS Overlay Twitch Overlay URL Create Browser Source 3

And now you have added your Twitch Overlay From Stream Overlay Maker to OBS Overlay.

Example of OBS Overlay Twitch Overlay URL Create Browser Source 4

Related Posts

Example of Twitch Panel Ideas Logo 2
Twitch Panel Ideas – What panels to add to your Twitch Channel?
If you have a Twitch Channel and you are Live Streaming your Games there, you may have noticed that you
Read more.
Example of OBS Overlay Twitch Overlay Logo
HOW to add OBS Overlay? – 2018 Update
Now You have seen what is StreamElements and how you can create Twitch Overlays for your Twitch Stream using Free
Read more.
Example of Twitch Overlay Maker - LOGO
What is the BEST Twitch Overlay Maker?
I looked for a good Twitch Overlay Maker for quite some time. I even considered buying overlay frame from a
Read more.
Example of Twitch overlay icon
HOW to setup Twitch Overlay?
What is Twitch Overlay and how can you set it up? Twitch Overlay is a second level of information on
Read more.
Example of Best encoding settings for OBS Studio Software while Recording Logo
Best encoding settings for OBS Studio Software while Recording
You will at times want to record your Twitch Live Stream. There is an option to get the recording of
Read more.
Example of Twitch Stream Chat Source - how to use OBS Software - Streamlabs logo
Twitch Stream Chat Source – How to Use OBS Studio Software
Twitch Stream Chat Source is a nice addition to add to your Twitch Live Stream. To do that with OBS
Read more.
Example of Stream Alerts from Twitch - how to use OBS Software - StreamLabs Logo
Stream Alerts from Twitch – Twitch Alerts
Stream Alerts from Twitch are Handy and nice things to have in your Twitch Live Stream. They allow you to
Read more.
Example of NoCopyRightSounds - Twitch Stream Background music Source - How to Use OBS Studio Software Icon
NoCopyRightSounds – Twitch Stream Background music Source – How to Use OBS Studio Software
NoCopyRightSounds as Twitch Stream Background music Source – What does it mean, how to set it up and why to
Read more.
Example of OBS Countdown Plugin Snaz - how to use OBS Software - Snaz Icon
OBS Countdown Plugin Snaz – How to add Twitch counter or Twitch Timer
What is OBS Countdown Plugin Snaz and what is it good for? – How to add Twitch Counter Although you
Read more.
Example of Twitch Stream Scenes for OBS - How to Use OBS Studio Software - OBS Icon
Twitch Stream Scenes for OBS – How to Use OBS Studio Software
How to make your Twitch Live Stream better when using OBS Studio Software? Use Twitch Stream Scenes for OBS, it
Read more.
Example of Twitch menu - My Twitch Stream Key icon
Where is my Twitch Stream Key?
2018 Update! – Where is my Twitch Stream Key? or how to setup obs for Twitch? These are questions many of
Read more.
Example of OBS - Best Free Streaming Software setup icon
How to use OBS Studio Software – Twitch Live Stream Setup
So you are thinking about what would be the best Twitch Live Stream Setup. Here is some advice to you
Read more.

09.04.2018 – EqEST

9 Comments

  1. Thanks for finally talking about >OBS Overlay – How to add it to your Twitch Stream
    on OBS? 2018 Update <Liked it!

    1. Author

      Thank you 🙂 If there is anything else you would like to know ie some article ideas, do let me know 🙂

  2. Thanks for your marvelous posting! I actually enjoyed reading it, you may be a great
    author.I will make sure to bookmark your blog and may come back in the foreseeable future.
    I want to encourage you to ultimately continue your great posts,
    have a nice day!

  3. Heya! I realize this іs ѕomewhat off-topic but Ineeded t᧐о ask.
    Does operatingg а well-established blog ⅼike yours tae ɑ massive amoᥙnt
    work? I am brand new to blogging howеvеr I do
    write in myy journal daily. Ι’ⅾ like to start a blog sso Ι ѡill be agle to share my experience аnd tһoughts online.
    Ⲣlease let me know if you һave any suggestions ᧐r
    tips for new aspiring blg owners. Ꭺppreciate іt!

  4. Hey there, You’ve done an excellent job. I’ll definitely digg it and personally suggest to my friends.
    I am sure they’ll be benefited from this web site.

  5. I’m extremely impressed with your writing skills as well as with the layout on your
    blog. Is this a paid theme or did you modify it yourself?
    Anyway keep up the excellent quality writing, it is rare to
    see a great blog like this one today.

  6. Hi! Do you use Twitter? I’d like to follow you if that would be ok.
    I’m undoubtedly enjoying your blog and look forward to new updates.

  7. Hello there, You have performed an incredible job.
    I’ll certainly digg it and for my part suggest to
    my friends. I’m sure they’ll be benefited from this site.

  8. Hello, I followed a link to your blog and I agreed with this entry in particular. . How can I find out more?|

Leave a Reply

Your email address will not be published. Required fields are marked *