having a cool camera overlay is a nice
touch for your live stream, so a few weeks
ago I made a couple tutorials teaching
you how to make one however I wanted to
make it even easier so this week I have
three unique animated camera overlays
that you can very easily customize with
your own logo and your own color scheme
they look something like this and they
are completely free to use all you have
to do is download the blender file from
the discord link in the description and
follow along and quickly before we get
started if you like the free graphics
and tutorials please do consider hitting
that like and subscribe button it's
totally free it lets you know when
there's new content it lets me know that
you want to see more of this kind of
stuff in the future and it really helps
me out also if you have any questions
along the way or just want to come hang
out with the coolest community on Twitch
I'm live every Tuesday Friday and
Saturday at twitch.tv slash Oracle Phish
live and I love talking about this stuff
that being said my name is Chris Folea.
I'm your stream professor. Welcome to Stream School.
all right when you first open blender it
should look very similar to this and the
very first thing you're gonna want to do
this has come up to the right corner of
the leftmost panel and click this shiny
circle button that'll put you in a
rendered preview so you can always see
what your overlay looks like as you're
working on it then if you come up to the
right-hand corner here you'll see we
have a whole bunch of different
collections with checkboxes next to them
this is so you can select which overlay
you want to use we have overlay 1-2-3
and ignore which you should definitely
ignore but then you'll notice we also
have a camera and a reference collection
so if you click the box next to
reference it'll bring up a picture of my
face a plus picture if I do say so
myself but this is just so you can see
what it looks like to have a camera
within the overlay and if you want to
change this to a picture of your face
and your setup you can just click that
come over down here to the materials
panel click the folder and find a
picture of your face so now for overlay
one let's say we want to customize this
to match the streams full YouTube
channel so what I can do is click your
logo here and I probably want to replace
that with my logo so if you click that
go down to the materials panel then
click the X button and click open then
find a copy of your logo for me that's
the stream school logo that'll bring it
straight into blender and again you're
gonna make sure your logo is a square
aspect ratio the image file not the logo
itself then we can take that and I can
hit S on my keyboard to scale it up
until it's the size that I like probably
somewhere around there click to apply
and you can also move it around by
hitting G on the keyboard and moving
your mouse I'm gonna leave it exactly
where it was because that works for me
but then we have a few different
controls on this overlay first and
foremost we have this double arrow logo
right here or icon right here if I click
that then click the red arrow and drag
it you'll notice we can change the
aspect ratio of the
overlay so for me personally I think
16:9 is a little bit wide so I'm gonna
drag this in to be a little bit narrower
than 16:9 then we have more arrows right
here that you can click we can drag that
in to change the length or width of this
centerpiece I'm personally going to
shrink it in just a little bit for my
personal overlay and finally in terms of
actual controls you can grab and move
you'll also notice we have this wrote 81
and this gets into the the fine details
of this but you'll see there's a brushed
metal texture on this overlay and let's
say we want to change that away from
being a 45-degree angle I can click the
rotate II symbol I can hit R on my
keyboard and move my mouse around to
rotate the brushed metal texture to face
whatever angle I want I'm personally
gonna leave mine at 45 degrees because I
personally think that looks best but I'm
a little bit biased so then down here we
can change the colors of everything
first we have the Metall color and I
might want to change that to like a
light pink tint I probably don't want to
go too far because that just looks odd
as the brushed metal texture then we can
change the LED color or the light color
it's probably gonna change that to a
bright pink to match the stream school
logo then the plastic color black is
pretty good but I might want to give it
a little bit of color and just make it
like a really dark purple and finally we
can change the text box where you would
put your extreme labels or your
different metrics I'm gonna click that
and just give it a slight pink content
and that looks pretty cool um in terms
of matching this logo and this aesthetic
but there might there are a few other
things you can change at this overlay as
well and that is if you go to the drop
down by the collection up here in the
upper right you can also turn the logo
off and on if you decide you just
straight-up don't want the logo and
and you can also turn the metrics off
and on so if you'd rather just have a
camera border with no subscriber or a
donation information you have that
option as well then if we hit space you
notice that this also animates it's
pretty slow and subtle just so it's not
super distracting but you'll notice that
the lights blink in and out over the
course of five seconds and this will
apply it to whatever color lights you
choose which i think is pretty cool each
overlay is timed to 600 frames or 10
seconds because I think that's a pretty
good length through an overlay animation
then for overlay to moving right along
we can uncheck overlay one and check
overlay two you'll notice that the logo
carried right over but this overlay is
more of like a simplistic kind of design
but you'll notice that it has shadows so
it looks like it's punched into the
frame which i think is pretty cool
you'll notice the logo carry it over and
we probably want that to match a little
bit better so I'm gonna click it I'm
gonna hit s to scale it up then I'm just
gonna drive drag it with one of these
arrows on the gizmo or you can hit G on
your keyboard for grab I'm just gonna
scale this up a little bit better to
match and move it around and I think
that looks pretty good
then we also have the arrows right here
so we can change this to be a little bit
shorter than a 16 by 9 aspect ratio
which again very useful I'm gonna make
mine somewhere right around there and
then you'll also notice we have the
gradient going across like this it goes
from the bottom left to the upper right
let's say you want this to be a vertical
or a horizontal gradient you can grab
the rotation gizmo hit R on your
keyboard and just rotate that and you
can change however you want the gradient
to be facing and regardless of what
direction it's facing if you hit space
you can see that it animates completely
seamlessly and
gets to the end of the timeline and it
just loops perfectly seamlessly which is
really cool so that's enough for the
physical controls but then we can come
down here and we can also change the
colors of everything so let's say that
you want to change the outline color you
can click that come over here to the
color and you can change this to
whatever you want I'm personally gonna
leave mine white because that matches my
logo very well but then we have the
gradient color one which is gonna be the
lower left-hand corner color I'm gonna
make that a nice dark purple or I could
even just color pick from my logo then
the gradient color too is the color that
it transitions to so for me I'm probably
gonna make that like a nice pink or
something to match my general logo and
aesthetic and if I scrub through the
timeline you'll notice that it still
animates perfectly and loops perfectly
seamlessly just like that and then
another option that you have with this
overlay if you don't want the logo or
the metrics you can also turn off logo
and you can turn off metrics if you
literally just want the camera border
and want to do your own thing for the
metrics and then you can also get rid of
the shadows if you'd rather this be flat
which I can demonstrate that better with
some brighter colors so let's say this
one is like a bright yellow you see we
have these shadows that make it look
like it's punched into the frame if you
want to get rid of those you can select
the lamp right here it looks like the
dashed out Sun icon and you can come
over here to shadow in the lamp panel
uncheck that and now you have a flat
vector graphic looking overlay
and that sums up the creative controls
for overlays ooh
moving on to overlay three it looks like
this which by the way if you crop
overlay to it also crops the image just
because of how the rig works I couldn't
figure out a better way to handle that
so going back to overlay three we hit
space you'll also notice that this one
is animated we get these lines that
rotate around every five seconds which i
think is pretty cool and the only like
real physical control for this overlay
is selecting the double arrows and you
can just grab those and move them with
the G key on the keyboard and then click
to apply and you'll notice that as I
shrink this in and out that also the
corners still also animate perfectly and
they they stay in position man I'm
pretty proud of figuring out how to work
that rig that was that was the clever
little little trick you can shrink that
down some then for this one I personally
want to just get rid of the logo
altogether so I'm gonna come up here and
uncheck that and we also have controls
for the outline color and the light
color so let's say we want to make this
one white we can do that and let's say
you just want to make the text black you
can do that as well or you can do the
exact opposite but you can make these
whatever color matches your stream as
that ik that's the important part make
it match you and that's pretty cool so
after that we're probably gonna want to
export this and we have a few options
for that so hit space to stop this and
go back to the start let's say you just
want a still image of your overlay
that's very easy to export first you're
gonna want to turn off the reference
which is my face or your face you come
up here and check that and then you're
gonna want to match the camera the
digital camera to about the edges of the
overlay just so you don't have all these
transparent pixels wasting up CPU power
on your strand so you can turn on the
camera collection
you notice this big camera up here is to
select that and we can move this around
with the widget and then we can also
come over here to the printer icon and
we can change the width to match the
aspect ratio a little bit better then we
can select the camera tab and we can
change the orthographic scale and
that'll let us zoom in and out we just
want to crop in and get it close it
doesn't have to be a hundred percent
perfect just try to get it close and
you'll be perfectly fine then we
probably want to export this as an image
or an animation so if you just want the
still image all you have to do is go to
render hit render image and it'll pop up
in a new window you just go to image and
save as and that'll bring up a window we
can save this as still overlay and
that's perfectly fine that'll give you a
still image that you can use as your
overlay within OBS but let's say that
you want to render out the entire
10-second animation that's also very
easy you can just come up to the printer
icon right here I've already set up all
of the proper codec and export options
for you you just have to click the
folder and choose where you want to save
this so I'm personally gonna save mine
under stream school and I'm gonna put it
under this particular tutorial folder
this will be overlay animation yeah
hit enter twice and then you go to
render and render animation but for me
personally I'm gonna use overlay two and
I'm gonna erase three remove the camera
around and change the aspect ratio of it
just again you all know how to do this
now and then I'm gonna change the colors
to match mine
last time and I'm gonna go to render
and/or render animation and that will
export out a nice WebM file that you can
now use in your stream
once that's done rendering you can hop
over into OBS and all you have to do is
click the plus button for a new source
click media source and then I'm gonna
call this camera of border yeah
hit ok find your file mine is personally
right here overlay animation yeah then
you're gonna want to check the loop box
to make sure it loops hit OK and now you
have your overlay in OBS and you can
scale this down to match whatever size
you want it's gonna be animating the
whole time which is kind of nice then
you probably want to get your camera so
you can go to new your probably gonna
choose video capture device for your own
camera my camera's not plugged into this
computer right now so I'm just gonna go
to image and I'm gonna call this camera
again you want to get your camera source
for this but I'm just gonna I'm just
gonna grab my camera reference you can
scale down your camera put it in the
border like so and then you can also
crop it to fit if you change the aspect
ratio then for the metrics you can just
add some text sources so I'm gonna call
this new subscriber and I'm not gonna
teach y'all how to use stream labels
here because that gets into a whole
other thing but let's just say this is a
new subscriber named toast man
46 hopefully I'll know how to use tech
sources in OBS and know how to load a
file and for using stream labels if not
let me know in the comments and I'll
make a tutorial for you but I'm gonna go
ahead and change the size of this to be
way smaller now maybe not that small
maybe like 20
it okay you can just drag that into the
box like so and scale it to match your
needs so then finally one last thing I
would recommend is putting all of this
in a group so you can select the three
sources and you can maybe you can just
it not okay you have to right-click and
say group selected items and just call
this overlay so now if you select that
group you can move the entire thing
around your stream it's completely
mobile so if you switch games it's very
easy to put it where you want it for
that specific game hopefully at this
point you have a cool new camera border
to use on your live stream 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 if you have any questions or just
want to come hang out I'm live every
Tuesday Friday and Saturday at twitch.tv
slash OracleFishLive. Come say hi!
Until next time, my name is Chris Folea
I'm your stream professor. Class is out.
