---
title: 'How to Install & Use Overlays in OBS | Tutorial'
source: 'https://youtube.com/watch?v=pxB9ET8gZH0'
video_id: 'pxB9ET8gZH0'
date: 2026-06-17
duration_sec: 0
---

# How to Install & Use Overlays in OBS | Tutorial

> Source: [How to Install & Use Overlays in OBS | Tutorial](https://youtube.com/watch?v=pxB9ET8gZH0)

## Summary

This tutorial provides a step-by-step guide on finding, downloading, and installing stream overlays in OBS Studio. The presenter recommends starting with affordable pre-made packages from specific vendors and demonstrates the process using a free 'Luxury' overlay from Visuals by Impulse, covering both static and animated asset installation.

### Key Points

- **Introduction to Overlays** [0:00] — Making your stream look good with overlays isn't hard; this video shows step-by-step where to get overlay packages and how to install them in OBS.
- **Recommended Places for Overlays** [0:11] — Recommends starting with pre-made overlays from Visuals by Impulse, Nerd or Die, and Own3D. Using pre-made packages is cost-effective for beginners, costing $20-40 instead of hundreds.
- **Setting Up Scenes in OBS** [2:23] — Shows how to create scenes: Just Chatting, Starting Soon, Gameplay, Intermission, BRB, and Ending Soon. The Gameplay scene is set up first as a template.
- **Adding Animated vs Static Overlays** [3:48] — For animated overlays (like the Luxury package), use Media Source and enable looping. For static overlays, use Image Source. Animated files are videos that will stop after playing once without looping.
- **Grouping Sources** [5:38] — Shows how to group the webcam source with its overlay by selecting both (Shift+click), right-clicking, and choosing 'Group'. This allows moving/resizing both together.
- **Scene Order and Transitions** [7:18] — Explains that the order of sources in OBS matters (bottom is background, top is foreground). Demonstrates adding a stinger transition and setting the transition point to 2000 milliseconds for proper closing effect between scenes.
- **Looping Animated Sources** [8:30] — Demonstrates what happens when looping is not enabled: the animated overlay plays once and then disappears. Emphasizes always looping animated media sources.

### Conclusion

Adding overlays from pre-made packages is a cost-effective and easy way to improve your stream's appearance. By following the step-by-step process of creating scenes, adding the correct source types, and enabling looping for animations, anyone can set up a professional-looking stream quickly.

## Transcript

making your stream look good and stand
out to others is not really that hard
I'm going to show you step by step
exactly how to do that from where to
actually get these overlay packages and
how to actually install them in OBS
without further Ado let's Dive Right In
now there are a ton of different places
to get these overlays from whether they
be free or custom made or even just a
couple of bucks like 40 or 50 but
personally I recommend you starting out
with one of these three places I
mentioned or another place that might
just have pre-made assets reason why you
want to use pre-made stuff when you
first start out is because if you start
using this and you decide this really
isn't the look you're going for a few
months down the road it would be really
upsetting if you spend a few hundred
dollars and then you wasted that versus
if you only spent like 20 or 40 bucks on
a package and then stopped using it
after a couple of months all right so
the three places I recommend are either
going to be visuals by impulse nerd or
die or owned or own 3D I don't I don't
know which one it really is but either
way they'll be down in the description
below these can be three places that
I've used before personally myself and
I've also seen them in the industry for
a very long time so I highly highly
recommend checking these places out as
they have reasonable prices and some
pretty good overlays to start out with
especially when you're new to streaming
now personally in this video I'm going
to be using visuals by impulse I'm
actually going to show you a free
package I found and if you guys want to
download it as well Linked In the
description that way you guys can follow
along and you can see how installing it
actually works alright so first things
first let's go to visuals by impulse
okay head over their website then we're
going to want to go over to the store
and once we go to the store we'll want
to scroll down so here you can drill
down into the different categories they
have whether it's animated stream
packages stream deck icons that kind of
stuff we're just gonna hit free and yep
so you can see all these free icons here
for your stream deck there's a pizza
party bundle but the one I'm going to be
showing you guys how to install and how
to use today is going to be luxury right
here this one so this is a free package
that comes with everything that you
pretty much need whether it's you know
overlays different scenes they're also
animated too or not animated depending
on if your computer can handle animated
or not so you get both of them which is
going to be pretty awesome so if you
guys want go ahead and download this
right now all you have to do is hit add
to cart you check out it's name your
price you don't have to name any price
you can just download it for absolutely
free now that we got our overlays go
ahead and over to OBS and start
installing it all right so this is what
the bare naked OBS looks like by the way
before we go any further if you guys
don't have this downloaded make sure you
guys go download OBS also we have a full
tutorial on the best settings for OBS so
in case you haven't followed that guide
please make sure you guys go check it
out should be right up above me and then
once you guys complete that come back
here and we'll continue the how-to video
on how to add your overlays now if
you've already done that Kudos and if
you actually watch our video double
kudos to you for doing that we
appreciate it so without further Ado
let's go ahead and create all the scenes
that we need so we're going to go over
to our scenes right here and we're going
to click on just chatting
we want a starting soon screen
gameplay scene and then maybe
intermission and ending
soon alright so let's go ahead and go to
our gameplay scene and we're going to
start setting this one up first you'll
see why afterwards so what we want to do
is we want to add a webcam so let's go
ahead down to video capture device we'll
hit Elgato Basecamp and perfect there we
go we have our ghetto FaceCam added I'm
actually still really surprised by how
good this actually looks so now we have
the Elgato face cam so let's go and add
our border to this so go down to where
it says sources hit the plus button
again now this is where it gets tricky
if you found a static overlink which by
the way static overlay does use less
resources so if you're doing a single PC
stream or if your computer is a bit
older I recommend doing static because
it's not going to take up as much
resources as an animated package would
if you're doing a static overlay you're
going to want to go ahead and add image
and that's going to be what it is is
that they're all just basically images
because they're not moving and they're
not movies or anything like that now if
you have an animated overlay like the
one we just downloaded the luxury one
you want to go ahead and do a media
source as that's exactly what that is so
we're going to add media Source do
webcam overlay and then we're going to
click OK browse now one thing I didn't
actually mention to you guys make sure
you know where this is actually at so
personally as a recommendation I have a
whole folder says assets so usually I
have like a stream folder in here that
has all the stream assets I have
transitions in here text music clients
that I'm working with all the assets
that they use it's really really helpful
to have this organized that way you can
go ahead and know exactly where it's at
in case there's any issues with it you
need to re-add it or anything of that
nature or if you remove OBS and
reinstall OBS it's very very helpful
knowing exactly where it's at so let's
go ahead and drill down into where we
put it I just put this one in the actual
project folder since this is what I'm
working on probably bundles luxury
perfect so now we're going to go to
overlays animated and there we are now
we have our webcam overlay right here
we'll click ok now if you guys are doing
an animated overlay you want to make
sure that you do a loop I'm going to
show you guys why because technically
this is a video file that plays for so
many seconds if you don't choose use it
to Loop it will basically just play for
the first time and then it will
disappear so make sure you guys hit Loop
if you're doing an animated package if
you're doing a regular package or a
static looking image you won't have to
worry about this I'll go back through
and I'll show you how to do this static
one as well but just in case you want to
add animated since they're so cheap
nowadays and very easily accessible
we're doing it this way and click OK and
there we are and now we have the two
things now we just gotta basically line
it up and make sure everything looks
good on our webcam so we'll go ahead and
do that we can just use our arrow keys
to make sure it's lined up perfectly and
there we go now we have our animated
webcam overlay already and then also
what's really cool from here is if you
guys want you can actually select this
hit shift and select this other one when
you right click it you can then also
group these together we can just call
this
webcam so now what's really cool is we
can lock so we can now move this as a
group so that way if we resize it it's
going to resize the whole thing and it's
not going to change the size of the
webcam or the overlay so we can go ahead
and move this to wherever we want to so
in case you want it over here or you
want it over here it makes it super easy
so that you can just move them together
without worrying about you know moving
one versus the other and then messing up
how they're actually overlaid there we
go that is how to add the animated
webcam to your webcam overlay now as I
said before I do want to show you guys
how to add the static one as well so
what we're going to do is we're
literally just going to go down here to
this plus symbol again we're going to go
to add image this time and we're going
to do webcam overlay static now we're
going to go to browse overlay static
click webcam so now because if you
notice when we're looking for the
animated it didn't show it because
that's not an image now we go to static
and there we go that is it which is
perfect click OK and that's it and then
all you have to do is just line this up
the same way we did before all right
let's just say that's good technically
you can just take this and drag that
down and boom there you go now you have
one that's static that's not moving so
less resources being used or you have
one that is animated that's gonna be the
only difference while we're going
through this is that if it's not
animated it's just an image if it's
animated that is a media source all
right let's move on to the next all
right so let's go to our starting soon
so we're gonna again just click on the
starting soon scene and then we're gonna
go down here to the plus button
underneath sources
and then we're going to add media Source
we're gonna do starting soon screen all
right now we're gonna go to browse all
right so from here you want to go to
screens animated and then you're going
to want to do the starting soon screen
and again you want to make sure you Loop
this click OK and there we go luckily
this package also comes with text that
are already pre-made for us so we can
just go ahead and hit this plus button
we're gonna add images and we're gonna
do starting
soon text browse and we'll do starting
soon there's stream starting and there
we go so we can literally just leave it
like this and we'll just let this play
until we actually want to start our
stream and then once we do we can just
hit our gameplay or we can do our just
chatting all right so for the next scene
let's go ahead and set up our
intermission so once we go to
intermission now we can hit this plus
button right here and what we're gonna
do is we're going to add a media source
and we'll hit intermission screen browse
screens animated
I will do intermission then boom there
we go now the cool thing is is once
you're trying to add an asset that
you've already added in as a source you
can just hit this plus button so for
instance our webcam which should be
right in the middle there go ahead we'll
hit oh
wait you see that I made a mistake I
didn't press Loop and that's what
happens when you don't Loop it it turns
off so if you notice now it's going to
continue playing once this timer
actually hits seven
[Music]
there restarts now if I took Loop off of
this and it gets to the end
turns off don't be like me and don't
forget to turn on the looping effect
okay so now we need to add our webcam
since we have a big Blank Space right in
the middle so go ahead and hit add
Source go to video capture device now if
you notice there's an existing right so
this already exists we've already made
this source so click OK and there we are
now one thing that's weird about this is
that our webcam is actually laying on
top of this so in case you didn't know
this the order in which you have things
down here does make a difference so what
you want to do is you want to take this
and drag this down so that way we have
our webcam underneath our actual overlay
now it looks kind of weird because it's
just my face and it's got some weird
moving screen right so we want to go
ahead and add the words intermission to
this which luckily this package has that
so go ahead and hit the plus button and
then we're going to add an actual image
and we're going to say intermission text
all right we'll hit browse and we'll go
to oh no screens text
intermission there we go now we know
it's an intermission screen so in case
you wanted to sit there you want to chat
with people this is a great way to do it
intermission hey we're just taking a
break whatever you know get up P move
around you know get some water drink
some more coffee and now we have an
intermission screen so next up we're
gonna go ahead and do the VR we'll do a
BRB actually I totally forgot about that
let's do BRB be right back so we just
created the new scene so again come to
this plus button underneath sources go
ahead and add media Source we'll do B
BRB screen
click OK browse greens animated be right
back Loop go and now we want to make
sure that we add the text to it as well
so it's an image because it's a PNG vrb
text browse sorry I know I'm going a
little bit fast but again we just gotta
go through the folders be right back
find out where they're at and then there
you go be right back so that way you can
go ahead and change it to where if you
need to get up and go use the bathroom
or something like that or you just want
to let people know they're going to be
right back you can go and do that boom
there we go BRB and then we'll go and do
the stream ending since that is the last
scene we need to make so let's go ahead
and click on stream ending hit plus and
then we'll go to the media Source
extreme ending well browse screens
animated
stream ending Loop
Loop it
then we'll add the text so again we'll
come down that plus button we'll go to
image stream ending oh
text all right stream ending there you
go
so technically right now we have
everything we need set up
so we can literally just sit here and if
we want to do starting soon we have our
starting soon screen we have our
gameplay screen we have intermission
screen ending and also be right back
screen as well now one more thing I'm
going to show you guys how to do since
it is including the package is the
transition transitions are kind of cool
they just add a little bit more of like
flair to your stream when you're
changing from scene to scene then we're
going to go ahead and do a stinger so
we're gonna hit yes to the Stinger now
once we have this singer added we're
going to want to go ahead and change the
transition point to about 2 000
milliseconds what this means that
there's going to be a delay between when
the actual scene changes and when it's
going to the next one the reason why is
because when it's used like this notice
how it says a we do preview transition
this closes and comes back and now it's
B and that's what we want we want to
make sure that the transition fully
closes and then it goes to B so now that
we have that properly set up where it's
at 2000 milliseconds if we go to change
our gameplay screen to our starting soon
it should look like this
bam and there we are and there we go
adding overlays and sourcing them has
been that easy hopefully you guys
thought so too if you guys thought this
was an easy awesome tutorial go ahead
and give it a thumbs up if you guys like
this kind of content make sure you guys
get subscribed for more how-to content
and until next time my name is Ivy Paula
I'll see you in the next one