Hi all! Simon here from Computer Tutoring and this time I want to talk about how to use a
green screen in Microsoft Teams. But first of all why would you want to use a green screen? Well
this all has to do with what's known as background effects or virtual backgrounds. This is where you
have a background, a graphic that's provided maybe by your company or you've put forth great effort
to create yourself, and you want to put that behind you (as a background). Now the problem is in Microsoft Teams is when
you do that and you're really proud of yourself, you get this gelatinous sort of moldy thing going
around you, it looks like your kids cut you out with scissors! It doesn't look that professional.
So what do you do? You go out and you invest in one of these (green screen) you go back to
Microsoft Teams you turn it on and yeah it just seems worse! Hence this tutorial: How do you
use a green screen with Microsoft Teams? I just know as soon as I release this video, Microsoft
in Teams is going to have a little checkbox that says do you want to use a green screen?
Okay so if you're going to use one of these (a green screen), you're going to need one of these (an iron),
that's because creases you have on your green screen will make your virtual background
look a little amateurish. If you want it looking absolutely slick, then you’ve got to get
the iron out - that's if you're using a sheet. I mean if you're using a pull-up stand type thing or
a fixed green screen on the back of your chair you might not need this (well I hope you don't).
All right so the next thing we need to do is hang the green screen.
Once you've hung your green screen and you've got your lights, now the lights I’m using, there's two of them,
I don't think I spent more than 45 pounds for them, I’ll give you links down below.
The things that I’m looking for in the lights are the fact that I can make them brighter
like so, and not so bright, and also you can clip them onto the table and different things. So if
you've got clips and clamps etc that really is very very useful. So if you're able to do that,
great! So once you've got that done, and the idea is trying to flatten out your green screen,
now as I said before the only space I’ve got to do my training is in the corner of my room in London,
so I need to try and make this as flat as possible. I always get these shadows, sometimes
having these is a bit bright but you're not really gonna know until you actually start using the OBS.
Okay you've hung your green screen in the corner it's looking good as flat as you can, getting
rid of all the shadows, and you’ve sorted your lights out. Now I just want to talk about OBS.
Now OBS stands for Open Broadcaster Software. It's the software that you're going to use in
conjunction with your green screen to create what's known as a Chroma Key. It will create
that sharp virtual background. We will then use another feature in OBS known as a virtual camera,
and we'll use this virtual camera to broadcast the image from OBS into Microsoft Teams. So let's get
going shall we? So if I just fire up chrome let's just open up a new window in chrome,
let's have a look at OBS download, download OBS studio,
choose your operating system, so I’m going to go for Windows but of course
it works on mac OS and Linux. So let's go to this one, download installer,
the installer will download, let's just click on my downloads, just gonna download it
and then once it's download I’m just gonna open it up.
Okay so let's go to next and next and install, great excellent! So I’m not going to launch
OBS just yet, it's best to restart your computer, I’ve restarted my computer, so that's the thing
that we'll need to do. So now I’ve got that, what I
need to do is load up my OBS. So let's do that, I search for my OBS studio, so I
just choose the Windows OBS there's a little link as well on the desktop, which is great.
Here we go. So resetting the UI, additional docs, okay I’ll say yes, I’ll reset it.
Okay so next thing I'm asking is 'okay what do I want to use this open broadcaster software for?' So I
want to use it for the virtual camera. So I’m going to check, I will only be using the virtual camera,
and I’m going to click on next, and then it gives me some results here as to the resolution,
I’m looking at HD at 1080 here or 1920 by 1080, so that's good, I’m just going to apply those settings.
Let me just maximize this so you can see everything. Great, so what I’ve got here is
one scene. You can have many scenes within OBS but I sometimes find if I have one scene and
I’ve got many devices that they can sometimes sort of get in each other's way and I get echo effects
or cameras don't work, so I’m just going to keep to the one scene, although yes you can
have other scenes of course you can. I need to add a source in, so I’m going to click on this little
plus (+) button just down here at the bottom, okay and I’m going to go up to and choose an image
capture device or video capture device, you see just here, give that a click.
This capture device is my camera that I’m using. It's a Logitech C920. So that's the camera I’ve got,
I don't know if you can see it just here. I've been using this camera for years,
and it's the best, really really is good. Now I have recently
upgraded to a Canon M50, which is what I’m recording this video on, and I do my web online training
with the Canon M50 but the Logitech C920 is a fantastic bit of kit, you know it's
just a go anywhere thing. I wouldn't use the camera that comes with your laptop that's just oh forget it!
So there we go I’m going to create a new capture device, Logitech C920, click on ok,
there's my camera, and it's automatically picked me up, which is great! Hello!
I need to make some adjustments. First thing is, it doesn't seem to be in HD,
it looks really small, so what I need to do is just adjust this resolution type.
So to resolution type, to custom and changing this drop-down list to 1920 by 1080,
then click on ok, and now you can see it's taking up now the full width of your screen.
Okay, so the next thing you might need to do is adjust the camera. Now I have a little gimbal (a pivoted support)
thing here, it allows me to adjust the camera, which you can't really see it there, but you
you can see I’m very easily moving my camera, and I can quickly just whack it on and fix it.
So it cost me about 26 quid (pounds). It is a small bit of kit for quite a bit of money, but you don't really
need to, if you just want to whack the webcam on that's fine but this tiny little ball gimbal
thing, a small rig, I’ll give you a link
down below of what that is or superimpose it over this video. So what I want to make sure is,
that I don't get any of the edge bit here, you can see a bit of my laptop here,
and I want to make sure that I don't get any of the wall. So I'll just adjust me, so I’m right
in the middle of the video, and yeah that's great! So the next thing you need to do is,
try to adjust your lights, so that I’m bright enough but the background is sort of
flat as possible, I can see I’ve got a couple of shadows, if I sometimes angle the
lights away it's not so obvious, I angle that light away it's not as obvious, but sometimes there is
shadow, I can lower the brightness of certain lights as well. That's good,
which might adjust it, and there's a good light compensation on the camera as well which is really
good. So the next thing I need to do is, I need to add in a picture. Let's add in a picture, so I’m
going to click on this little plus (+) just here, and I’m going to go to Image, click on Image and I’m
going to call this one 'CT background' for Computer Tutoring background, and I think I’ve got some logo
images, so I’m going to click on ok, I’m going to go to browse, and it will hopefully take me to
my images, no it hasn't so I’d just got to browse quickly for my images, I think I’ve got some under
Zoom background somewhere down here, there we go, and then I’ll use this blue one with a bit of
gradient on it. Sometimes having a little gradient is really good, it helps
make the effect look a bit sharper, you know because the eyes are being fooled by the
gradient - I don't know but there we go! Let's click on okay, and then what I’m going to do is
drag, I can drag the CT background underneath that Logitech C20.
So I’ve just dragged it beneath. So now what I need to do, is add a filter to this Logitech C920.
So if you right click on that and go to Filters, and then where it says Effect Filters
down here at the bottom, if you click on that plus (+) just here, and then we're going
to go ahead and add what's called a Chroma Key effect. So a Chroma key effect.
So I’ll keep that as chroma key, click on okay, helps me remember.
So there we have the chroma key. The idea of this, the way that this
works is, is....and that's why I’ve added the background in first, so I can actually see
my Computer Tutoring background that I’m going to use for my training, is you adjust the similarity
just here. So you can see, I’m adjusting the similarity, so that the background shines through.
This this sort of page just here this bit here don't really worry too much about it and
it goes a bit speckly sometimes, but what you're looking at, is you're looking at
the background. You can see around here-ish it's just a bit speckly and
if I just drag that down a bit, it's just around there you can adjust
other things as well, like the gamma, which will give you a bit more contrast.
So you're adjusting the similarity, I mean if you go too much you start disappearing....
noooo... it's like Back to the Future you know, you've been erased from existence, so you want
to be careful of that. You've got a contrast option, that you can change as well.
One of the things as well, is this key color type is green. If I click on this drop down list,
and go down to custom, you can see it's looking for a bright green, but if I just hide the chroma key
you can see that this green sheet isn't exactly 100% bright fluorescent green,
so what I’m going to do is, select a color. I get this color thing coming up, and so
what I want to do is, I want to make this color the same as this color here.
All right so what I just do, (unfortunately I can't click on this, I don't know if there's a right
click... but yeah I never worked out how that's done) but what I can do, is I can adjust
this to try and make that color as much the same as that color (green screen) as possible, you know whether
it's more bluish if you think of more greenish. That looks good.
Click on ok, and then when I add my chroma key effect in, I might just adjust the
similarity again. It'll give me a little bit more of an effect. There there we go, that's
good. I still have a speckly bit, but I can just adjust that a tiny bit, and that's good. Cool all
right really looks good! So the next thing I just want to add, is another filter that might
help you out. If I click here, there's a color correction filter, if I click on ok,
so what you can do is, (let's just move that up to the top by using this little arrow here ) so what
I can do here is, if I hide the chroma key, it's quite washed out the colors, so what I
can do is, I can add saturation in the colors, to make that green really green. What you want is
a difference a marked contrast between the green, the nice flat green background and yourself.
So you can adjust the saturation. I wouldn't bother with the hue shift. Gamma and contrast
you can adjust, just to make sure it's bright. I mean if it's like that,
so you just want bright green basically. That's it, great excellent! I might be a little
bit red, but there we go . So now when I add my chroma key in, and I go to my chroma key what
I probably want to do, is reselect the color, because the color's not great,
let's go straight to green, there we go. Add in that chroma key,
that's great, and then adjust the similarity, there we go, and that looks a little better.
Yeah let's have a quick look see.....is it speckledy? I need to check around the top of my afro,
looking sharp, looking good. You can also test this with different backgrounds. So if I go down
here and click on plus (+) and do image again to add a new image and I’ll call this one 'pink backgrounds'
okie dokie, and then here I'll browse for a file and hopefully it comes up with a pink gradient,
there we go, I’ll just drag this down to the bottom underneath my camera, and you
can have a quick look and yeah it's still looking good. I’m a little bit red,
so I might want to adjust it a little bit, but I’ll be fine with that. So the next thing
we need to do is, we need to then broadcast this in Microsoft Teams. If I click on start virtual camera,
and then I’m going to go to Microsoft Teams and start a meeting. The idea is,
is that I can broadcast that virtual camera or I can pick up that virtual camera
through Teams. So I’m going to click on meet at the top.
Normally when I click on set up,
it would be the HDMI, the HD cam etc, and it wouldn't look that great, but what I can do now, is I
have the access to this OBS virtual camera. So for instance if I click on HP Pro here,
okay, so what I'd normally do is under background filters, I click on the background filters,
I would choose my background, I’ll choose this blue one, click on join the meeting,
and what I’ll do is, I’ll make the window bigger so you can just see how bad that green screen is (without OBS).
I mean, I don't think it even works, I mean Microsoft's saying you have a plain background for
Teams to make it a little easier, but I I think it's just somehow worse even with a green screen.
So what I’m going to do is join the meeting, there we go, so this is what I'd have. Let's just maximize
the window and close off the device settings, so you can really see, oh you know it looks like some
sort of blancmange around the afro going on, if I do this (put my hands on my head), I could sort of actually connect! See
what I mean, I look like I’ve got green glow like the Green Lantern.
All right, so what we're going to do is, we're going to open OBS. So let's open OBS.
I’m going to click on this button that says: start virtual camera, just down here at the bottom,
Okay, so then I’m going to click back on this Teams meeting, and then if I go back into device
settings, and instead of the camera being HD pro webcam C920, I’m gonna click on
this drop down list, and now I’ve got OBS virtual camera. If you don't have that there, try
restarting your computer and hopefully it'll pick it up. So now I’ve got this one,
what I’m also going to do before I switch it on, is turn off the Teams background effects because the
background is on the virtual camera. So I go to
this ellipses just down here, and go to background effects, and then you can click on this top one
which means none, apply and turn on video. There we go, not bad! I mean if I click and sort of see
I’m not getting that little gap in between, I do have a tiny little green
glow around that little bit (my hands), but that can be adjusted. I mean you can go back into your OBS.
If I went into my OBS, when it's covering the screen so I’m just going to drag it off the screen
for the time being. I’m going to go to my Logitech . Let me just show you where I’m going, because
it doesn't much help off the screen. So literally I’m going to right click on the Logitech, and go to
filters just here, to bring up that filter. Go to my chroma key, if I drag this off here,
I can start adjusting this similarity and it will appear directly in Teams. See here! So I
can just adjust, like the smoothness, I can reduce all the way down
so there's no smoothness or add a smooth edge here, just adjust it so I can get it just perfect,
which is great , it's never going to be absolutely wonderfully perfect but it's
still a lot better than what it was. Of course if you're getting shadows under your arms etc
then you might want to turn up your lights. That's good, excellent! All righty, so there
we go, that's how you would use that chroma key and it looks far better, and anything that you
do, if I just drag here say, anything you do in this OBS, so say I don't want a pink background I want
now a blue background, if I hide the pink background and now my back background's blue.
Now in a future video , what I’ll do is I’ll show you all of the different options that you can have
here which is pretty cool you know especially when you're doing training, you know many people ask me
how do I train Teams from Teams or Zoom from Zoom? You know it's crazy so yeah you can do it within
this! So there you go there you have it, that's how you can use a green screen in Microsoft Teams!
I hope that you'll get benefit from this tutorial, it'll just give your presentations that little
extra edge, just a little sharper. So if you've got anything out of this tutorial video give us
a thumbs up, really appreciate it! So our next tutorial will look at the voice syncing issue.
So it's not 'no no no yes yes yes' if you've seen Singing in the Rain you know what I mean, to
make sure it's in harmony, that's what we're gonna look for. So if you haven't already done so click
on subscribe and click on that notifications bell. Take care guys and thank you so much for watching.