Up next in 10
Create a YouTube Subscribe Button Animation for Free with DaVinci Resolve 17
496 views
Jun 8, 2024
In the video "Create a YouTube Subscribe Button Animation for Free with DaVinci Resolve 17," the creator guides viewers through the process of making a dynamic and eye-catching animation for their YouTube channel. The tutorial covers using DaVinci Resolve 17, a free video editing software, to design and animate a subscribe button that can be used to encourage viewers to subscribe. This practical guide helps YouTubers enhance their channel's visual appeal and engagement without needing expensive software or extensive editing skills.
View Video Transcript
0:00
Today I'm going to teach you how to create a simple animated subscribe button
0:03
just like the one here, for free using DaVinci Resolve 17. So don't worry, you don't ever have to have used the software previously
0:11
I've only been using it for maybe a couple of weeks now. At most, in total, a dozen hours kind of playing around because I want to create a bunch of
0:17
other video editing tutorials and it's probably one of the better options for a free video editing software
0:24
There is a pro version, but you don't need that for anything we're going to be doing today
0:29
So what I wanted to do is if you download the software, open it up, I'll walk you through
0:33
step by step how to create the animation. If you choose to edit all your videos within DaVinci Resolve, cool
0:39
But what I thought would be more helpful is if I show you how to add a blue or green screen
0:43
to it, something that you can take away the background later, and basically you can use it
0:47
in whatever video editing software you're currently using. So if you stick around until the end of the video after we create the animation, I'm going
0:54
to show you how to add the blue screen, export the video, and then how to add that clip into
0:59
to iMovie and then remove the background and you're good to go. So why don't we hop on the computer
1:04
and I'll show you how everything works. So when you open up DaVinci Resolve, it should look something like this
1:07
and you wanna click on new project, give it a name, so sub button animation
1:17
And then what you wanna do is the very first step is click on the project settings
1:22
And then you wanna make sure that you're using the right frame rate that you normally use
1:26
for your videos. And so if you normally record a 24, frames or you know a lot of our videos are in 30 so change that so the timeline frame rate and then
1:36
the playback frame rate will be now set to 30 and then I can click on save and then basically what we're
1:43
going to do now within DaVinci Resolve are called fusions are the animations we can create one in a
1:49
couple of different ways we could go up to effects and then drag this down onto the timeline
1:55
or but basically what I'm going to show you how to do is if you actually
1:59
go down to the bottom down here. This is the fusion tab. You can click here
2:05
And then here's where we're gonna build everything out. And so it looks really complicated
2:10
but I promise if you just follow through these steps, you'll be able to do it. So these are the different things that you can add
2:16
And as soon as you pull one of them down, so this is a rectangle
2:20
which is what we need for the subscribe button. And then it also adds a media out
2:24
which is basically like the very end result. And so what's gonna happen is we have to connect
2:29
a whole bunch of things in between these two. So first we have a rectangle
2:33
And what we want to do here is make this look like a subscribe button
2:37
And so the thing for me is maybe the width is okay
2:41
but it's too tall. So something more like that probably. And then also the corners of the subscribe button
2:49
aren't pointed. They're slightly rounded. So something like that. And then the next thing we need to do is add color to it
2:56
So you don't actually change the rectangle color. you essentially need to add a background
3:02
And so what we'll need to do here is basically you add the background like this
3:07
and then you're essentially plain connect the dots. So add that to background, add that to media out
3:12
Now we have a black background, which is not the subscribe button
3:16
So we do here is click on the black, and then you get this little dial over here
3:20
There's a couple of different options to select colors. What I like to do is just use the eye dropper tool like this
3:26
I want to say click on this channel. I'll pause it. So we want this color, which is slightly different than the YouTube, the YouTube logo
3:36
And then again, DaVinci Resolve, eyedropper, go back to YouTube, go over top of this, and then just clicked out
3:46
We go back, you can see there's the color, click OK, and now we have a subscribe button
3:52
So what's missing? We need some text. So where is the little text icon
3:56
on. We're going to pull that right here. So for the text, what do we want to say
4:02
Subscribe like so. So maybe not in bold, maybe we want to use semi-bold in white. And then what we have
4:14
here, they're called merged nodes, which are these ones here. And so what we can do is drag
4:19
this down right here. So before media out. And then we have the text. And then we basically
4:25
connect the merge. It's merging the rectangle in the background with the text. And what you can see
4:31
here is for the button size, the text is too small. So you could obviously change the rectangle
4:36
size or you could change the font size. And so let's change the font. So you see size here. And so maybe
4:43
we go to point one, maybe a little bigger, go point one one. Something like that. Okay, so we have
4:52
the subscribe button. And if you saw the animation, we had it. subscribe and subscribed and someone clicking out of it essentially So what you want to do here is you have these four nodes and you want to hit command C and then click off of it and command V And so what we doing here is we now have a copy of the subscribe button
5:14
So what we want to do now is go and edit each one. So the text is now going to say subscribed
5:22
And then what we need to do is change the background color. So it's no longer red
5:28
We need to be the gray of subscribed. And so if we were to subscribe to this channel, you can see we want that color now
5:36
And then again, click on the eyedropper, go to YouTube, go over top of it, click here, then click okay
5:47
Now we have this color background, and then we need the color for the text
5:52
So again, click here, click the eyedropper. go back to YouTube, scroll over the text right there
6:03
go back, click OK. Okay, so now this set of four nodes
6:09
is the subscribed past tense, I've already taken the action, and this is the red subscribe button
6:15
What we need is another merge node that would go right here
6:20
and then basically again connect the dots. Okay, so you can see that it switched from
6:26
subscribe do subscribed that is essentially happening right here where it says blend
6:31
so if it's at one it's this series this set right here and then if it's all the way
6:37
at the other end it's going to be at subscribe and so what we're gonna want to do
6:41
here I'm gonna show you is we're gonna have to essentially add keyframes to
6:46
all the different actions we want to be taken so one of the first ones we
6:50
could do is actually this transition from subscribe to subscribed and really we're gonna do it over
6:56
just a couple frames. And so the very middle of this entire thing
7:01
would be 75. And so what we could do is if we go to
7:05
so we're on the merge, this is where the change between the two happens
7:09
and then if we click on frame 75, we don't necessarily want there, we want 74
7:15
What we're gonna do is when these little things are where you add the keyframes
7:20
And so what we'll do is unblend at frame 74. what we'll do is click on this here to tell it, hey, in frame 74, this is what we want
7:33
And then what we're going to say is one frame. The other side of half is where we're going to change this to the other
7:42
And so you can see it already lit up in red, so it know that those were the changes
7:47
So if we click over here and hit play now, you're going to see that it already made that change for us
7:53
So we now have the transition from subscribe to subscribed. What we need to do now is there's one other step to it
8:02
which is this right here are transform nodes. So what we'll do here is we need a little bit more space
8:10
Let's stretch that out. And then add a transform right here. Okay
8:17
So this basically transform happens to everything that's on the left side of it
8:23
And so what do we need to do now is we need to animate this. So you could have this as far as the size
8:29
if you went all the way down to zero and disappear to one
8:35
If you wanted to have, let's say, it come in that way
8:39
I like to have it come in from the bottom. And so what we need to do now is, again
8:44
select the different keyframes. Let's say it takes a second to go from below screen
8:48
to on screen. So we want to do is at 30 frames right here
8:53
want to mark the location as right in the middle. So that's right here. At the end, we want to do
8:58
the same thing. So basically from below screen to here is where it's going to come on screen
9:04
and then the last second is where it's going to disappear. So if we mark here, we also want
9:10
this location. Now what we want to do is go back to the very, to frame zero, and to say
9:19
what we want is it to be the y-axis to be below
9:22
So say minus one, and then it's off screen. So what we can do now is if we hit play
9:28
what you're gonna see is, there you go. So I don't have the world's best MacBook
9:35
and so this may not actually play back in real time, but once you export everything
9:40
and you're using it in one of your videos, it will play back just fine. And then again, so here we have it in the center
9:45
and then the very last frame, so frame, 149, we want to make that same change
9:52
So we do minus one and then hit enter. So now what we're gonna see if we let it play
9:58
is it rises up stays there for three seconds switches to subscribe and then goes away Now what we want to do is the part where we essentially telling where it looks like you clicking on it And so you can basically simulate that
10:13
by making the subscribe button get smaller. And so the middle frame was 75
10:19
What we want to do is mark five frames before as full size
10:25
So you go over here for size and mark the keyframe right there
10:30
And then do the same thing at frame 8. So again, so full size
10:35
And then what we want to do at frame 75 is we want it to be smaller
10:40
And then I'll show you what that looks like as we change it. So 0.9, enter
10:47
And so now what happens if we go back here, hit play
10:51
you're going to see it gets smaller, then get bigger, as it's switching from subscribe to subscribed
10:57
Just like that, and it looks like essentially someone had clicked. someone had clicked on it. And that's the entire animation. And so what we want to do now is what I like to do is add actually some sound to it so that, you know, you actually hear someone clicking on it. And so what you want to do here is go to the edit screen. So right here, so you have the fusion composition that's called. And then what we can do now is add some audio. So what you can do here, you can go to YouTube.com slash audio lines
11:31
library like this. Then it'll take you to basically this screen here and you can then
11:37
click on sound effects. There's I think one mouse click so if you go click it's called
11:42
click continuous I'm still on Caplock click like this you can see here's the
11:46
audio clip. I already downloaded it and so what I can do now is back in DaVinci
11:52
Resolve what I do is here is the audio just drag it right here I can then get
12:00
rid of that and then what I'll do is so here you can basically zoom in and out of the clip and
12:07
so what you want to do is not have it be too big something like that and so basically at two and a
12:17
half seconds is where where I would want the sound effect so if I drag this down to here what I would
12:25
want to do is I want to be able to see the audio a little bit better so I could turn the
12:30
There, turn the volume up a little bit. And so I can see where the clicks are
12:37
And so what I want to do is maybe trim this to here
12:42
So on this sound clip, there's a bunch of mouseخ clicks. I just want the one for this animation
12:48
And so what I would do, again, is if I'm clicking on the timeline, is find right that midpoint
12:54
of where are we at, 102. So 102115. So this is the last part is the frame, so frame 15 of, and there's 30 in a second
13:04
So this is right where that change happens. So you can see the sound happening right there
13:11
So I probably want to even shorten that like so. And so if I do this, if we play, and basically there it is
13:25
So we have the entire animation with the click in the center of it and that's really all you have to do
13:32
Okay, so now let's take a look what this look like if I add another video clip to it
13:36
And so if we just drag this video clip right here, and then what I can do is add another
13:46
video to the timeline, something like this, move this over. And then what you want to do is usually you want to have this basically on top of this
13:59
the other layer. And so have that be video one, have the fusion composition as video two
14:04
and then let's see what it looks like. How to start a YouTube channel for beginners in 2021. So there's still..
14:12
Okay, so you can see what that looks like now. Obviously, this takes up the entire screen
14:17
And that's not what you're looking for here. So if you click on the fusion composition
14:21
there's this little icon here for transform and then click, you can click transform. And this is
14:28
basically the size of this. So you can see that it's going to get smaller. What you might
14:33
want to do is zoom out a little bit so you can see better. And then you can basically decide
14:38
hey, how big do I want to make this? And where do I want it? So you could put it in the left
14:44
corner here or let's say we put it over here in the corner. If you're editing a video within
14:51
DaVinci Resolve, you can do essentially just this. And then so now if we went through
14:57
So there's still a ton of opportunity available on YouTube. It's the most important thing
15:01
It's rendering a little bit slow, it's one of the issues. So if you editing within this software you could just do it this way But what I thought might be more helpful is essentially show you how you can use this animation with whatever video editing software you currently using
15:17
have you signed up for a youtube masterclass yet if not i'll link to it down below in the description
15:22
it's a free one-hour training with tons of tips to help you grow on youtube in 2021 so i created these in canva
15:28
where i basically created something the size of the video screen which is 1920 by 1080 and so you could use a blue
15:36
or a green screen. This is just a solid image. I could drag this down
15:41
and now if we let this play, kind of the same thing
15:46
It's still the smaller size of just a second ago, and then I could move this over to the corner like so
15:54
And then this is basically good to go. If you're quite sure how to make an image like this
16:00
it's a solid color, which I'll show you another way. That's basically the same thing we did for the
16:06
button, but super, super easy. So if you again go to effects library
16:11
go to fusion composition, drag another one down here, and then what you can do on this is then if you go to
16:19
open in Fusion page, we're gonna have just a blank one with media out
16:23
And really all we need here is a background. So if you add a background
16:29
connect the dots, and then what we did before is just change the color
16:33
And so you could, obviously we have these images here, but what you could also do is if you click the eyedropper and you could go up
16:43
to those screens that I just had. Or the other thing is if you were to go, oops, let me just open
16:49
up Google. So I basically Googled blue screen color and you see it basically looks like that. So the
16:58
eyed dropper, go there, click here, go back, click okay. And then now with
17:06
the fusion, with another fusion composition, I think it's called, you can, you know, basically
17:11
create that like so. And then if we go back to editing, we, you know, have essentially the same
17:17
look. So you go, you can see now the subscribe button come up, subscribed, and goes away. And there you
17:25
go. So what you want to do here, so you want to export this so then you can use this another
17:29
software. If you go to file, and then the quick export is the easiest way to do it
17:36
it or if you want something more advanced, you go down to the bottom down here where it says
17:41
deliver and you have a bunch more options. But for what we want today, I think you can do everything
17:46
within the quick export. And then basically if you have this first H264 and then click on export
17:55
Sub button blue screen, save. And then you can see, you know, it'll take a couple of seconds to
18:02
render this. That's basically all we needed for DaVinci. I don't know if I want to run this and I
18:09
movie at the same time. So save project changes. Yes. And then let's open up Imovie and I'll show you how
18:18
you can add this to, to that. Create new. You can see I've been playing around with this a little bit
18:24
Then what we could do is go here. So we have that same clip that I showed you a second ago. And we have
18:32
our subscriber button screen. And so we'll bring that down as well
18:39
And then so basically within iMovie, you can have up to two clips. You could see in DaVinci
18:43
you could add more different layers. And what you want to do is select this
18:47
And then if you go to this, instead of cutaway, you want to choose blue or green screen
18:55
And voila, the blue background is gone, and you're left with this
19:00
And so, you know, if I wanted to say if I just wanted to split the clip to make this as short as possible
19:12
Okay, I don't know how that got in the center there, but let's get rid of all this
19:16
So we have fairly short video. Started and start publishing videos on your channel
19:21
So in this video, I'm going to walk you. If you have trouble creating the animation yourself, I'm actually going to put a link down below in the description where you can just download what I put together
19:29
So they'll be the Da Vinci project as well as just a video clip with the blue screen
19:35
Feel free to use either of those for anything you'd like. So what do you think
19:39
Do you have your subscribe button animation all set up? If you want to do something more advanced, here's what we're currently using in our videos
19:45
This took a little bit more time on my part, Googling, practicing to get it all figured out
19:50
But if you're interested in learning how I created this animated subscribe button, write advanced animation down below in the comment section
19:57
I'd be happy to create a video walking you through step. by step how to do it. If you're looking to grow your YouTube channel this year, we have a ton of
20:03
videos on the channel. You should definitely check out this playlist here. Basically, we'll go over
20:08
everything you need to know about how to grow on YouTube in 2021. I hope to see you in those and
20:13
future videos. Bye-bye
#Animated Films
#Movies