[0:00] installing OBS can be confusing and
[0:02] streaming isn't meant to be confusing it
[0:04] is meant to be fun right today you'll go
[0:06] from having nothing set up to having
[0:08] this awesome overlay set up and
[0:10] understanding how to customize and
[0:11] control every single thing you want
[0:14] including the dreaded audio when you
[0:18] first install OBS you'll most likely
[0:20] either have a blank slate or maybe
[0:22] you've already played around a bit or
[0:23] even installed a template overlay from a
[0:25] website for this I want you to start
[0:27] with a blank slate so come to the top of
[0:29] OBS click this little drop down that
[0:31] says scene collection and click new once
[0:33] it opens name this one whatever you want
[0:36] I'm going to name mine today subscribe
[0:38] this will add a new blank setup if you
[0:40] want to swap back go to the same process
[0:42] you did but don't click on new and
[0:43] instead click on the overlay in your
[0:44] list don't worry everything I've done so
[0:46] far hasn't deleted all your work okay
[0:48] let's give you a quick tour of OBS and
[0:50] yes don't worry I'll Deep dive into
[0:52] everything but first you need to know
[0:53] your way around in the middle you have
[0:55] your display window this is what you'd
[0:56] be broadcasting to Twitch if you were
[0:58] live right now but right now it's blank
[1:01] obviously unlike other tools such as
[1:03] streamlabs or twitch Studio OBS doesn't
[1:05] come with event list so you can't see
[1:07] your new follows or new subscribes or a
[1:09] chat window even so you can't even see
[1:11] your Chatters but don't worry we'll set
[1:13] both of these up later as docs and
[1:14] they'll be on your left and right just
[1:16] like any other tool below that we have
[1:18] four boxes on the far left we have
[1:19] scenes you'll set up different scenes
[1:21] for different reasons for example you'll
[1:23] need a scene for gaming a scene to say
[1:25] you're going be right back or a scene
[1:27] for just chatting to your viewers if we
[1:29] had those three scenes set up and
[1:30] clicked between them then we would be
[1:32] transitioning more on that later in the
[1:34] middle we have sources these are the
[1:36] assets you have added to the scene you
[1:38] have selected on the right we have the
[1:40] mixer these are your audio sources that
[1:42] will be transmitted out and you can
[1:44] control and edit your audio from here
[1:46] further to the right we also have our
[1:47] scene transition controller this lets
[1:49] you set up stingers and animations for
[1:51] transitioning between scenes and then on
[1:53] the far right you have controls this
[1:55] lets you start stream start recordings
[1:57] turn on Studio mode and of course open
[2:00] your settings and that is really
[2:01] everything you need right now for
[2:02] getting set up the rest will be covered
[2:04] throughout the video but I will quickly
[2:05] mention if you're wanting to learn about
[2:07] streaming settings in particular and how
[2:09] to avoid laggy streams well there is a
[2:11] playlist in the description that has a
[2:12] video about fixing laggy streams and
[2:14] making sure your stream settings are
[2:15] crystal clear so I will show you how to
[2:17] install alerts chat widgets and fix your
[2:19] audio in only a few seconds but first
[2:21] let's cover the basics on the left we
[2:23] have scenes as I said you'll make your
[2:25] scene for different purposes for example
[2:27] you'll make a game scene so we right
[2:29] click and name game scene now I might be
[2:32] setting up a gaming scene but I'll cover
[2:33] everything you need to know to build any
[2:35] scene you want think of this as building
[2:37] blocks in the middle we have sources
[2:39] sources are again all of your media that
[2:41] are in the scene you currently have
[2:42] selected right now it's empty but if we
[2:44] click this plus sign at the bottom we
[2:46] can add sources such as game capture
[2:49] which you'll need if you're trying to
[2:50] capture a game in your gaming scene if
[2:52] you don't have a game open it will be
[2:53] blank for now but don't worry about it
[2:55] and also it's important to remember that
[2:56] not every game will be captured in this
[2:59] some games games need window or display
[3:01] capture to actually be captured so you
[3:03] might have to try different options but
[3:05] anything you want to add to a scene
[3:07] you'll do it with this plus sign that
[3:08] could be video graphics or it could be
[3:10] still images or it could be any of the
[3:12] dozens of widgets you'll add with
[3:13] browser sources for example we also want
[3:15] alerts so if someone follows while
[3:17] you're live an alert plays on screen
[3:19] unlike streamlabs OBS doesn't come with
[3:21] alerts but with twitch alerts you can
[3:23] set these up in 10 clicks or if you're
[3:25] on YouTube you can use stream elements
[3:27] for twitch alerts head to your Twitch
[3:29] dashboard click alerts create alert box
[3:32] name it click edit alerts and then in
[3:34] the bottom right copy this browser
[3:35] Source URL come back to OBS click the
[3:38] plus click browser name it alerts and
[3:41] then paste the copied URL I showed you
[3:43] into the URL box click save and now if
[3:46] you click send test alert you'll see you
[3:48] have all the default twitch alerts set
[3:50] up there's a full video in the
[3:51] description on customizing these alerts
[3:53] for now that's the basics let's move on
[3:55] your game scene will probably also need
[3:57] a webcam maybe some support bars for
[3:59] your latest follower or latest
[4:00] subscriber and potentially you'll also
[4:02] want your chat on screen first let's
[4:04] start with the webcam let's click the
[4:06] plus again and click video capture
[4:07] device we'll then select our webcam and
[4:09] then resize it down by clicking the
[4:11] corner and dragging it down now the
[4:13] source list isn't a random order it's
[4:15] actually layers imagine the bottom layer
[4:18] is behind everything else so if I drag
[4:20] my webcam below my game capture it is
[4:23] hidden if you can't see a source it's
[4:25] worth considering whether or not it's
[4:26] placed in the right section of your list
[4:28] now I want to add my support bars that
[4:30] the name of my latest follower will
[4:31] appear in so I would click the plus and
[4:33] I can either click image if my support
[4:35] bar graphic isn't animated or I can
[4:37] click media Source if it is an animation
[4:40] or a video file all of the graphics I
[4:42] use in today's video are available for
[4:43] free for download from the Discord
[4:45] server Linked In the description I think
[4:47] we have about 3 to four dozen fully
[4:49] animated overlays in there now just for
[4:50] free so you can have those if you want
[4:52] my support bars are animated so I click
[4:54] media Source I'll find my animated bars
[4:56] file on my computer and I will add them
[4:59] in here since they are animated I also
[5:01] need to make sure I double click my
[5:02] support bar layer so the settings open
[5:04] and then I'll click Loop or else it will
[5:06] stop playing after the animation
[5:08] finishes any animation you want to keep
[5:10] playing forever needs a loop turned on
[5:12] this process is also how you can import
[5:14] a frame for your webcam or really any
[5:16] other graphic but first we want to add
[5:17] our follower name to our support bars
[5:20] the issue is OBS doesn't come with label
[5:22] widgets built in making it a little bit
[5:24] tricky instead you'll have to use stream
[5:25] elements to add these don't worry it's
[5:28] actually really simple once you do it
[5:29] once so you'll head to stream
[5:31] elements.com you'll log in and connect
[5:33] your Twitch or YouTube account if you're
[5:34] streaming there click streaming tools on
[5:36] the left at your dashboard and click new
[5:39] overlay set your overlays resolution to
[5:41] the same size as your OBS if you don't
[5:43] know what that is you can check this in
[5:45] the settings video and it's the base
[5:47] canvas so for us it's 1080p you're going
[5:50] to click the plus and click add static
[5:52] SL custom click video and then in the
[5:55] top right click change video upload and
[5:58] you'll upload your support support bar
[6:00] file from your computer the reason we
[6:01] are adding this support bar graphic
[6:03] again but now on stream elements is
[6:05] because it will be far easier for us to
[6:07] add the label to fit the bar if we do it
[6:09] all in one place rather than adding a
[6:11] label to elements and then trying to
[6:13] make it fit in OBS click the plus sign
[6:15] again click labels follower latest
[6:17] follower and you'll see it's been
[6:19] dropped in here but then if you click it
[6:21] you'll be able to edit what it says up
[6:22] here in the top left you can change the
[6:24] font you can change the size of the font
[6:26] you name it you can do it here however
[6:28] those actually come with custom fonts
[6:30] that match the design so for example
[6:31] this is the paint splatter pack so I'll
[6:33] set this to blow brush so it looks a bit
[6:34] like it's someone spray painting I'm
[6:36] going to turn on Dynamic font size so I
[6:38] can resize it onto the bar and I'll add
[6:40] a little drop shadow to it now I know I
[6:42] went through that a bit quick but stream
[6:44] labels are simple to add and really
[6:47] powerful even just opening the drop down
[6:49] you can see dozens of other types of
[6:51] labels and if you want in the playlist
[6:53] Linked In the description I have a
[6:55] stream labels tutorial that covers
[6:57] everything you need in about 9 to 10
[6:59] minutes this video would go on far too
[7:01] long if I did a deep dive into labels
[7:02] now so instead I'm showing you the
[7:04] basics so you can get going and the
[7:06] other video can help you become a pro
[7:08] later once you've positioned your label
[7:09] and you're happy with it you'll click
[7:11] save you'll name it and then click this
[7:13] little chain to copy the URL head back
[7:15] to OBS hit the plus select the browser
[7:17] source and paste this in just like you
[7:19] did last time but extra step change the
[7:22] width and height to match what you set
[7:24] your canvas resolution and overlay
[7:26] resolution so remember mine was 1080p so
[7:28] I'll set this to 19 20 x 1080p for you
[7:31] make sure it just simply matches your
[7:32] base canvas now what if I don't like
[7:35] where my bars have fallen naturally and
[7:36] I want to move them all to the bottom of
[7:38] the screen well I can I just click and
[7:40] drag that Source all the way down and it
[7:42] moves everything because I'm simply
[7:43] moving the stream elements overlay I
[7:45] made and imported but LJ now we're left
[7:47] with two support Parts don't worry I did
[7:49] that on purpose so I could show you guys
[7:51] how to delete a source if you go down to
[7:52] your Source list click it and click
[7:54] delete but if I wanted to move my webcam
[7:56] and its frame that goes around it I can
[7:58] click and drag one individually to move
[8:00] them but a much easier and neater way is
[8:03] to select both my graphics and hit the
[8:06] plus button then add a group source and
[8:08] drag all the sources into one folder
[8:10] named webcam I can then click the group
[8:12] and move that around and it will move
[8:14] everything inside it now we do hit a
[8:16] snag we have about three to four support
[8:18] bars on our screen and yeah you could
[8:21] use these other bars for things like new
[8:22] donation labels or new sub labels but if
[8:25] you want to get rid of them or crop
[8:27] anything inside OBS you can just
[8:29] clicking on the source holding down alt
[8:32] and then dragging it to resize from the
[8:34] vertical or horizontal boxes personally
[8:36] though I will say if we're resizing or
[8:38] cropping sources that come from stream
[8:39] elements first I prefer to Simply crop
[8:42] and resize it there on their overlay
[8:44] editor because then it loses less
[8:46] quality when scaling it up inside OBS
[8:48] this old drag also works with every
[8:50] other source and specifically when it
[8:51] comes to resizing your camera sometimes
[8:54] you want a square camera inside your
[8:55] game to block less of the gameplay so if
[8:58] we import this Square webc cam frame
[8:59] that comes optional with all of our
[9:01] overlays and lay it over our webcam we
[9:03] can then hold alt and we can drag the
[9:05] camera source to be a square and it will
[9:08] fit inside the Box nicely the last step
[9:10] of our game scene let's add chat to your
[9:12] screen you'll need to head back to
[9:14] stream elements and follow the same
[9:15] process as earlier and make a new
[9:17] overlay you don't want your support bars
[9:20] and chat in the same overlay once you
[9:22] have your new overlay hit the plus sign
[9:24] and click stream tools then click the
[9:26] chat it'll add the default chat box most
[9:28] likely and it doesn't look great so at
[9:31] the top left of the properties you can
[9:32] change the height and width to change
[9:34] the size of the box but also it has some
[9:37] presets of chat Styles personally I
[9:39] prefer setting it to custom so I can
[9:40] remove the hard background and then if
[9:42] you click text settings you can change
[9:44] the font add drop shadows and well
[9:46] really anything you want once we're done
[9:48] we'll copy the browser source and then
[9:50] paste it as our new browser Source in
[9:52] OBS and just like earlier we're going to
[9:54] make sure that the browser Source
[9:55] matches the resolution of the overlay
[9:57] resolution that we set and now let's put
[10:00] this chat box below our camera and our
[10:02] followers type something in twitch chat
[10:04] for the tests and make sure it is below
[10:06] your camera in the source list so now
[10:08] that it Scrolls up it'll go under your
[10:10] camera nicely it just looks nice and
[10:12] smooth this way congratulations you have
[10:15] a game scene set up now let's go back to
[10:17] our scene list and make a just chatting
[10:19] scene we're going to hit the Plus on the
[10:21] scene list and name it just chatting and
[10:23] then hit okay and with that all our work
[10:25] is gone oh my god what have we done just
[10:28] kidding it isn't actually gone it's just
[10:30] in another scene if you click the game
[10:32] scene it will transition back to that
[10:34] one we just set up now you might not
[10:36] want to transition every time you select
[10:38] a new scene so what do you do well you
[10:40] click on Studio mode on the bottom right
[10:42] and now when I click game scene it shows
[10:44] me the game scene on the left and I can
[10:46] click transition and it moves to the
[10:48] right what is shown on the right is
[10:50] being broadcasted out and what is
[10:51] showing on the left is the preview of
[10:53] the scene that you're looking at
[10:54] transitioning to you can go ahead and
[10:56] set up your just chatting scenes however
[10:57] you want it is the same process as your
[10:59] game scene just hit the plus and insert
[11:02] the source that you're trying to add for
[11:03] me I recommend adding your webcam as a
[11:05] full screen or at least quite large you
[11:07] can add your chat to one of the sides
[11:09] and don't forget to add your alert box
[11:11] as well so you can hear when people
[11:12] follow in this scene you can just copy
[11:14] and paste most of this from the game
[11:15] scene and then resize it but if you want
[11:18] chat alerts or other browser sources to
[11:20] look and be different between scenes
[11:22] well then you need to set up a new
[11:23] overlay on elements or twitch alerts and
[11:26] then add the new browser Source it's the
[11:28] same process as I showed you earlier
[11:29] though but you can see the difference
[11:31] here my game scene my chat is small and
[11:33] fits under my camera but in my just
[11:35] chatting scene it's really large these
[11:37] are two different resolutions and two
[11:38] different sources from elements you'll
[11:40] see on my chatting I decided to make my
[11:42] camera full screen and put the chat
[11:43] largely on the side with my alerts in
[11:45] the bottom of the other corner I just
[11:47] find this is a really nice default just
[11:49] chatting setup and I do recommend it for
[11:51] everyone once you have that let's add
[11:52] some Polish to our transitions between
[11:54] your scenes so let's quickly add an
[11:56] animation to this transition rather than
[11:58] this weird fade head head to the scene
[11:59] transition section in the bottom right
[12:01] click the plus change it to stinger and
[12:03] now you want to find the Stinger file on
[12:05] your computer remember every graphic in
[12:07] today's video is downloadable in the
[12:09] streams game Discord so once you find it
[12:11] import your video file make sure you use
[12:13] a webm for the video Stinger change this
[12:15] from time to frame and then set the
[12:17] transition point to 30 this is what fits
[12:20] the animation I am using but you can
[12:22] adjust when the transition point is
[12:23] moving it further or back until it fits
[12:25] yours then hit done and make sure this
[12:28] drop- down menu says ER hit done and
[12:31] click between your two scenes Tada
[12:33] you've got a new transition this is the
[12:35] global transition so that means it will
[12:37] play every time you change scenes but if
[12:39] you wanted you could add custom rules
[12:41] for this transition if we click on just
[12:42] chatting right click transition over rde
[12:45] and click cut now if we click to
[12:47] transition it will play the global
[12:49] Stinger but if we click back it will
[12:51] hard cut to the scene we just set to the
[12:52] override look this gets overly
[12:54] complicated fast and if you are in need
[12:56] of multiple transitions for different
[12:57] scenes I don't recommend using the
[12:59] override I recommend a plugin called
[13:01] transition table for now I prefer using
[13:03] just one singer and one hard cut
[13:05] depending on which scene I'm going to so
[13:07] we don't over complicate it plus I also
[13:09] have a video where I show off literally
[13:10] 50 plus free animated stingers and how
[13:13] to get even more custom with your
[13:14] Stingers it's in the playlist Link in
[13:16] the description and they're all
[13:17] downloadable again from the stream
[13:18] scheme Discord now before we move on to
[13:20] audio maybe you didn't want to set every
[13:22] Source up by hand maybe we just want to
[13:24] set up a template overlay and then use
[13:26] everything I just taught you to
[13:28] customize it well sadly with OBS there
[13:30] is no simple way to do this you'll need
[13:32] to make a series of scenes and then
[13:34] install all of the sources by hand as
[13:36] I've shown you the best I can offer is
[13:38] the fact that we have about two dozen
[13:40] three dozen fully animated overlays in
[13:42] the Stream scham Discord so at the very
[13:44] least you can take those and build an
[13:45] overlay you love with all these modular
[13:47] animations everything you've learned so
[13:49] far though is the building blocks to
[13:51] becoming a pro at OBS if you can do
[13:53] everything I showed you then you can
[13:54] build an entire overlay if you're
[13:56] patient and take it one step at a time
[13:58] plus if you need help with our overlays
[14:00] an install guide is linked in the
[14:01] playlist and we have a list of
[14:03] frequently asked questions in the
[14:04] Discord as well and about eight
[14:05] volunteers to help out and get you set
[14:07] up okay let's cover the mixer over here
[14:09] on the right let's select our game scene
[14:11] now on the right you'll see that your
[14:13] audio sources are anything that you have
[14:15] in that scene this could be media files
[14:17] like animations it could be widgets
[14:19] really it's just anything that's in
[14:20] there it might even be your webcam we're
[14:22] going to focus on just three audio
[14:24] sources our desktop audio our mic ox and
[14:27] our game capture these might not be on
[14:29] your OBS yet don't worry they will all
[14:31] be there soon first I want you to click
[14:33] on the three dots on the bottom of the
[14:34] mixer and click set to Vertical I find
[14:37] this just makes it look neater and then
[14:39] we're going to hide anything that isn't
[14:41] one of those sources I just mentioned
[14:43] you'll do this by clicking the three
[14:44] dots under a source let's say the webcam
[14:47] and then click hide in mixer box now
[14:49] it's cleaned up let's add your mic and
[14:51] desktop audio we'll click on the
[14:52] settings in the bottom right and Below
[14:54] output you'll see audio so click audio
[14:57] and then I want you to click your mic Ox
[14:58] one one and select your microphone in
[15:00] the dropdown now these will all be named
[15:02] differently but it should say your brand
[15:03] of microphone or something like USB mic
[15:06] be careful not to leave this as default
[15:08] because it might default to say your
[15:09] webcams microphone or something else
[15:11] that picks up audio on your computer
[15:13] which will likely sound awful in the
[15:15] same area I want you to select desktop
[15:17] audio and click default this will
[15:19] capture all Desktop sound and anything
[15:21] that plays through your default sound
[15:22] output on your PC if it isn't capturing
[15:24] all of that then you'll need to try a
[15:26] few different options till you find one
[15:27] that is there are more complex ways to
[15:29] set up audio capture but I find this is
[15:31] a really good place for a beginner to
[15:32] start so once we've got those two things
[15:34] added we'll head back to our mixer and
[15:36] if we talk into the mic is being picked
[15:38] up on these bars your bars for your
[15:40] microphone should be hitting the top of
[15:41] the yellow and a tiny bit of the red but
[15:44] no higher and any audio that we can hear
[15:46] on our computer is usually being picked
[15:48] up by our desktop audio so if we're
[15:50] playing music that is being picked up
[15:51] there playing a game it should be there
[15:53] as well and if we send a test alert to
[15:55] our alerts they'll be here as well to
[15:57] mute our microphone or Des toop audio we
[15:59] click this little button here on screen
[16:01] and to lower the volume you can click
[16:03] and drag the actual level on your screen
[16:05] as well the final step here is that
[16:07] you'll want to click the Cog wheel in
[16:08] the bottom and open advanced settings on
[16:10] the right you'll see audio monitoring if
[16:12] it says monitor off it means you can't
[16:14] hear this Source out of OBS but your
[16:17] viewers can if you have monitor only it
[16:19] means that only you can hear it and OBS
[16:21] isn't transmitting it and then Monitor
[16:23] and output means that not only are you
[16:25] listening to the source from OBS but you
[16:27] are also outputting it now remember
[16:29] though if you monitor something say your
[16:32] microphone to listen back to it but your
[16:34] desktop audio is also being captured
[16:37] then you'll transmit that cuz you can
[16:39] hear your microphone which causes a
[16:41] double up so make sure you're not
[16:42] monitoring your microphone at all times
[16:44] now if you want to Deep dive into audio
[16:46] specifically one that lets your mic
[16:47] sound amazing that is also in my
[16:49] playlist Linked In the description I
[16:51] made a $10 USB mic from a grocery store
[16:54] sound pretty damn good with absolutely
[16:56] zero plugins no extra cost I'm I'm
[16:58] really proud of that video but for now
[17:00] that is the basic setup done and you are
[17:01] ready to start streaming almost we need
[17:04] to add event lists and chat to OBS so
[17:07] you can actually see when someone
[17:08] follows or chats easily now personally I
[17:10] prefer to open my twitch dashboard or
[17:12] YouTube stream Studio dashboard and just
[17:14] have them here on another monitor but I
[17:16] know everyone is different so we will
[17:18] give you a few options instead first
[17:20] head to the dock click custom browser
[17:22] Doc and now you'll type in Doc name
[17:24] twitch chat leave this open and head to
[17:27] your Twitch dashboard and then click the
[17:29] three dots on your Twitch chat and click
[17:30] pop out now copy the URL of this pop out
[17:33] and paste it into the URL of the doc
[17:35] that we had open you'll need to log into
[17:37] twitch now but once done OBS will have
[17:39] that chat window as a dock that you can
[17:41] move around and slide right into OBS if
[17:44] you just hold it over the section here
[17:45] you'll do the same process but this time
[17:47] using the activity feed and drop that on
[17:49] the left now you can see chat your
[17:51] latest followers latest subs and you can
[17:53] see what you're transmitting your scenes
[17:54] your sources your audio and your
[17:56] Stingers all in one place the final tip
[17:58] of this video is is to remember this
[17:59] guide has taught you the basic building
[18:01] blocks and provided a full overlay to
[18:03] build if you follow along step by step
[18:05] you'll be able to build an overlay and
[18:06] master OBS but that's only if you didn't
[18:09] take shortcuts and tried to skip through
[18:11] the video now click this video here to
[18:13] fully customize those alerts we added
[18:14] earlier or this video here to fully
[18:16] customize your stream labels and your
[18:18] support bars and I'll see you guys next
[18:19] week