How to create a Zoom overlay with your name and logo

hi i'm nora diaz and this is going to be a tutorial where we're going to learn how to create an overlay with our name or our logo to use on top of our zoom video so um the first thing is you need to have the right tools so what you're looking at is here on the left is zoom of course just a regular zoom call and on the right here is obs studio so the first thing you need to do is head over to obs project.com and download obs studio from here it's free and once you have installed it open it and it will look like this so the first thing i'm going to do is i'm going to disable my camera here on zoom i'm going to stop the video and i'm going to go over to obs and i'm going to create or add the video feed to the scene so here i have a scene and that's the standard the default i'm just going to click here on the sources and i'm going to select video capture device and i'm just going to call this one my webcam and i'm going to say okay and i will go here to the device drop-down list and select my webcam which is this one and i'm going to click ok so you can see something it looks like this where it's not filling out the entire canvas or the image is smaller so what i need to do is i need to go here with with the webcam selected here click on properties and then here it says resolution click here select custom and then under resolution i'm going to select um 1280 by 720 and now it fills out the entire screen so that's that's the first step now the next step is i want to create some overlays or if you already have the images then you can skip this step but i thought i'd explain it as well so if you want to create the overlays for your for your video feed you can go for example to canva canva.com and well remember how we said the video was 1280 by 720 so what we would need to do is create a design with custom dimensions and i'm going to say 1280 which is the width and i'm going to give it a height of 100. so if i want to create my design i can for example let's say that i want to add an element i'm an interpreter so i want to create an overlay for my name when i'm interpreting and i'm just going to use this little microphone of course you can select from the many elements there and i'm going to add my logo my company logo which is uploaded here i'm going to use this one because it's transparent so i'm going to use that and i'm actually going to crop it because i don't need the whole thing so just scrub that okay and use it here and then i'm going to add my name go to text here and i'm going to say 50. so just because i'm the interpreter in the meeting for example i want to say here interpreter and then my name and um add that you can drag it and you can see where it's perfectly centered and um you know whatever elements if you want to change for example the um the the font you can go here and select a different font i'm going to select that one maybe a little bit bigger like that and i can also um change the color the background colors so i'm going to do that now so i have clicked on the background there and i'm just going to go here and i'm going to select yellow or orange what's better yellow okay and i want that a little bit lower let's say that i'm happy with that and um that's what i want to use and maybe i can change the color of my text here and i want to make it uh blue okay so yeah that doesn't look too good let's make it uh instead of blue let's say i want oh let's make it black just black okay so um let's say that i'm happy with that then i would need to download this to my folder just to a folder where i would be sure to find it so click on download there and then download i'm going to just call it clp interpreter and you can see there that i had another design so before i leave um canva i'm going to make another another design i'm just going to go here back to the home and then create a design and i'm going to make this one 150 by 150 create a new design and let's say that the background for this one is going to be um let's make it purple and for elements i'm going to find a different microphone let's see um you can see here how we have free and paid elements i like this one so i'm going to select that one put it right there and then i'm going to add my name on top here and i'm going to make this one white so let's just go white and a little bit bigger and you can add of course any design you'd like um and i'm going to copy that and here down here [Applause] i want that to be a bit smaller and a different kind of font so let's say that for that one i don't know that's that's clear enough um let's say this okay so um let's say i'm i'm happy with that and i'm just going to save my design and of course you can add actual photos or you know something else to your to your design but i'm going to download this one for now and you can see i'm using the the free version of canva so um i'm going to just okay so with this i have created the elements that i want to use um for them for my overlay so once i have my um you know my graphics that i want for the overlay what i need to do is go back here to obs and under sources here i want to click here on the plus sign and then um select image and i'm going to call the first one card you know you can just give it any name you'd like and i'm going to select this one that i made just now and that may be okay so that's you can see how it appears here so you can actually move it around make it bigger decide where it's going to be and if it's too small maybe you want to make because i see that this is looking kind of fuzzy but if you can of course make the make another image in canva that is um better a better size for what you're what you want to do i'm going to add the other the other image just to show you how easy it is so i'm going to um call this one bottom and i'm just going to browse for it and um let's see this one okay that's the one that i made earlier and so it appears up here i'm just going to move it to the bottom there and so um of course it looks a little silly that i have both here but i could you know remove one and as you saw i have several others here so i could actually load them all and i'm going to show you um how you can select the one that's going to be visible so i'm going to browse now this one is slightly bigger i think this is this one is 250 by 250 pixels and so right off the bat you can see how that's that's bigger than this one and so what i'm going to do now is i'm going to um decide for example i just want the banner on the bottom so i just hide the other the cards here by selecting the names and that's it they're not visible and so the only thing that's visible now is the the banner or if i don't want the banner but i want the um one of the cards for example like that that's good and i can move it around and decide where it's going to be for the video um i just want to say that you can also flip it if you'd like to flip it just right click on the video you can see how there's this red square around it when it's selected and then go to transform and then just flip horizontal so if you want to flip it like that you can do that and so let's say i don't want i don't really want the um the card i want the bottom card or the banner and so i like that so i have that now how do i use that in um in zoom um once i have set everything the way i like it and of course you can have several cards and you know just um hide the ones that you want to that you don't want to show and then show the ones that you want visible for that particular call for example for me i'm an interpreter but i'm also a trainer and sometimes i use the i will use the banner for that shows that i'm the interpreter or another one that um shows the name of our our training program academia and so um you can play with those you can just have them there and then hide or unhide the ones that you want but next we're going to see how you can use that in zoom so everything is set up and now you're ready to start using this in zoom well the first thing you need to do is you need to launch the virtual camera in obs and so you go here to obs and just go here and say start virtual camera and that's all you need to do now you go over to zoom and in zoom you need um here in where you would normally start your video because you cannot have i'm using only one webcam and so i cannot have the webcam um being used at the same time by obs and by zoom as a regular webcam but what i can do is i can create a bridge where instead of using the regular webcam in zoom i tell it to use the virtual camera from obs and that's what we're going to do next and so click here on this little thing and where it says select the camera make sure that you select this one obs virtual camera and then start video and there it is and so here you can see how whatever you have here on obs you will have you will show here in zoom so if you're in um on a zoom on a zoom call and uh you have obs um on of course when when you want to use this make sure that you launch obs before you start zoom or make sure that you select the obs virtual camera here and then launch obs and so it will um you know just pull that uh from obs and you can actually um i'm right now i'm showing you the two screens at the same time but um you could actually be have this full screen for example your your zoom call on a full screen and you could have the obs um screen on a second monitor and you could do things like this look up if i make changes here they will be reflected on zoom right away so if i for example um let's say that i want to hide that and show that i can do that and if i move it around oh that i didn't want to do that but if i pick this one up and move it to a different position it will show that in real time on zoom so i'm going to actually hide this one and the last thing i wanted to say and i'm going to see if i can make this bigger actually no that's better okay so the last thing i wanted to say is that of course when you are on a zoom call your name will appear here and so that's something to um to consider you can rename yourself to just an underscore so that it will not um you know be on top of your overlay uh and so that's that's what i do that's not visible right now because i'm not um you know it's this is just one participant and my name is kind of on the bottom here but if i wanted to um if if i were using the regular call i would just go here and rename and instead of the full name i would just um just use an underscore and so that wouldn't um interfere with this so that's all you need to do have fun with obs and creating overlays for zoom oh and of course this works with any other video conferencing platform that can use a virtual camera just launch the virtual camera on obs and then select it on your video conferencing platform thanks for watching

Channel: Nora Díaz

Views: 27,587

Rating: 4.9266801 out of 5

Keywords: OBS, overlay, Zoom, OBS Studio, Interpreter, OBS virtual camera, virtual camera

Id: wgvEdbEMimo

Length: 15min 23sec (923 seconds)

Published: Sat Jan 23 2021