Creating Overlays and Branding and Getting Them Into Zoom for Live Streams - Tutorial

hi everyone I'm Sam blastin thank you for joining me for this OBS tutorial on how to stream using different overlays in your zoom so we can make things like this or we can brand our zoom videos we can put page numbers across the bottom of the screen or even actually text if there's small amounts of text we can put up screenshots of pages from the sea door or a prayer book of any kinds and so without further ado you're gonna need OBS so we're gonna show you how to do that in one second here you can see the software that I'm using its called OBS it's the streaming software you come to OBS project comm slash download and you can choose whichever whichever operating system you are working on at the moment download it go through the recommended steps to optimize your computer and once you've done that you'll come to you'll come to basically a blank screen that looks like this so what's on the page this here is the preview panel so this is what you would see as you're building something we'll come down here to studio mode and show you now we have the preview mode and we have the program so this is what would be live at any given moment down here we have scenes which are basically you can create a scene with many different sources so the sources will be your different overlays you'll have video you could have audio you'll have different images at different times and they'll all go here and you can have multiple scenes so what I usually do is I'll have one scene for each prayer and we'll have those down the side I'm gonna show you how to do that in a moment in the middle here is about transitions I usually just like a fade from whatever what's going on in the preview pane to the program pane it's not too difficult that way so what we're going to do is we're going to start off by just a basic scene so I'm gonna come down here to the sources we have the first scene I'm gonna right click on it and I'm gonna go to rename we're gonna rename this logo and me because we want our logo on here but you can see here is we have nothing we're gonna add first our video so I'm gonna go here to video capture device video capture device you can create whatever you want so that's let's say my video all of the names in OBS are global which means that you can only name things once you can't have an ashtray here and ashtray there you'd have to have a straight video or ASHRAE ashtray text or ashtray image whatever you would want everything has to be separately named in here or else it'll end up overwriting what you've done before so we're gonna have my video it's gonna come up here I don't want snap camera I want easy camera which is my webcam and we can start to see that I have here you can see that this is only partially covering the screen we hit ok we've got the video we're just gonna make go to the corner make it bigger now it's got the full screen if I were to double click on this I'll show you how to set that up in a minute double click on that you'll see now this would be what's live on the screen what I want though is I want a logo over somewhere maybe in the corner so that people know that I belong to this synagogue at this organisation and what I'll do is I'll bring it in I go to here I'll go to image let's say logo I'll go to browse and we can do is we can find my logo which I have saved here this is from my website we'll hit OK so you can see it comes up here it's not great because it takes up a lot of space and it's not actually see-through I want all the white areas to be see-through so what I could do first is I could hold down alt and what allow me to do is crop in my picture in real time so I can make it super small and I can take go to the other corner waltz and I can cut it down and then letting go of alt I can just resize by pulling on the corner and put it so that's a little big now it doesn't look terrible but I want this to be see-through because it takes up too much of the screens so I can click on it and I can go down to logo and I'll go to filter is what I want is a transparent background so I'm going to hit plus I'm gonna go to color key which will allow me to get rid of all of the white and make it see-through white isn't doesn't come up here as a color so I'm gonna go to custom color and we can select whites so there are different ways to do this you can pick a color in here there are custom colors down here or you can pick a screen color which is helpful if you don't actually know what the color that you're trying to get rid of is so I'm gonna do that and I'll come up here I'll click on the white background and well hits you'll see that turned whites will hit okay now you can see that most of its disappeared you can see over here that it's kind of see-through now it doesn't look terrific though so I'll play around with some of these settings down here and just moving it around to see what looks great and what doesn't so we're getting closer you can see as I'm moving along the similarity here if I go too far it'll start to get rid of the blue box which I don't want to do so I want somewhere in the middle right before it starts going away smooth this we can mess around with and see what looks good and what doesn't opacity will look will make it more see-through or less see-through I still want to keep it pretty pretty solid contrast we can take a look that's gonna change the color a little bit that's getting better like it's for the blue a little bit brightness you can take a look at I kind of like that Gamma alright that'll be good enough there are better ways of doing this to make a transparent but you can do it in OBS itself you just say close when you're done you can see up here that it's see-through you can see through you can see me through the logo so I'm gonna put that up in the corner and I can double click and make that live on the screen now what we want to do is maybe in the bottom corner I'm gonna do it in the bottom right corner we want to make a we want to make something which says the page numbers for the prayer that we're currently on so what I'm gonna do is I'm actually gonna go to Google slides which is a great tool interestingly for using this you wouldn't expect it so what we want eventually is something which would look kind of like this but on the other side of the page what you'll get when you start off are a couple of these text boxes you can just get rid of them so now you have a blank canvas and the first thing you want to do is you can go to backgrounds and you can actually make it transparent and here so color you go to transparent and then you have to do anything once you get into OBS itself now you can see here all I have are two two different shapes basically that are built in with text box over them so this is the text box here's the shape shape text box what I actually want to do is just have the two shapes because I want to be able to use this these colors in this pattern for different services if I build them all in here that I can't actually change the words in OBS so if I want to use the same graphic for for shabbat so then i would have to go back into here and create an all-new graphic as opposed to just being able to do it in OBS so we're gonna come in here we're gonna insert a shape let's see what we have i want to use let's say load char data why not let's see if that works so I kind of like that we kind of put off the screen basically whatever is on the screen itself on the white will will show in the final graphic whatever is off of it will go away so I just want kind of this part and over so we have one of them I'm gonna copy and paste and we're gonna make two of them that'll be kind of slightly over it I'm just gonna fit up here for now what I want to do is I have this one a little bit bigger so I think it looks better than the one below its which will be slightly offset and just sitting on top that's not quite enough room so I'm gonna make this a little bit longer I'm gonna make this even longer I'm gonna make sure that the back half is off the screen all right let's see how that works just as a test I'm gonna take this out in a minute we're gonna put a text box over the top of it and I have a huge text box here let's see so let's say weekday seems shuttle that's all I want we're gonna resize it so it just takes up the room we want and [Music] okay so we can see that it kind of goes off the ends so we don't have quite enough room we're gonna have to make the other one longer so we do that we'll make this one even longer okay so basically we have this graphic and we are good to go I'm gonna get rid of our text there and we'll make the text again when we get into OBS so all I need to do now let's say well let's say I want a different color for this I can go up to here I can tune it to something which is close to my logo which there's not a great fit here but maybe able to say this one and then we'll make this one white and we've got it that we finished with our two boxes one with the blue and one with the whites all we need to do is come over to here to file and download and well Donald is a PNG image so that's it retains the background which is transparent you can see that it's coming up down here and so we'll come back into OBS we'll add a source which is an image people call it let's say a three and we will go and find that picture now and it should come in well so now you can see that the rest of it remains black which means it's see-through and we just have those two colors here now the text box not a box which goes around it is huge so let's do all its it will crop it just to where we need it around here doesn't have to be perfect because it's see-through and will come in it'll lock into the right side if he wants and then we can just make it a little bit bigger so we can put as much text as we want in there and we will put it down a little bit now why do I have it on the right side of the screen I've tried it on the left side of the screen but sometimes when our boxes are really small and zoom the nameplates actually ends up covering up part of your text so I'm putting on the right side because the name plate is usually on the left side now we need some text in here we said we're gonna have the ashrae so I am going to come in here into text I'm going and let's see here weekday seem Shalom cuz that one's gonna stay all the time we can mess with the font later you can come in here font size you can touch all of that you can even write in Hebrew if you want if you want to put text itself in there we're just gonna say we could do seems Shalom here you can choose color you can choose background you can do all of those things I don't want any of that I just want the text we can see here though that it's huge so we're gonna make it much much smaller and continue to make it smaller that's how it's which means I'm gonna make my box a little bit bigger here so that it fits it all right this might look better too if we did it the way I had it at a different time here if actually did it inside of inside of Google slides you can see it looks a little bit nicer there you can do it whichever way works for you I do want to make that black so I'm just gonna right click on it go back to properties and we'll come down it's a color and make it black okay now we'll come down to sources I'm gonna right-click right-click on it and I want to copy it and then right-click again and paste a duplicates reference we'll do the exact same thing a duplicate is a similar thing which means I can edit it and I won't change the original so there's some Shalom to rename that in the minutes but I'll put ashtray page 120 capital I think that'll look nice you bring it down here we can make it bigger so people can see it in zoom and we've got some things we could double click and see how it shows up here if it was live quite like it so I'm gonna make it a little bit bigger okay the only thing so you see I'm moving things I want to move so I can come down here like actually lock them so to lock my video in the Box goes away I'm gonna lock the logo because I don't need that moving and I move it slightly and I'm gonna lock that box and then I'll just move this to what I wanted quick move all right and then we'll lock down that we're gonna rename this austere a page and actually I'm gonna rename this rename its page image so what I'll do now we've got ASHRAE I'll show you how to do one more which is we're gonna duplicate this we're gonna call it Kaneesha tone and alright so you've got it here you can see right now it has the same texts I don't want that so what I'm gonna go down here everything else can stay the same other than I want the ashtray to be done so what I don't want to do if I go in and just change this what its gonna do is it's gonna change ashtray on the other source as well so what I need to do is I need to copy it I need to paste duplicates and I can remove with this minus sign the first one and that'll just remove it from this scene from the source list on the scene it'll still be there on the other page you can see we are going to put in Kadesh yeah tome and get rid of the page because I'm gonna do is show you how to put in a screenshot with a side-by-side so khadiyah tome we can rename this if we want Tom already in this right it's already in use because I've got it over here in scenes so I'm gonna have to rename it kadhi gets home page even though there's no page there so what I can do now is I can take the video and we can try what I want to do actually is let me just see something if I move it like that good so I'll move it back what I can do is I can hit alt again and I'm going to crop in on my face a little bit it's on one side I'm gonna crop in on my face on the other side and now I can just move it over to the right side of the screen and what I want to do I can also move my name over here if we want or I can move it to the middle or you put something there in a minute and what I can do is I can come down here and add another image I've already taken a screenshot screenshots shi'ites home screen shot of the sea door which has it and we're just gonna add it in and you can see it over here resize it bigger so it fills up that whole space and let's see we want to push this back a little bit because it's covering up some of our logos and stuff so you can see here in source is the top whatever comes up on top on the screen is at the top and anything else comes up below it so I'm gonna move this down a couple of spaces now you can see our box came in on top of it now and now the logo is on top if it doesn't look great cuz it's covering upwards so I'm just gonna move it over here in front of me you can see with my hair it doesn't work great but you'll get the idea we can even take it out for this moment if you wanted to so we now have our different scenes we can have it up or other prayers we want so as you can see here right now this one this is live which I might start my service with when we get to the beginning of the service I can come down here and hit ASHRAE if I double click and then could you show to him I can see it's on this side and when I'm ready I can just double click I could hit enter I could hit to whatever transition I want to move it to the screen and this is what ever people are gonna see so how do we actually make this happen over here you can also stream directly it's a Facebook or YouTube or whatever you'd like you can record things on your own that's what I'm using to record this tutorial right now but what we're gonna do is we want basically to make this a source in zoom so that we can have what's coming through in OBS actually show up within our width for our camera so I'm gonna come over here there's a download that you need in order to make this work so in the OBS sites there's a OVS virtual cam which you're going to need the URL is up here I'll link to it in the description you come down here basically it couldn't be simpler to use once you've installed it all you need to do is go to tools in your OBS and select virtual cam you press the start button and close it and then open up zoom and select it from the list so what you want to do is you want to come down here click github release you can get a zip file for it it'll take you to this page on github and so you can just run through the Installer dot exe it'll help you set it up there's an option for one camera or four cameras I do the four cameras it's not necessary I only use the one so you probably couldn't get away with just doing the one camera and basically how that looks once you've gone through the process is you come up here to tools and click on virtual cam you have these options here right now you can see you can decide which of the four cameras as I was saying you want to send it to this is the first one and and then you just hit start and then what you can do is you can open up a zoom chat so I'm gonna come over here and start zoom and we'll pick a new meeting it'll open up in a second I'm gonna join with computer audio you can use your audio like you normally do and you can see here that nothing is coming up that's because my camera is already on in order for this to work in zoom you have to have OBS open your camera on you can come down here to your cameras and all of a sudden you'll see that there are other cameras available to us we want to select OBS camera and as you'll see we're gonna have everything come up now because I'm the only one in the group my screen is huge but what I can do is we can resize it a little bit it's not gonna work terrific Lee without other people on we can move over here so you can see generally that they say actually what I'll do is I'll make this so first you can close this you don't need it open we'll put this let's see here we can make it small on the side of the screen so that we can see both happening at once and zoom is here you can make it a little bit bigger and hopefully we can start to see okay so you can see my logo up in the corner and let's see I come over here I can double click here the ashtray shows up in the bottom of the page you shipped home shows up and we can make it work that way I wanna show you one more trick I'm gonna close out zoom actually what keeps you open for the moment if you come down here into settings and what you can do is you can add hot keys which are basically shortcuts you come down here and you can see each of your scenes you can see each of your scenes in this list so what I can do is I can number them which will automatically switch to that scene so the first scene is logo and me so I'm going to make it a 1 I just type in one RA is - I'm gonna hit two cadets home is 3 I'll apply it and hit OK and basically even if I'm in the zoom call I can just hit 1 and you can see it's switching on the side even if I'm not actively in that screen now I need to turn on one more feature I go back to settings and it's transition to seen when double-clicked we want that one clicked because that means I can just double click on it and it will add it it will make it live right away the other thing we can do is let's see we go back to hotkeys and transition here so the transition is to make it live with the transition and basically what I did was I hit the enter button and what it means is that when I hit the enter button it actually switches and it will switch to whatever I have active in the preview so I'm now active in the zoom chats I'm not clicked into OBS I hit one and hit enter and now I'm back to the logo and me to enter I come to ASHRAE 3 and enter I come to here I don't know why the camera is showing up every time it shouldn't be doing that it wasn't doing it earlier and basically now you have a fully functioning you know fully functioning zoom broadcast with logos and other fun things you can play around with just make sure you have OBS open before you come in to zoom or else they won't work thanks all and I'm happy to answer any questions you might have

Channel: Sam Blustin

Views: 14,749

Keywords: OBS, Synagogue, Live Stream

Id: T6kreppo79Y

Length: 25min 58sec (1558 seconds)

Published: Tue May 05 2020