Hello, my YouTube friends.
Today, I'm going to show you how to create three different stinger
transitions for your OBS live streams.
And we're going to do all this in less than 15 minutes, because the
process is really easy.
Oh, and by the way, we're going to use nothing but free software to do
it.
Those are the three transitions we're going to get to today.
So you know what?
Let's get to it.
Likes and comments are super easy things that you can do to help push
this video to a wider audience.
So take a second down below and let me know how I'm doing.
And while you're there, subscribe, it's totally free.
And it really does help me continue to make content that helps you.
So thanks.
We're going to create all these transitions in DaVinci resolve.
DaVinci resolve is a totally free editing software that you can use to
edit videos and create awesome live streaming assets.
There is a link in the description below, so you can download it and
check it out for yourself and follow along, because that is the best
way to learn.
So let's jump into DaVinci and create our stingers.
The first thing we're going to do is create a new DaVinci resolve
project.
So we're going to go down here and select new project.
We'll name our project, and click create.
Then we want to go up here to file, and we're going to drop this down
and select project settings here is where you're going to put in the
configuration that you have for your live stream.
So in my case, I stream in 1920, by 10 80 and 30 frames per second,
you may stream 1920 by 10 80 in 60 frames per second.
However you stream and your frames per second, you should set it up
here.
Once you're done, you just click save.
Next, we want to flip over to the edit page and we're going to drag in
an OBS logo, and you can have any logo of your choosing, whatever you
want.
This could be your channel logo or whatever, or you can use no logo at
all.
All of these stingers will work without any kind of logo whatsoever.
Then we're going to go ahead and select effects and we're going to
change our effects to generators.
And we're just going to drag down a solid color.
We'll move this over.
We're going to right click on it and go to change clip duration.
We want to change it to two seconds and click change.
Then I'm going to drag the OBS logo down over top here, and I'm just
going to shrink this up.
So it's two seconds long as well.
Then I'm going to go ahead and select our solid color.
I'm going to switch over here to generator, and I'm going to select a
color in this case, we're going to use the green-screen color.
Now I'm going to drag this down and give us a little more space.
We'll drag our OBS logo up.
We'll go back to generators and we're going to drag another box down
here and we'll shrink this up.
So it's two seconds and then I'm going to change the color and we're
going to select that baby blue color that I always use and click okay,
then we're going to go into effects again.
I'm going to select video transitions and I'm going to scroll down and
find triangle left and drag it over our blue box.
Here we go, I'm going to select it.
Then I'm going to go add a little bit of border by dragging this over
here and you can see now we have a white border there on the edge of
our blue, and I'll make it a little smaller and I'm going to change
the color and we'll use a faded yellow color here, and I just want to
go and change our EAST to in and out.
And you can see in our timeline now our triangle left has a curve to
it instead of that straight diagonal line going across.
And this means that it's going to come in very slow speed up in the
middle and then slow down at the end.
And I'm just going to click here so that we disable our OBS logo.
So we can see this a little better.
And there we go.
We can see it coming across.
So I'm going to hold down the mouse button over top of our transition,
hold the alt key and drag it over to the other end.
And this is just going to duplicate the exact same transition.
Now I'll add the OBS logo back in here, and I'm going to go up into
effects and select push and drag it onto our OBS logo.
And I'm just going to shrink the area for our OBS logo.
Make it a little bit shorter in our timeline, and I'm going to go and
change our preset to push up.
And you can see this makes the, our logo come up from the bottom and
we don't want that.
So we're going to do push down and I'm going to add some motion blur
onto our effect, and I'm going to drop this down and select the
transition curve and we want in and out.
And that puts that nice curve on our push animation for our OBS logo
as well.
And now we can kind of get a look at how this works.
We'll shrink this up a little bit, and then I'm going to hold down the
alt key and drag this over to create a duplicate copy for the backend
of our OBS logo as well.
And now we drag our play head across.
You can see our OBS logo moves in and then moves out.
So now we want to go over to deliver, and we're going to name our file
right here.
And this is with green screen.
So I'm adding the GS at the end.
I'm going to browse to the location that I want to save it.
And then I just want to make sure that all of my settings are proper
here.
So 1920 by 10 80 and 60 frames per second or 30, depending upon what
your frame rate is, we'll just add this to the render queue and we'll
go up here and we'll render this out.
Now, we're going to go back to the edit page and we're going to drag
that file we just created into our media pool and we're going to right
click on it and create a new timeline using the selected clips and
click create.
So now we see our clip in here.
We're going to select color at the bottom.
We're going to select this little picker and we're going to select the
green color, and we're going to use this button to invert it, but we
have one more step.
We're going to right click over here.
And we're going to select add alpha output.
And it puts another little blue dot down here in the bottom right.
And we'll just drag this blue dot to that blue dot.
And now when we move our play head, you can see that the green has
turned black, which means we've created alpha.
So now we're going to go back into our little deliver jet.
We're going to remove the GS from the file name, and then we're going
to drop our codec down and select uncompressed.
We're going to go to type and select BG
R A eight bit, and we're going to select export alpha.
And we're going to add this to our render queue.
And this will render that clip out with the alpha so that we can use
it as a stinger.
Then we just have to click render and our first stinger is done and
ready to go.
So for our second stinger, I already have our solid color and our OBS
logo loaded in.
And I'm going to add a push to our OBS logo, just like we did before.
And I'm going to go ahead and add some motion blur to it, and I'm
going to drag it over so that we duplicate it on the left by clicking
on it, holding the alt key and dragging it over to the right hand
side.
I'm going to stretch this out.
So it's full length and meets up with the other piece.
And there we go.
We can see it zipping in and out from the left-hand side, going to the
right.
We're just going to adjust the settings here a little bit.
There we go.
Now we're going to drag this up and we're going to go over here and
we're going to drag a solid color back down and shrink this up and
we'll select that and we'll choose our color, that light blue color,
once again.
Now we're going to go back into our transitions and we're going to
drag this circle transition on here.
There we go.
And we're going to add a border to our circle transition, and we'll
change the color to that dull yellow.
And we'll adjust the length of the transition just by dragging it.
And we're going to add the in and out easing.
And there we go.
That's what that looks like.
Then I'm going to change the location that our logo comes from.
We're going to change it to push up.
Then I'm going to shrink up our logo here and just reconfigure how the
transition works.
And there we go.
That looks pretty good.
Now I'm going to drag the color palette transition over here to the
right.
So it duplicates that, and now we can see that it comes in and out,
but we need our OBS logo to move a little bit.
So we're just going to reconfigure that some, and there we go.
We want that to disappear before our scene goes away.
And that looks like what we're looking for.
Now.
We just need to go over to deliver.
And we're going to go ahead and put the name of our new document in
here.
Make sure you click browse and set it to the proper location where you
want this to go, make sure your resolution and frame rate are proper
for your live stream.
And then click add to the render queue and just render this out.
And then once again, we're going to go back into edit.
We're going to go to our media pool and we'll drag in the file that we
just created.
And we want to right click on it and select, create new timeline,
using the selected clips and click create.
Then we want to go into color and we'll go to this right panel here
and we'll right click and select add alpha output.
We'll drag that blue output over.
So we connect that up.
Then we're going to select our little eye picker.
We're going to select the green color, and we're going to go down here
and we're going to go ahead and invert it.
And there we go.
All we have to do now is go back to our deliver and we want to change
the file.
We want to remove green screen from this file.
Make sure that we drop this down and select uncompressed and then BGRA
8 bit.
Then we want to make sure we export the alpha and add it to the render
queue and render it out.
And now we have two stingers finished and you're going to notice that
the process is exactly the same.
So I'm just going to drag another solid color in here.
We're going to make this color blue as usual.
Then I'm going to add a transition.
We're going to use this hexagon transition right here.
And I'm going to go ahead and add a border to it.
We'll change the border color to that dull yellow again.
And there we go.
Then I want to go ahead and adjust the ease to in and out.
So we add that curve and I'm going to drag this all the way over to
the right, so we can duplicate the same transition at the end.
And that's what we have so far.
So now what I'm going to do is adjust it a little bit and we're going
to select the hexagon transition in, and we're going to create a
little more animation with this using key frames.
So what I'm going to do is put my play head all the way to the left,
and I'm going to go up here under rotation and click the little red
dot.
Then I'm going to move to the end of that transition.
I'm going to go back up here again and adjust the rotation to 360
degrees and you can see it puts another dot there.
Now, if I move this back and forth, you can see that our hexagon now
rotates 360 degrees.
I'm going to do the same thing with the transition at the end, I'm
going to add a key frame at the beginning, by clicking the red button
next to rotation.
Then I'm going to go to the end and add 360 degrees of rotation to
that key frame.
So now our hexagon is rotating in and out, giving it even more
animation, super cool, and really easy.
Now I'm going to drag our OBS logo in here and we'll shrink it up.
And what I'm going to do is put my play head where I want this to be
as big as it's going to get.
And then I'm going to adjust the zoom to change the size to what I
want it to be at its biggest form.
Then I'm going to go ahead and click that little triangle next to it,
to create a key frame.
I'm going to move back a few frames and shrink it up a little bit,
create another key frame and I can click this button so we can see our
key frames.
They show up as little white dots down there, and then I'm going to
move my play head out here to the right and make it the same key frame
as the second one that we created.
So that those are the same size.
Then there's like a little pump there, which is kind of nice.
Now I'm going to go to the beginning and I'm going to shrink it all
the way down, which creates another key frame.
Now I'm going to go out here to the point where I want our OBS logo to
start disappear again, and I'm going to create another key frame.
And then I'm going to go to the end of our OBS logo and I'm going to
dial it all the way back.
So it shrinks to zero.
So now when we click play, we can see our OBS logo pops in there.
And what I'm going to do is now I'm going to adjust it.
And we're going to add some easy ease into the animation for the OBS
logo that we just created.
So we can click on this button and you can see these little dots are
actually the key frames, so we can select a key frame and we can go up
here.
And select one of these boxes and it changes the way that you can
modify the key frames.
So this one over here on the left, we'll select it.
And we can drag out these little arms here and we can create that same
S curve that we use in the other stuff.
So that means it will be slow to beginning speed up and then slow at
the end.
And we're just going to create these S curves with the beginnings and
ends of this transition right here to give our OBS logo a little more
dynamic animation as it gets big and as it shrinks.
And we'll try to adjust the size here.
And I just want to mess around with these key frames right here, so
that our little pump effect is a little more organic.
So I'll stretch this out and we'll change the key frames up here and
we'll just move this.
You can actually move key frames by just dragging them right in here.
And there we go.
That's kind of what we get.
And then we can just click these buttons to shrink that down again and
we'll click play.
And there we go.
That's what we're looking for.
We'll go to deliver and we're going to type the name of this, make
sure we add the GS.
So we know this is the green screen version.
We'll click browse and save it, make sure our frame rate and
everything is proper.
And it is, and make sure that we render this out.
Then we're going to go back into edit and our media pool and we'll
drag it in here.
And we're just going to remove that green screen piece once again, by
clicking on color, we'll add our alpha node.
We'll use the eye picker to select the green, then we'll invert it.
And there we go.
Now we just need to go back to deliver and render this out with the
alpha and look at that.
We've created three stingers within a matter of about 10 minutes.
It's that easy?
So now we have three cool stingers.
Let's get them set up in OBS.
The first thing we want to do is open up shutter encoder.
It is an encoder that's going to make these files a lot smaller and
easier to use.
There's a link in the description below and it's totally free.
And once we have it opened, what we're going to do is just move our
files that we want to convert over.
And that would be the files that we exported.
And of course, I'm talking about the final files with the alpha, and
then we're going to go ahead and drop this down and select VP nine.
And we're going to go to advanced features and we're going to select
the alpha.
And then we want to just start the function and this creates nice tiny
files for us to use in OBS.
So now here in OBS, we're just going to go over here to our scene
transitions.
We're going to drop this down and select add stinger.
And since we created three stingers, we should name them.
We're going to call this one, swipe sting, and click okay.
Then we just need to browse to the location of that stinger and open
it.
We're going to drop this down and select frames.
And we know our stinger is 60 frames because it is 30 frames per
second and two seconds long.
So the midpoint or the transition point would be at the 32nd mark.
So we're going to go ahead and put 30 in this box here and we'll
scroll down to the bottom and we can preview it just to make sure that
the transition happens.
Then I'm going to drop down audio of fade style and select crossfade.
And that means that your audio will carry from one scene to the next,
if you have the same audio in both scenes, then all we need to do is
click okay.
And we can test our stinger and you can see it works pretty awesome.
So we're going to add a second stinger.
We just drop this down and we select add stinger.
We name our stinger click okay.
We browse to that stinger.
Then we want to set the transition point at 30 frames per second.
We can test it, click okay.
And now let's see our second stinger.
And this is the circle stinger.
Very nice works perfectly just as intended.
And we can add that third stinger by going here and clicking, add
stinger, we'll name it.
We'll browse to the stinger and we'll set our frames and we'll set our
crossfade and we're ready to go.
We can test that out.
And there we go.
Three stingers created really easily in DaVinci resolve totally free.
It's awesome.
Using DaVinci resolve and this technique, you can create all kinds of
awesome transitions for your live streams and your videos as well.
Totally free.
This just scratches the surface.
If you want to see some other ways to create stingers totally for
free, you should check this video out.
Big thanks to the channel sponsors.
There are links below, so you can check them out, supporting the
sponsors that support this channel really helps me continue to make
content that helps you.
I couldn't possibly do this without them or you so thanks.
And if you're always looking for tools, tips, and tricks that can help
make you a better live streamer or YouTuber, subscribe to the channel.
My name is Michael Feyrer Jr.
Thank you so much for watching.
Have a great day and I'll see you in the next one.