Create Simple Animated Lower Thirds In Fusion - Davinci Resolve Tutorial

in this video i'm going to show you guys how you can make this animated lower third inside a da vinci fusion it's pretty simple so let's get into it so first things first inside your media pool go ahead and create a new fusion composition i'm just gonna make it three seconds and i'm gonna have a frame rate of 24 just because that's usually what i shoot in and that's what i'm going to be using most of the time if you know you usually shoot in 30 or 60 you can just change it to that by clicking on here and changing it in there so we're just going to go ahead and hit create then we'll just come over into the edit tab drag in that fusion composition we'll click on that and then we'll go into the fusion tab so now inside of fusion we're going to create a background as well as a rectangle onto that background i'll drag that over here i'm also going to drag that background up here so we can actually see what we're doing so we're going to come into this rectangle here and we're just going to make it into a width and a height that we actually like so i'm going to increase the width and decrease the height a little bit i'm going to come back into this background too and i'm also going to change it into like a nice blue color something like that now we're going to click on that rectangle and we're just going to hit the rectangle button again to create a new rectangle and this is going to end up being our mask so we'll come over into paint mode and we're just going to hit subtract and you want to change the width so it covers up that whole box that we just made and real quick i'm going to hit f2 on this and i'm going to rename it to mask now that we have that we can actually start animating this so make sure your mask is selected come over to the center and hit the keyframe then you can come over to your timeline and i'm going to go over to one second which is going to be 24 for me since i have this on 24 frames per second and i'm just going to move that center over so it unveils the whole thing i'm just going to leave it right about there and now this is animated but the animation doesn't look very good because it's very linear so we're going to try and change that and smooth it out a little bit so we can come up and hit our spline window here we'll make sure that is ticked on if you hit f4 that will cover up the entire bottom part there so it's a little bit easier to see and we'll also come over and hit zoom to fit so we can see everything that we're doing a little bit easier and i'm just going to come down here and select all of your keyframes and if you hit s on your keyboard that's going to smooth them out and if you come up to this top one here and you hit t on your keyboard i already had it up but if you hit t on your keyboard you can come up to the ease in and ease out and we're just going to make the ease in all the way up to 100 and so what that's going to do is make it go really fast in the beginning and then really slow down at the end and that looks something like this you can see that just looks a whole lot better than a linear movement i'm gonna hit f4 on here and we're gonna close out on that spline window i'm gonna move that media out over a little bit now that we're done with that if you select everything that we just made hit ctrl c click elsewhere and then hit ctrl v we're going to make a duplicate of everything that we just did and we're going to take our original background layer and bring it up here to create a merge node between the two we're going to drag that merge node in here so we can see everything that we're doing again then we're going to come up into our spline window again we'll hit f4 and we're going to select our original mask that we made we'll zoom to fit again and we're going to select all of them and then we're actually going to move this over just by about two frames so that we can offset our keyframes we'll close out that spline window again now i'm going to take that duplicate that we made and i'm going to change the background color to something like a nice white so now since we offset those keyframes it just kind of adds a little bit of extra flair to our animation to make it look a little bit more interesting and now we're going to create a text node so now inside that text node we'll just write some name so i'll just write john doe for the time being we can't see our text so we're just going to drag this down into that merge node so we can create another one and we'll drag that merge node up and there you can see our text i'm just going to change this text so it's going to be a little bit bigger i'm also going to change it so that the anchor is going to be on the left side so that we can move this over to where we like to a little bit easier and that way if you need to type a longer name it'll go this way instead of going out from the center so now we're just going to animate this text so we'll come up here and click on this transform to get a transform node and we'll be at the end of our animation so we're at our 24th frame so i'm going to come over and hit the keyframe on our center for that transform node and then we'll go all the way back to zero and now we're going to move that just out of frame so now that's animating in like that except if we come over we can see it's just kind of animated in from the side of the screen it's not being masked out by the background that we have so we can change that by coming into our second mask here and dragging this mask down into that merge node so now we can see that our text is only being shown inside the box that we created and then we're gonna come up into our spline on that transform for our text i'm gonna unselect everything except for that transform we'll hit f4 again and zoom to fit we'll select all of them and hit s and we're just gonna do the same thing that we did before by selecting that top keyframe there and bringing it all the way up to 100 so now that's gonna match everything else that we just did with our box so the animation will fit in pretty perfectly so now that looks like this now we can add a description to our lower third so we're just gonna make this easy on ourselves and we're just gonna copy and paste the text and animation for that we just did we'll drag that down again to create another merge node and we'll bring it up so we can see what we're doing i'm just going to take that text and we'll put a description in here and we'll scale this around so it's going to fit perfectly in our box and we'll bring this down and now we're just about done but if you come over you can actually see that our description is now going off screen so we can take that mask again and bring that down into this merge node that we just created and now our description is only being shown in the box that we have there and now you can see that looks like this and if you notice when we scroll over here we can actually see it's going onto the white part so if you don't want it actually showing up on that white part there we can unselect that mask there just by clicking on that then you can come over to that original mask that we made and you can bring that over into that merge layer so now you can see our text is only showing up on the colored part we created and not the white part and real quick i'm going to make sure that this merges inside our media out and we'll drag that media out up here and just like that your lower third is completely done and you can see how it looks here but let's say you actually wanted this to animate out as well so without going in and changing all the keyframes that we made we can actually go into the edit tab here and we can click on the fusion layer that we just created we can hit copy and we'll move our playhead over a little bit and we'll hit ctrl v to paste it then click on that pasted layer right click and hit new compound clip just hit create then click on it again then right click on that compound clip that we just created and you can come up to change clip speed and you can hit reverse speed and hit change so now you can see if we hit play our lower third animates in and then since we reverse the time on the second one it will animate out and that's just a really quick way of getting everything to animate out ideally if you wanted you could come back into fusion and reverse all the keyframes again so you can set up a keyframe later on in here and then just reverse everything back out but reversing it inside the edit tab is just a much easier way of doing it but with that i hope you guys enjoyed this video and found it helpful and if you did be sure to hit like and subscribe i hope you guys have a great day see ya

Channel: Michael Sturgill

Views: 5,955

Keywords: davinci resolve, fusion, davinci resolve tutorial, fusion tutorial, fusion tutorial davinci resolve, davinci resolve lower thirds tutorial, davinci fusion tutorial, lower thirds tutorial, davinci resolve lower thirds, davinci resolve 16 tutorial, fusion beginner tutorial, davinci fusion beginner tutorial, fusion motion graphics, how to make a lower thirds in davinci resolve, how to make a lower thirds in fusion, davinci resolve 16, clean lower thirds in fusion

Id: 4X7s1MwIp-s

Length: 8min 3sec (483 seconds)

Published: Fri Oct 02 2020