Quick Animated Title in Resolve - Click-In Animation Fusion Tutorial

[Music] hey guys casey ferris here i make videos on davinci resolve here on youtube make sure to subscribe for more of that today we're going to learn how to make a really cool kind of click in effect like where where the the text goes like you know like i think it's really classy super simple really easy to make and by the way if you find yourself needing graphics for your videos on a regular basis check out our newest product fusion titles for editors volume 2. it's a huge collection of animated titles as well as callout graphics 3d titles and backdrops i think it's pretty cool check that out it's available right now but let's jump in to the click in title here i am in resolve 16. over here in our media pool i'm going to right click and select new fusion composition and 10 seconds is fine that sounds good and i'll double click on it and that'll open it up in fusion this is just so we have a blank composition to work with first thing i'm going to do is grab a background node from our toolbar right here and drag it down and i do this so that it sets our composition settings and we don't have any problems with scaling and all kinds of weird things that might happen later the other thing i'm going to do is on this background node go over to our inspector and turn our alpha all the way down so now we have just a clear background that we can work on the first thing i want to do is actually make our text so i'll grab our text node and drag that in and we'll merge it right over our background just like that and now i can select the text node and go up to our text controls in our inspector and we'll call this click and title pick a font that's good something like that maybe looks nice so the animation that we want is for this to kind of start a little bit bigger and then kind of snap into place there's a bunch of different ways that we can do that the easiest way is probably just with this merge node i'll select that and i'm going to move over in our timeline to maybe like 15 or 16 frames and in our inspector i'll click on the keyframe diamond for center and size that's because i want this to look like this at 16 frames but right before that like i don't know a few frames before i want this to be scaled up a little bit so in my inspector i'll just boost the size up just a little bit now let's look at our animation it just kind of clicks in there like that and i think i want that actually a little bit faster so i'll go up to our menus here and click on keyframes that'll open up our keyframes panel and if i twirl down merge we can see all of our animations and i'll just zoom in a little bit here and i'm going to grab this first keyframe and just move it to the left a little bit a couple more frames let's see how that looks there we go that's a little bit faster that's nice just goes click like that that's good for the click we're kind of building this backwards actually which when you want something to end up at a certain point it's nice to just animate it backwards actually that's great but now i want this to go down a little bit so let's go a couple more frames i'll make sure our center has a keyframe on it by clicking this little diamond and then i'm just going to bring the center down a little bit it just kind of moves up and then in up and then in and it looks like there's a problem here because it doesn't actually get to where it's supposed to be until the end of the animation i actually want it to be where it's supposed to be right before it clicks in so it moves up and then clicks in let's take a look up in there we go now all we really need to do is fade this in so right here where it locks into position i'm going to go down to blend in our inspector and click on that keyframe diamond and then i'll move back to this first keyframe and bring the blend all the way down so what's going to happen is this will fade in as it moves up and then it clicks in like that so really simple quick animation looks nice this is pretty cool as is but let's take this up a notch what i want this to do is kind of split in half and half of it click in right before the other half and because we're using nodes this isn't actually too hard of a task so i'm going to select our merge one and i'll hit ctrl c on the keyboard just double click off of everything and hit ctrl v now i have a duplicate of this merge with all of the keyframes and animation and everything in it because we didn't animate the text we animated the merge and i'll hold down shift and just drag that down in between our merge and our media out and i can connect my same text layer to my merge one and now we have basically the same thing happening right over itself which isn't going to look any different but what i'll do is grab this merge one and i'll find our keyframes here in the keyframe panel and on the second merge what i'll do is select it right here and then i can just drag a box around all of these keyframes and i'll move them down so that it happens right before the other one now if we look at our screen we see it kind of clicks in one over itself which isn't really what we want but we're getting there now all that's really left to do is to split one half to come in before the other half so we can do that with a rectangle mask i'll just grab it from our toolbar here i'll drag it down below our merge nodes and i'll select that and then in our inspector let's make the height all the way the width 0.5 but the center we're going to do 0.75 that's basically just going to mask the right half of our screen so that we can have one of these merge nodes be half of the screen and the other one be the other half so i'll just connect this mask to the mask inputs of our merge nodes and it's masking them the problem is that it's masking both of them on the right side and i want one of them on the left and one of them on the right we could make another mask and move this around but we can actually just tell this merge node to use the mask differently and so i'll select the merge node and then in the inspector i'll go to the third icon and i'll click on apply mask inverted and look what happens when i click that there we go it brings back that other half so now if we rewind we'll see that one side comes in before the other side click click pretty cool and now the cool thing is that we can select this text and we can change it we can move it around we can do everything and because all of the animation is happening in these nodes we can change the text and we still have our really cool animation pretty sweet right if we go to our edit page we can drag this into our timeline and use it for whatever we want pretty cool i can even trim this and you know alt drag it and go back into the fusion page and it'll make a different instance so i can customize each one of these and have them come in one after another change text something else yeah good times pretty cool right so there you go there's a quick click in title pretty awesome i love this effect again if you want to check out our title pack fusion titles for editors volume 2 there it is go and give it a look-see i think it's useful i think it's a useful gator i don't know what that means it sounds exciting

Channel: Casey Faris

Views: 13,206

Keywords: Quick Animated title in davinci resolve - click in title animation tutorial, davinci resolve, davinci resolve tutorial, davinci resolve 16, davinci resolve 16 tutorial, tutorial, text animation, fusion tutorial, cinematic title, resolve 16, motion graphics tutorial, vfx tutorial, title, video editing, fusion, artistvikashk, motion graphics in davinci resolve, how to use davinci resolve 16, resolve 16 tutorial, learn how to create text animation, davinci resolve 15 tutorial

Id: g662d93uBss

Length: 6min 27sec (387 seconds)

Published: Sun Aug 02 2020