COMPLETE Streamlabs OBS Tutorial 2020 | Settings + Graphics + Alerts [Free Overlay]

COMPLETE Streamlabs OBS Tutorial 2020 | Settings + Graphics + Alerts [Free Overlay]


– Everything that you’re seeing right now is something we will set up in this video. We will go over the settings,
graphics, and alerts and I will give you a
bunch of tips and tricks along the way. Welcome to the Streamlabs
OBS Master Course. You all liked my 2019
version of this video a lot and I tried to make this one even better. I’m Jelle from The Video Nerd and I make livestreaming
and YouTube tutorials. So if you are a content creator and you’re interested in starting and upgrading your livestream then you will not regret
subscribing to this channel. And something else you won’t regret is buying overlay from our
sponsor for today’s video which is Owned.tv. They have the best overlay
packs in the industry and I know that a lot of
you are looking for those. All of their graphic packs are animated and can be installed in just a few clicks using their quick import file. They have fully customizable packages but also separate elements
like webcam borders, Twitch panels, transitions, wall papers, social media banners, and much more. And hey, they have this great
previewer on their website which lets you test things how they will look while streaming. As I already said, they
are on another level, guys. If you need graphics for your stream you should definitely
check out their website and if you buy a pack right now you can follow this tutorial to set up that pack with me together while I explain everything. Check out their graphics, they’re amazing, the link is in the description. So the first thing you need to do is downloading Streamlabs
OBS so go to Streamlabs.com and download the program. The link will also be in the description for all you lazy (bleep). So once Streamlabs OBS is installed you should start the program and log in with your Twitch account. You can skip everything from
the intro set up right here because we will be doing
everything manually. I suggest we go over these settings first so I can explain what’s important and what settings you need to
set up in the output settings to make sure that your stream
is of a very good quality. Let’s click on the
Settings icon on the bottom and I can already see something
that’s very important. If you ever mess up big time and you can’t fix it in Streamlabs OBS then you can click this button right here to delete all your cache and this will reset pretty
much all your settings. Your graphics will not be gone because those are saved in the cloud. The Stream tab is not important because you linked your Twitch account so you do not need to mess around with a stream key or something like that. Let’s skip the Output tab for now and go over the more basic
but important settings first. In the audio tab you should
link your microphone. Your Desktop Audio Device
1 is your system sound, so your game, Spotify YouTube, et cetera. And usually the default
setting works just fine. So then we only need
to link our microphone and this will be as the mic
auxiliary device one right here. The hotkey tab is pretty straight forward, you can just add a bunch of hotkeys so read through it and see if
something looks handy to you. In the advanced tab you
shouldn’t change anything but it’s handy to know that you can add a
stream delay right here. Then the scene collections tab is used to import and
export overlay files. It is this function that our
sponsor, Owned.tv, is using to let you import their
overlay files so quickly. The notifications tab
should not be changed and then in the appearance tab you can switch from to Dark to Light mode. But let’s be honest,
everyone likes Dark mode. And also very important is to make sure that Better Twitch TV emotes
is enabled right here. Then facemasks is something
you can play around with but I won’t go into detail about that. Then the next step, the remote control, is extremely valuable and it will allow you to link
Streamlabs OBS to your phone to switch scenes with your phone but I’m explaining this
later in this video. And then the Output settings, this is the tab which causes
half of the depressions amongst beginning streamers so let’s end that once and for all. It’s a pretty long explanation but I promise that afterwards you will understand what everything does. And you can set up these
settings together with me so it isn’t that bad, right? So, what are the output settings? Well essentially they control
the quality of your stream by regulating in what
resolution you capture your game and how hard and how good
your compressing the footage and then at what speed you are sending it to the streaming servers. The one setting that keeps
most beginners up at night is the bitrate which we need to enter right
here in the Output tab. And understanding this
setting is very important so I’ll be as clear as I can. First of all, what’s bitrate? It’s the amount of data you are sending to the
streaming servers each second so it relies on your upload speed. It’s a very important part
of the streaming process so let me explain you
how this process goes. When you press go live you start sending your video
to the streaming servers and then those servers send your video to all the viewers that
are watching your stream. But then we encounter a problem, because if you want a very
high quality livestream and your upload speed is very high then you can select a high bitrate to send it to the streaming servers because your internet can handle it. But if someone is watching your stream and that person has a
really slow internet speed they will not be able to watch your stream because they need to download
the stream in the same bitrate at which you are sending
it to the servers, which will be a problem if you
selected a very high bitrate to get high quality. Sometimes they can choose to view your stream in another quality. It’s the option you see right
here in the video player and it’s called transcoding. If that option is
present it doesn’t matter if your stream is in the
highest quality or not, because everyone who has
a slow internet speed will just be able to watch
your stream in a lower quality. But this option isn’t
available to all streamers and the only ones who are guaranteed to get the transcoding
options on their stream are Twitch partners. And because of this some people recommend to stream in a lower quality so everyone will be able
to watch your stream, even the ones with a slow internet speed. So when I say streaming in a lower quality what quality do I mean? Well in general it would be 720p, 60FPS or 900p, 30 or 60FPS. There is a chart made by Twitch and this shows the recommended
settings to stream in for different resolutions and bitrates. It’s a great resource
if you’re starting out and you have no clue what to set up so I will link it in the description and show it on the screen
when I’m talking about it. Let’s do the whole settings
set up together right now. As I already explained,
when you choose your bitrate you choose how much
data your Streamlabs OBS sends to the streaming
servers each second. So you need to make sure that
your internet upload speed can handle that amount of data. And here’s the important thing, your maximum upload speed,
which we will test in a bit, is not the amount of data you can send to the servers each second because a lot of things take a piece out of
your internet capacity. For example, people in your
house who are watching Netflix or a YouTube video on your PC or a game on your PC that’s updating, in general you should
keep a 20 to 30% margin on your maximum internet speed to allocate to those types of processes and then use 70 to 80% of
your upload speed to stream. I also explained this in my
previous Streamlabs OBS tutorial and some people were
still not understanding how it actually worked so what we will do is setting
up everything for 720p, 60FPS because that’s what most
people will be using and you can do everything
together with me. So let’s take a look at
this chart made by Twitch to see what bitrate we need
for our chosen resolution. 720p 60FPS needs a bitrate
of 4,500 kilobits per second. So then it’s time to check if our internet can handle that speed and we
will do it in two easy steps. The first step is going to Speedtest.net and running an internet speed test. And then the second step is multiplying your upload speed by 700. So then that result will be the absolute maximum
bit rate you can enter in the Streamlabs OBS bitrate settings. If you go above that
there’s a pretty big chance that your stream will be lagging. It’s clear that my internet
speed is absolutely capable of handling a bitrate of
4,500 kilobits per second which is recommended to
stream in 720p and 60FPS so that’s what I will be using. If you’re internet seems to be too slow you should try to stream in 720p 30FPS at a bit rate of 3,000. Going below that will be
pretty harsh for your stream. So let’s go to the Streamlabs OBS settings and then go to the Output tab. Make sure it’s set to Advanced on top and then enter your bitrate right here. And before going any further let’s go to the Video tab first. You need to set your
base canvas resolution to your screen’s native resolution and then set the output scaled resolution to 1280 by 720 ’cause that’s
the resolution we chose on the Twitch encoding chart. Now set your downscale filter to Lanczos, that’s the same for everyone, and then set your FPS also to
what you chose on the chart which will be 60FPS for us. Let’s go back to the Output tab and continue setting this up. Your encoder is also very important and if you have an Nvidia graphics card you should choose NVENC new as
that will be the best option. If you don’t then choose
software x264 encoding. Depending on what you chose right here the next settings will change. If you don’t have an Nvida graphics card then skip to this time in the video. Make sure you disable the enforce streaming
encoder settings right here and make sure that your
rate control is set to CBR and that you entered your bitrate, which we determined before,
right here in this box. Then the keyframe interval,
this can also be found on the Twitch encoding chart and it should always be two seconds. The preset can be set to
Quality or Max Quality and the profile can be set to High. Then turn off Look ahead and
enable Psycho Visual Tuning. Leave the GPU at zero and
set the max B-frames to two. I will now go over the
software x264 settings and they are a bit longer
than the NVENC ones. So if you’re using to NVENC skip ahead to this time in the video. So if you don’t have
an Nvidia graphics card then you should set the
encoder to Software x264. Disable enforce streaming encoder settings and disable rescale output. Then set your rate control to CBR and make sure that your bitrate,
which we determined before, is filled in right here. For us it’s 4,500 to stream in 720p 60FPS. Do not check this use
custom buffer size box, set your keyframe interval
to two, your profile to High, and that leaves us with the
CPU usage preset right here. And this is where you need
to test things for yourself. Baseline it’s set to very fast and this will be a pretty
good option for most people. I could explain what
this option does exactly but it’s a really technical explanation so I will not bother you with that. So here’s what you need to do. The slower you select right
here in this drop down the harder it will be for your
CPU to handle the encoding but the better the quality will be. So this option depends entirely
on the power of your CPU, so your processor. So how do you determine
what your PC can handle and what not? Well, let me show you. Press Control plus Shift
plus Escape on your keyboard and open the task manager. Then go to the performance tab and here you will see a
graph with your CPU usage. Launch your programs which you will be using while streaming, start your game, and then go live. Play for a bit and check
the task manager again. You will now see a graph of your CPU usage while you were streaming so you can see if your CPU
could handle it or not. Make sure it does not go above 80% for extended amounts of time. If your CPU had a lot of room left you can change the very fast
option to faster or fast and then run the test
again to see how it went. This way you will need to find
the perfect settings for you and you will find the balance
between speed and quality. So right now when we press go live and we go to our Twitch profile we will see that the
stream is actually live but of course the screen will be blank because we haven’t added any graphics yet. So that brings us to
part two of this video, setting up scenes with overlays, alerts, and a scene transition. And I have a present for you, I made a completely free
overlay pack just for this video and you can download it
for free on my Gumroad. I will be linking it in the description and I will be using that pack to set up the whole stream right now so if you download it you can follow along and set up everything with me. And don’t worry, if you
don’t like the colors I will also be explaining how
you can play around with those to adjust it to what you like. I will show you how you can
edit them without Photoshop and I will be using Photopea.com. This is a free PSD editor and PSD is the file format Photoshop uses. It’s really not that hard, you can just follow along with me. If you’re using an overlay of yourself or you bought one from our sponsor you can skip to this time in the video to skip all the editing. So once you download my overlay go to Photopea.com and on the top left you can click on File and then on Open. Let’s find the Alert PSD
and import it into Photopea. By holding alt and scrolling
you can zoom in and out so make sure that it fits on the screen and we can start working. There are a bunch of graphics in this pack that may need editing so I will show everything
you need on this graphic and then you can use it
to edit everything else. On the right you can see the layers and we will be selecting the text layer right here to change it. So make sure you select it and then press this T button on the left to enable the text editing tool. Then triple click on the
text to select it all and you can change it this way. To edit a color we wanna add
two hue saturation layers, one for the left and one for the right. Take this selection tool
right here on the left and then select one area that will contain one particular color. Now select this button on the bottom right and choose Hue Saturation. What we are doing right now is making an adjustment layer that will affect everything
in the box we just selected. So while the adjustment layer
we just created is selected we can change the hue value right here and this will change all
the colors below the layer. So now this way choose a color you like and do the same for the other side. Just take the selection
tool, select the other side, press this button, add
an adjustment hue layer, and then play with the
values to change the color. Now to save the file to our
computer just click on File and choose, Save as PSD or
choose Export as and then png. You can do the same for
all the other graphics so I will not be showing it all, this will video will be way too long, but you know how it works now. If you have any questions
just join my Discord, the link is in the description, and you can ask for help right there. So now that you know how to
edit the graphics from the pack let’s go back to Streamlabs OBS and let me explain you what these sections on the bottom are. The bottom left one contains the scenes and these scenes, like the
ones you see right here, act as folders that
hold a bunch of sources which you can see in the middle. Scenes will be things like
in game or intermission or stream starting and
after making a new scene you can then start to add elements to it like your webcam or your
game or your webcam border and those things are added
in the middle section in the sources. The section on the right is the mixer and this holds all the audio sources. Let’s make a new scene and call it in game and this will be our main scene so we will start by
adding our game capture. Make sure you are in the
in game scenes on the left if you have more than one and click on the plus icon in the sources. Choose game capture and give it a name. If you get this window then that means that you already have
an existing game capture somewhere in your other scenes and if you want to add
the same one to this scene you can just click add source
but we will make a new one. So enable add new source instead, give it a name, and then click add source. Here in this drop down you need to select what the game capture should capture. I like to control exactly what
will be shown on the screen so let’s click on the drop down and select capture specific window. Then make sure that your game is running on your PC in the background and select it in this drop down window. You should not change
any options right here unless you want to capture
third party game overlays like your Steam overlay, in that case you could
enable this box right here. But I don’t so let’s just click on done. Now, if your game
capture isn’t full screen or if it’s too big or even
if you can’t find it at all just right click on the
game capture in the sources and then go to transform, fit to screen, and that will make it fit
exactly to your screen. And something very important now, because in my 2019 version of this video I got spammed with comments from people who had a black screen instead
of their gaming footage, I will add a link in the description to a page that has a bunch
of steps you can take to troubleshoot and in 90% of the cases this solves the black screen issue. The next thing we will add is our webcam and I will also show you how
to make it look a lot better with almost no effort. Just click on the plus icon in the sources and add a video capture device. By the way, if you’re not
sure what equipment to use when you start streaming I’ve made two lists in the description. One for absolute starter gear and then one with semi professional gear. You can check it out and
if you have any questions the best place to get a
response is in my Discord. But of course you can also
leave a comment right here and if I see it I will
definitely answer it. So that being said, let’s
give our webcam a name and just like with the game capture if you’re making multiple scenes in which you use the same webcam you can just select it
right here in the list of already existing sources
but we will take this box and make a new video
capture device instead. Add it to our scenes and in the settings of your
webcam is not much to change, just select your webcam
in the first drop down. For me it’s Cam Link because
I’m using El Gato Cam Link to link my DSLR to my PC. If you are using a webcam it will show up right here in this list. If you selected your webcam right here but it isn’t working then
something that might fix it is changing this device default
to custom and then selecting the highest resolution
available right here. Let’s click don’t position
and scale it like you want and then we will improve
the look of our webcam. There are advanced ways to do this but trust me the
difference is really small so just follow these steps and you will get a great image quality. Right click on your webcam
source and go to filters. Then click on this plus
icon to add a new filter and select color correction. Click Done and a new window will pop up. Now essentially you can
play with these sliders but there are two main things you can do to make your webcam pop out a bit more. Increase the contrast a
bit with this second slider and then add some
saturation with this slider. If your image is too yellow or too blue you can change that with
this hue shift slider. Just doing these things will
drastically improve the way that your webcam looks on stream. Let’s click on done and
add our webcam border. If you’re using my graphics pack and you want to add your name
on the bottom of the webcam and you don’t know how you can skip to this time in the video because there I was explaining how you could change my
graphics with Photopea for free. So once your webcam border is ready add a new source and choose image source. If you get this window then
click add new source instead. If not, just name it webcam
border and press add source. Now just click on browse
and find your webcam border, it will be loaded into your preview and you will have to position it exactly where you want it to be. There are a few options and controls that you need to know about when positioning elements
in Streamlabs OBS. First of all you can
enable or disable snapping and this is what will
make it snap to the border of the preview window or to other sources. If you click on the settings
icon on the bottom left you can scroll down in the general tab and you will see source
alignment snapping. Here you can change the sensitivity or just disable them all together. Then for the scaling
there are three options. You have normal scaling by just dragging the corners or the sides and this will maintain the aspect ratio. Then while holding shift down you can change the aspect ratio and this can come in handy for example to change widescreen webcam
borders to square webcam borders or for some other things, you just have to know that
this is a possibility. Then the third scaling technique is holding the alt key down while dragging and this will allow you
to cut off certain sides. And keep in mind that this last thing, holding alt down to
cut off certain things, only works with the sides, the borders, and not with the corners. Some people like to
add a big title graphic with their name on the screen and it can be easily done the
same way as the webcam border. Just add a new image source
and choose the title overlay and then rescale it,
reposition it like you want, and you’re ready. Now I already explained how to change the color of the overlay with Photoshop or with with Photopea but if you want to change
it here in Streamlabs OBS you can also do it by adding a filter. Just right click on the image
source you want to recolor, go to filters, click on the
plus icon to add a new filter, then add a color correction
filter, give it a name, and then you can just play
with this hue shift slider to change the color as well. However, keep in mind that
both of the colors will change and if you want to change them separately you will have to do it with
Photoshop or with Photopea. If you want to do that and you
missed my explanation on that go to this time in the video and I will explain you how to do it. Then another important
thing is adding labels for recent follower, recent subscriber, top donation, et cetera. Streamlabs OBS makes this very easy, just add a new source and
then choose stream label. Let’s call it recent follow
and click on add source. The first drop down label type is where you should
look for recent follow, top donation, et cetera. It also has a search function
so if I just type follow I immediately see recent
follower right here. So let’s select it and on top we can can already see a
preview of how it will look. If you don’t see anything
it most likely is because you only have a few followers or because you only got them recently. Don’t worry, they will appear
right here after some time. And then there are a few
basic settings right here which you don’t need an explanation for like the opacity, font
color, font size, et cetera. But right here this is important, the label template box. Right here we can change
the text of the label. You can choose to remove
everything except for the name in case you want to put it on a graphic and that’s what we will be doing. I made tileable recent event
boxes in the free theme which we are using so let’s go to the pack’s
folder and then to labels. Pick up the label you want to add and drag it to Streamlabs OBS. This will automatically
create a new image source and you can then rename
it by right clicking it and choosing rename, so let’s
call it recent follow box. Now position and scale it like you want and then make sure that your
recent follower text label is positioned above
the recent follower box and move it on top. Then double click on the text label and scale it by changing the font size. Make sure you do not scale labels directly in your preview
window by dragging the corners because this way they
will become pixelated as they will not be adding extra pixels while getting bigger. If you want to make your label text scroll that’s pretty easy and I
will show you how to do it. Right click on your text
label and then go to filters. Click the plus icon and add a
new filter and choose scroll. Now, click on done and add some horizontal speed to the label with this first slider. If the end of your text touches the start like you see right here you will have to close this settings box, double click on your text
label in the sources, and add some blank
spaces behind your text. Now let’s go back to the scroll filter and as you see it’s fixed. You can limit the width of the
scroll by checking this box so this way you can make it scroll exactly within a certain
graphic if you want that. I will show you how to do that with the labels we are using right now. If you don’t have this pack right now you can grab it for free on my Gumroad so just check the link in the description. Let’s close this settings window and then align the start of our label with the start of the follower text box. Then go back to the scroll filter of the follower text label and now make sure that
the limit width is enabled and increase this til the
end of the label is aligned with the end of the text box. Now reposition your text
label vertically if needed and you’re done. One second, I need a drink. Coffee is so good. Now, if you want your
stream to be professional you will need an intermission screen because most games are not full screen while you are searching for the next match and also because it’s great for when you’re just
talking to your viewers so your camera is a bit bigger. So on your left click on the plus icon and make a new scene and
call it intermission. Then press enter, now look for the
intermission screen graphic in the pack which we are using and then drag it to Streamlabs OBS. If it’s not positioned correctly right click it in the
sources, go to transform, and then choose fit to screen. Now we have to add our webcam, our game or the game launcher, our chat box, and then the labels. So let’s add our webcam
first, click on the plus icon, choose video capture device, and now you will get a pop up that asks if you want to add an
already existing source. We already imported our webcam in the in game scene we just set up so we can just select
it and then add that one to add it to the sources. Drag it to somewhere in the
area of where you want it to be and then make sure it’s positioned below the intermission
graphic in the sources and then position and scale it correctly. Adding the chat is also extremely easy, just add a new source and choose chatbox. Here you can change some settings but it’s great right off the bat so we can just click add source. Now rescale the chat box so the top, the left, and the right
border are fitting correctly within this chat border. Make sure you are not using
shift or alt while dragging because we will change
the height afterwards. So once the top, the
left, and the right border are well positioned double click on the
chat box in the sources and then change the
height here at the top. You will have to test a bit
to find the perfect height so just keep testing
til it fits perfectly. (calm music) So once that’s done we can add our game in the top right window
and how you do this depends on the type of
game you’re playing. For example, Overwatch or Apex,
they both stay full screen while you are queuing so in that case you could
just add another game capture, choose the one we already did set up and then position it correctly. But for example League
of Legends has a launcher and while you are queuing
the game is not full screen, it’s just a window, it is the launcher. And you cannot capture the
launcher with game capture so for things like this we
should add window capture. So first of all make sure
that your client is opened and that it’s on the
foreground and not minimized because in that case you will not find it. So when it’s opened to
go to Streamlabs OBS, add a new source, and
choose window capture. Now select your client
in the first drop down and then click done. Reposition it correctly, move it under the intermission
graphic, and you’re done. Then to add your latest follower
and top donation et cetera add labels like we did
for the in game screen. If you’re not sure how to add the labels, if you skipped it before, go to this time for my labels explanation. So now that this is set up
we can swap between scenes by clicking them in the
sources on the left. But of course the next thing
we need to do right now is adding a stinger transition. Because swapping scenes like
this does not look professional and before we set up that stinger let me quickly advise you
to make two extra scenes. One is a simple full screen webcam capture and one is a full screen
PC screen capture. This will come in very handy
while you are streaming when you want to show
something in your room and you wanna make your webcam full screen or when you wanna show something on the internet on your screen and making these scenes
takes less than a minute so let’s just do it right now. Just click on the plus
icon to add a new scene, call it screen capture and press enter. Then add a new source,
choose display capture, and then select your display
and click add source. Now right click it in the
source, go to transform and choose fit to screen
and bam, you’re done. Now click on the plus icon
again to add a last scene and name it webcam full screen. Click enter, add a new source,
choose vide capture device, choose the same webcam
source as the previous ones, scale this til it’s full screen or right click transform, fit
to screen, and that’s all. So right now as promised I will show you how to add the nice stinger transition and I will also show you
how you can switch scenes right here on the left without actually going to Streamlabs OBS, you can do it with your phone and that’s extremely
valuable while streaming. You can just put your phone next to you and then switch scenes with one click without actually having to
alt tab to Streamlabs OBS because that will freeze
or close your game, it’s not professional. But we will set up the
stinger transition first. In the scenes on the bottom
left there is a settings icon and this is to set up a stinger transition so let’s click on that. By default you will see global transition and the type is cut transition. So that’s what it does right now, just a simple cut to a new
scene when you swap scenes. You can edit this by
clicking on the edit icon and then changing the
name, the type of the cut, and the duration, but that’s
not what we are going to do. Let’s click done and then
click add new transition. Call it NEON Stinger because NEON is the name
of our graphics pack and then change the type to stinger. Then click on browse and find the stinger
transition in my graphics pack. Now what this is is a
1.5 second long video that’s used to make a smooth transition from one scene to another. Exactly in the middle
of those 1.5 seconds, so at 0.75 seconds the
whole screen is filled with this transition showing this image. And exactly at that point
the scenes will swap from one to another so the viewer will not see
the cut between the scenes. But we need to tell Streamlabs OBS at what point it needs to swap the scene. So our video is 1,500 milliseconds long and that is what we need
to fill in right here as the duration. So then the swap, also
called the transition point, happens at 750 milliseconds and that’s what we need
to fill in right here. And that’s all we need to
do so let’s click on done and change the transition
from global transition to NEON Stinger and click done once again. Now when we swap scenes you will see that it
happens really smoothly with a nice transition and
I gotta say, maybe it’s me, but I really love these
stinger transitions, they upgrade your stream
quality by so much, I love it. And I like I mentioned before,
I will quickly show you how can change these
scenes with your phone because that ups your
production quality by a lot. When we go to the Streamlabs OBS settings and then to the remote
control tab you see a QR code. We need to scan this with
our remote control app to link it to the program. So take your phone, go to
the app or the Play Store and search for Streamlabs Deck. I used to be called Streamlabs Remote but they changed, not sure though. So make sure that the
Streamlabs OBS are open, you’re in the remote control tab, and you clicked on the QR code to make it visible and not blurred. Then open Streamlabs Deck
application on your phone and you don’t need to log in right here, just click on skip and then on the bottom go to remote and scan the QR code in the Streamlabs OBS remote settings. Now the app and Streamlabs
OBS will be linked, you will see a number of buttons to press depending on how many scenes and sources you have in Streamlabs OBS. So after the first five
buttons, which are standard, you will see one button for each scene and just by pressing on of the buttons you will swap to the respective scene. This is extremely useful
to switch from in game to your intermission screen for example without having to alt
tab to Streamlabs OBS or change it on your second monitor. When you swap to other scenes you will see that the buttons
on the app are changing. These buttons are the sources which are any scene that you
selected in the application and also the audio sources so you can enable or
disable them all separately. This comes in handy for example when you want to mute your microphone or your alert sounds separately instead of muting your whole stream. There is not much more to this, it’s very simple but it’s very powerful so I really advise you
to play around with this, test it a bit, and once
you are used to using it you will not go back. Of course, if you wanna
take this one step further you can buy an El Gato Stream Deck, they have a lot more functions than this. I don’t have one myself, I
am definitely buying one, also because I can make
tutorials for you then about it but that’s for in the future but I know that a lot of people
are using the stream decks so I will link it in the description so you can check it out for yourself. It’s definitely something to consider when you’re taking your stream seriously. You may not realize it immediately but Streamlabs OBS also
has a theme tab right here and it contains a big amount
of complete streaming packages which can be installed
in just a few clicks. They used to be free and
the old ones still are but all the new themes are only accessible through the Streamlabs Prime membership. A lot of these premium
themes come from our sponsor but most people still
prefer to buy one package from the website itself instead of renting a
bunch of them right here in the Streamlabs themes
til you stop paying. But if you want to swap
from overlay every week then this can be a perfect solution. If you decide that you
want all these themes and you wanna buy Streamlabs
Prime and you wanna support me you can use my affiliate link to buy Streamlabs Prime and
you will also get a discount, so there’s that. Now, back to stream audio. So in the beginning of this video I showed you how you can add your PC sound and your microphone to Streamlabs OBS. If you didn’t do it yet it’s really easy, just go to the settings, audio, add your desktop sound,
which will be linked already as the default audio source right here under the desktop Audio Device 1 and then add your microphone
as Mic Auxiliary Device 1. The GH5 source is my camera so this could be your
webcam with another name and we will disable this source because we are using a microphone. So either move the slider to
zero to completely mute it or press the settings icon
and just delete it right away. So then we have two other audio sources, our desktop audio and our microphone and this is pretty straight forward. And then the last thing
which we will need to add is the alerts and they are very important because they incentivize people to follow, subscribe, et cetera, because people just love to
see their name on your stream. And Streamlabs OBS allows
you to set up the alerts right here in the streaming program. Just click the plus
icon to add a new source and choose Alert Box. Let’s call it stream alerts and then add it to the sources. This will bring up a window
with a lot of options and here we are able to set up everything. So let me explain you
how this window works, and by the way if you
just want standard alerts you do not even have to
change anything right here, you can just close this, reposition the alert box and you’re done, but most people wanna customize them and we will be adding custom alerts with custom alert graphics because that looks much more professional. So let’s do that right now. At the top you see that you can change the width and the height but you can just leave this as it is. Then on the top left you see all the different type of alerts and they are all drop downs. In the middle you then
see a preview of the alert and you can trigger the
previews on the top right. Click on the test widget ad
this will show your options. Now a common problem that a
lot of people have with alerts is that their alerts are different from what they are setting up right here. They trigger the alert and it
looks completely different. If you have this problem you most likely messed around
with the widget themes before and you can easily fix this
by closing this window, clicking on the dashboard right here, and then this will open
a new browser window. Now on the left click on alert box and then on manage themes on the top. Here you will see your
widget themes on the left and either you delete
everything right here til the default is the only one left or you look for your scene collection right here on the right and you choose default
in the drop down menu. To know what scene collection you are in go to Streamlabs OBS and look at the title just above your scenes, that’s the name of your
current collection. So make sure that you change
the alert theme to default for that collection or that you delete all the
other options on the left til default is the only one left. So now that this is out of the way I will get a lot less comments so maybe this was not smart for my SEO, but hey, like the video
if you wanna help me rank. Now on the right you will see the settings for whatever alert you
selected on the left. There is a button right here to add multiple alerts of the same type but this is pretty advanced
so you do not need this. One example of how you could use this is creating alerts for
different donation amounts. You see, when you click
on the donation right here there is one standard alert. If you click on this button
and then on donations a new alert will be added
under the donations drop down. If you click on that on the right and you go to the alert settings you can set a variation condition and you can set it to donation amount is at least this amount and this way you can make different alerts for different donation amounts. But we do not need this right now. I included alerts in the pack so I will show you how
to set them up right now. Let’s delete this extra
donation alert we created and go to the follow stat. Now make sure that you choose
the middle layout right here because we want to display our text on top of the alert graphic. Then here you see sources and settings and these are four tabs
for different settings. Let’s start with the title message. The message template
should be only the name because the graphic alert
has new follower on it. The name between parentheses
will output the name of the person who is following so we can delete everything else. The font size, weight, and color
is something we will change after adding our graphic to
make sure that they match. Click on the second tab
which is the media right here so we can add our alert
graphic and choose the sound. Now click on change media right here and then click on this upload button and search for the alert
graphic you want to be using. If you’re following along
with my free graphics pack go to the alerts folder and
chose the new follower file. It will appear right here in the middle so just double click on it, then let’s click on test widget
on top now and on follower. And as you see, it’s already working, but we will have to change the text to make it match to the graphic. And by the way, to change the
sound effect for this alert click on change media right here and then on the left on
sounds under stock files. You can click on that one
time to preview the sound and then double click on
the one you want to use. Go back to title message and I will lower the font size a bit because it looks too bulky. Let’s test it again, and
this looks better already. Now I will change the text color. The primary color right here is the color of any text in this box that is not the name of
the person following. The color of the name
is the secondary color. Let me show you, I will type some text
in this box right here and then test the alert again. And as you see the other text is white now but we don’t use this so we
will change the secondary color for the name. Let’s delete the extra text
and change this color to white. Now this looks good according to me. You can do whatever you want of course. When we click on the animation tab we can change the duration of
this alert with this slider and we can also add an intro
animation, an outro animation, and an animation for during the alert but I will just leave this as it is. Then the last step is the alert settings and this is not important
for the follower alert. Different alerts have different options so for others this might
be an important tab. I will go over the other alerts and show you what settings are important and different for each one. By the way, if you bought a
theme from our sponsor Owned.tv or you’re using my theme the
alert graphics will be made so that the name of the person appears on the right position by default. However, some theme
graphics are not optimized and it’s possible that the name is not on the right position vertically. To change that you can simply
go to the alert on the left and then click on the HTML CSS on top. Then enable custom code right next to it and go to the CSS on the bottom. Now scroll down and
look for alert text wrap and add a new line
under position relative. Now right panning top 50 pixels and now you can change the 50 to whatever works for your alert. The higher this number is the more that the text will
be pushed to the bottom. So then let’s set up the other alerts. The bits are a bit different, I could give a bit explanation on the bit amount variations
you see right here and about changing the look, et cetera, but this video is going to be way to long and I wanna keep it clean and simple so if you have any
questions about all this you can go to my Discord and
ask a question right there. But right now I will
be deleting all of them except for the default alert. And then let’s change
this message template to name colon space then amount
then space and then bits. Now I will reduce the font size a bit and set the font weight to 600. Change the secondary color to white too and let’s preview the alert. Now the only thing we need to do is removing the user message because it won’t be clean on stream. So go to the donor message tab and disable the show message right here. Here you can also enable
or disable text to speech and change the minimum
amount of bits donated to trigger the text to speech
in case you enabled it. Let’s set up the next alert,
the donations right now. Change the text to name
colon space and then amount. Lower the font size, set
the font weight to 600 and change the secondary color to white. Now click media and change the
image to the donation alert, choose a sound, and then go
to the donor message page. Now disable show message
to keep everything clean and change the minimum
amount of dollars donated to trigger the text to speech,
you can choose this amount. Or you can disable it if you do not want text
to speech on your stream. Then go to the last
tab, the alert settings, and here you can set up the minimum amount of dollars
donated to show the alert. Now be aware that this is not the same minimum amount of dollars donated to trigger the text to speech. This is to show the alert on your screen and the name of the person
donating, not the voice. And then the subscription
alert is the same as the bits, the only thing different
is the resub message tab and here you also want to disable that to keep everything clean. In the host tab you can set the minimum amount of viewers
hosted to trigger the alert and to show it in recent events so if you want that you
can set it up right here. The raid alert is the same as
the host one and that’s all. Merch and CloudBot store
will not be needed for now but you can check them out if you want. Let’s click on done and
reposition the alerts to where you want and now you can also
test it in this window by clicking on test widget at the bottom and then clicking on the widget you want. Now you can also add this alert box to all your other scenes
with a few clicks. Let’s go to another scene,
click on the plus icon, click on Alert Box, then choose
the stream alert on the left because that’s what we named it and then add this to the sources, reposition it, and bam, you’re done. Now the graphics pack which we are using also contains panels
and and offline screen so let me quickly show
you how to install that. If you didn’t edit them yet I show you how to do it
at this time in the video. Now click on your profile
icon and go to settings and click on channel and
videos, scroll a bit down and change your video
player banner right here because that is your offline screen. Now let’s go back to our profile and then click on edit panels
under the video player. Click on the plus icon and add your panel by uploading it right here. Add some text, click
submit, and you’re done, your panel is added, you can
do this for all your panels. If you enjoyed this video
you will absolutely enjoy all the other content on my channel and all the content that’s coming because there’s a lot more you can do to create a professional stream. So if you’re interested
subscribe to my channel, like the video because
that helps me a lot, and share this video with
someone who will enjoy my content because that’s one of
the best ways to help me. Now the next step for you would be to go to my
Streamlabs OBS Master Course because there I have a bunch
of in depth streaming tutorials like adding a countdown timer, using all the microphone
filters, and a lot more. I will see you in there.

35 thoughts on “COMPLETE Streamlabs OBS Tutorial 2020 | Settings + Graphics + Alerts [Free Overlay]

  1. I don't have a game capture card,Can I stream
    My PC specs
    Intel i5 7400
    Msi 1060 3gb Gpu
    16gb ram
    120 gb SSD
    My stream is not Going well
    On YouTube

  2. Congrats sir! you are alrdy growing because of these contents. continue to be an inspiration.
    you inspired so many today especially the youth,the underestimated,the poor, the gamers remember sir all of it came from our God
    you inspired me alot sir! ❤

  3. After a whole year i copied your hairstyle successfully and now you changed it time to restart again
    btw great video man really helpful

  4. Good video tutorial!!! Good job! But I cannot download your graphic pack. Could you upload it to google drive. Thanks a lot!

  5. fantastic video. Everything was going great until i clicked something on my phone and StreamLabs set everything to default… i'll just make it again, but better 😀

  6. I love this guy! So much detail and even though it's for twitch I apply the same rules for mixer 🙂 thank you so much

  7. Literally like nothing's working the game capture is black I cant fix it and the qr code doesn't work with my phone plz help

  8. This was awesome! I have one question though, I stream games from the Xbox, how do I add it to a scene inside Streamlabs?

  9. Is this all for best performance?

    I’m running a Ryzen 5 2600X
    Asus rog strix 2070 8 OC
    AND 32 gb vengeance LPX 3000mhz.
    At 150 MB’s internet. Do you guys think I’ll be able to stream? Seriously I’m trying to figure this out since we cannot stream from windows game bar and shadow play overlay is not yet supported for modern warfare.

    I have 1440p 144 hrtz monitor but I necked it down to 1080p , normal game settings. I’m getting 107, 161 FPS in modern warfare on that. I meant, on all high settings that’s my FPS

Leave a Reply

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