if you've ever been around my stream you
know that I like to use a green screen
it looks nice when done correctly and it
allows for some function Anakin's on
stream so it pains me just a little bit
to see so many people doing it wrong in
my opinion
or just being flat out lazy the first
thing I see is just the complete lack of
an overlay altogether
people just lazily slapping themselves
in the corner of their stream using a
green screen because they can there's no
personality to the design it looks
identical to thousands of other streams
and you can't easily move yourself out
of the way of gameplay elements the
second thing I see a lot of is some sort
of variation of the bar overlay you know
the one I'm talking about where it looks
like you're coming out of the bar which
honestly looks fine I guess but what I
personally like to do is add just a
little bit of a background gives the
overlay some depth it makes you pop out
a little bit more and it just looks much
so clean so this week I have two
animated green screen camera overlays
for you that's a mouthful that are based
on the regular camera overlays I
released a few weeks ago they look
something like this and they are
completely customizable with your logo
colors and shape to some extent in
blender 2.8 all you have to do is
download the file from the discord link
in the description and follow along and
before we get started if you like the
free graphics please do consider hitting
that like and subscribe button and ring
the bell
it's completely free it lets you know
when there's new stuff and it really
helps me out that being said let's get
started my name is Chris folia I'm your
stream professor welcome to stream
school
all right when you first open the file
it should look very similar to this and
the very first thing you're gonna want
to do as always is come up here and
click on the shiny circle button that'll
put this viewport in to rendered preview
mode so you can always see what your
overlay looks like as you're working on
it next you'll notice we have a few
different collections in the upper right
hand corner we have face ref overlay one
and overlay two so I included face ref
because when I'm working on an overlay I
like to see what the camera looks like
in relation to the overlay as I'm
working on it so if you hit that
checkbox or right there you get a giant
transparent cut out of my face
beautiful and you can actually adjust
this if you want to to match what you
plan to do with your camera so if you
click on the rectangle and you hit G on
your keyboard you can move it around or
if you hit S on your keyboard you can
scale it now personally I think this
position and this scale looked pretty
good for this kind of overlay so I'm
gonna leave it alone but you do whatever
makes you comfortable personally so
let's move on to the controls for
overlay one first of all you notice we
have a bunch of arrows over here to the
left then over to the right we have some
text so the text controls the colors of
the overlay for instance if I click on
gradient one and go down to the
materials panel and click on the color
box I can manipulate the first color of
the gradient
so for our purposes I'm gonna leave this
at a nice blue I actually like the
default blue but then for gradient - you
can manipulate the second color of the
gradient it's a pretty self-explanatory
for this one I kind of like a nice
slightly bluish green I think looks
pretty good and the reason I have this
is a diagonal gradient by the way is
because this overlay is animated so if
you hit space on your keyboard you can
see that the gradient animates and loops
from the upper right corner to the lower
left corner and I personally think an
animated gradient looks nice at a
diagonal rather than up and down but
we'll get to the controls for adjusting
that a little bit later because we also
have the border color which if you
guessed that this changes the border
color that was a pretty head guess I'm
personally gonna leave this one at white
just know that that control exists if
you personally want to change it so now
moving on to the arrows these four
arrows third for arrow pieces right here
change the shape of the overlay and this
quad arrow changes the orientation and
position and scale of the gradient so
let's start with the shape if we grab
the big arrow first and then click on
the green arrow and drag it you notice
this changes how tall the overlay is
then each of these individual smaller
points change the actual shape of it so
for instance if I grab the small arrow
right here without clicking the camera
and drag on that I can either make it a
dome or I can cave it in or if I want to
get silly or fancy depending on how you
look at it you can also grab the
rotation widget and you can make it a
nice wave kind of shape or if you want
to make like a mushroom shape or
something you can also grab the scale
widget and scale it up or down
and the other two small arrows do
functionally the same thing but for
either corner of the overlay so if you
grab this one and you just want it to
curve down on one side for instance you
can do that or have it just curve up on
one side and same with the other side so
for me personally I'm going to curve
this up a little bit in the center and
then move the entire thing down
somewhere around there I think looks
pretty good
then the final control which is the
gradient animation you can grab this and
you can hit R on your keyboard to rotate
it or use the rotate widget or you can
hit G on your keyboard to move it or use
the movement widget or s to scale it and
if you move it in scale you've got a
decent amount of leeway here for it to
still animate and loop properly you
can't scale it too far down or else
it'll mess it up and it won't loop
properly but for the most part you do
have a decent amount of freedom here and
a decent amount of leeway for changing
that so I'm personally gonna leave mine
is a gradient because I as a diagonal
because I think that's what looks best
just know that the option is there then
finally for overlay one you can also
change out your logo so if you click on
your logo here and come over to the
materials panel again and click on the
folder icon you can select your logo I'm
gonna use my fish logo you also have the
same controls where you can scale this
up or move it just know that if you want
to make this big enough to overlap you
you're gonna want to add this as a
separate layer in OBS I would not
include your logo in the overlay file if
you're gonna make it this big but if you
want to get rid of the logo that brings
me to the next part of the controls if
you come up to the collections overlay
one has a bunch of well organized
collections so if you want to turn the
logo off just uncheck it then you can do
the same thing for the backdrop by
selecting our
or if you just want the backdrop and no
metrics you can also turn off the
metrics or if you want nothing then I
don't know why you're watching this
tutorial but yeah I'm gonna leave both
of these on and I'm also gonna leave the
logo on and move on to overlay number
two which is sort of like this cool
sci-fi TV looking thing and you'll
notice for the most part the controls
look very similar so we'll start with
the text the LED color changes the color
of the dollar star and LEDs so I'm gonna
make that green for our demonstration
ooh or we could do the stream school
logo so if I select this and find the
stream school logo I can scale that up a
little bit and we can make this pink and
then we can make the background color a
nice purple and you'll notice that some
of these colors don't let the TV stripes
pattern show up very well to fix that I
figured out that if you just make it a
little bit darker the stripes pattern
will show up significantly better for a
lot of the colors I'm gonna make this
kind of like like a nice dark purple and
then you can also change the plastic
color I might make this a little bit
purple
you can change the metal color and maybe
make this a little bit slightly tinted
pink and you can change the text box
color maybe you tent that just a little
bit and I think that overall looks
pretty solid and you notice that this
overlay animates as well if you hit
space it flickers other great the radial
gradient here flickers and then the text
and the LEDs fade in and out over the
course of five seconds and you can
adjust a lot of this but we'll get to
that with the arrows so moving on to the
control controls you'll notice that this
arrow right here changes the height of
the overlay and it does break if you
drag it down too far I'll get to that in
a second
but just know that you can change how
tall this is I'm gonna move this to
about here then these two arrows right
here change the height of em size of the
LED bar so if I move this or this you
have full control over what that looks
like then finally you'll notice that you
have a nice rotation widget right here
so if you grab that and bring up the
rotation widget and rotate it you'll
notice that that changes the direction
of the metal grain for the brushed metal
texture I personally like the default so
I'm gonna leave that alone and then one
more control I know I said finally on
the previous one we have the quad arrow
again and this moves the gradient so I'm
just gonna hit G on my keyboard and I
can move this around and even if you
move it it'll still flicker properly and
you can also scale it down if you want
to and move it I don't know why you
would do this it looks pretty bad but
just know that the option is there for a
complete creative control of whatever
you want to do with it so if you want
like darker corners or brighter corners
you can mess with
I'm personally pretty happy with how
this one looks so let's say you've
created your overlays and you're ready
to export so if you just want a still
image that's super easy to do first
you're gonna want to turn off the face
ref because I'm pretty sure you don't
want my face on your final overlay image
but then you can bring up whichever
overlay you want I'm gonna set this back
to the fish logo again both of the
overlays use the same image texture
which is why that transferred over to
the overlay one but then I'm just gonna
hit f12 on my keyboard and then when it
brings up the render window I'm gonna go
to image save as and save it as whatever
you want I'm gonna save - overlay still
zu0 - but let's say you want the full
you want the full nine yards you want
that nice gradient animation or whatever
or animation on the sci-fi one for that
you just have to go to the printer icon
right here and you'll notice that I've
already put in all of the proper codec
and format options for a transparent
WebM file all you have to do is go to
output and the folder icon and save this
wherever you want I'm gonna save this as
overlay overlay animated - hit enter
twice and then you just have to go to
render and render animation and it'll
bring up a window and you'll notice the
time bar going across here and it will
render out your entire animation and I'm
not gonna let this play out because
that's a total waste of your time so I
will see you all in OBS all right
hopping over into OBS all you have to do
is grab your overlay and drag it in from
Windows Explorer or you can do it the
old-fashioned way then you're going to
want to right click it go to properties
make sure loop is on and
I think that's all you have to do then
hit okay and it should loop seamlessly
then you can adjust the size of this to
be something that you like you can also
adjust the size within blender to be
something that you like from the get-go
if you prefer to do it that way then
you're gonna want to grab your facecam
which I'm using my camera right now to
record this tutorial so I have my still
image but this will act as my FaceCam
so you want your facecam to be over the
overlay but you'll notice that my border
of my green-screen facecam extends past
this so for that all you have to do
let's say we have this a little bit
bigger and you're overlapping the edges
there all you have to do is hold alt on
your keyboard and click the edge and
drag it until it crops and you're gonna
want to spend some time to make sure
this matches up perfectly but for the
most part that's all you have to do then
you just take the two things right here
under sources right click and say group
selected items so now if you click the
group you can drag the entire thing
around very easily and that's pretty
much all there is to it hopefully at
this point you have a cool new camera
overlay to use with your green screen if
you have any questions or just want to
come hang out with our incredible
community
I'm live every Tuesday Friday and
Saturday at twitch.tv slash Oracle Phish
live and if you found this video helpful
make sure you hit that like and
subscribe button below the video for new
content every single week and let me
know in the comments what kinds of
things you want to see next until next
time my name is Chris folia I'm your
stream professor classes
