Animate TEXT Like a Pro - 5 Fusion Techniques in DaVinci Resolve

Have you ever wondered how to create your  own motion graphic titles like these? Well   today I'm going to show you how to master  text animations in DaVinci Resolve Fusion   I've got five techniques for you to learn  they're going to look really slick in your   videos but what's even better is that there  are hundreds of different ways that you can   reuse these techniques in order to come up  with your own unique titles let's get into it now before we animate anything we first need  to design water text is going to look like and   there's a few little neat tracks in Fusion that  you're going to want to learn if you're new to   the program so I'm going to create a new Fusion  composition by dragging it into our timeline from   the effects panel and then I'll jump into the  fusion page using the tab below so from here   I'm going to grab this little guy here this is  a text plus node and I'm going to drag this into   a composition and connect the little output  to the input of our media out now when I was   first working with the text plus node infusion  I remember being pretty confused about how to   do some really simple things like changing the  color of individual words or creating a stroke   outline but it's actually really simple to do I'm  just going to add in a few words here subscribe   for more videos and I'm going to left align this  text by hitting this little anchor icon here then   I'll move this off to the left just using the  controls in the viewer we can then come over to   the shading Tab and this lets us do a bunch of  cool things so first of all you'll notice here   that we have four options in the appearance  section if we click on the transparent one   our text changes to outlines only and with this  control here we could just adjust the thickness   of the outlines now this is a cool look on its  own but if we wanted to keep the solid part of   the text too then we need to use these elements  here each one of these numbers represents a whole   new set of these controls and you could start  to layer these up so on the first one I could   select solid and then on the second one here if I  enable this this defaults to a red outline but we   can make it any color we like now you can do it a  lot with this shading tab so it's one you're going   to want to play around with it's very easy a mess  if you're just neuter Fusion but in the meantime   I'm just going to reset our text here because what  I really want to do is I want the word subscribe   to Stand Out by making it a different color and  from the actual text editor we're going to right   click this and select character level styling  now you'll notice up here it lets us select the   modifiers tab up and if you click on this then you  should be able to highlight multiple characters   within the viewer here and control The Styling for  these independently so I can change the font of   individual words or even the color and I can even  change the size and position of whole lines of   text by just highlighting them and adjusting them  in the modifier window this is really powerful   and using a mixture of these controls you can  design some really great looking text okay so   the first thing we're going to have a look at  is some simple movement animations like these   I've created the background here and I've merged  this with a text plus node and then this has been   fed into our media out node now with our text node  selected we're going to come up to our layout tab   here and using the center control we can come  up to about frame 30. and click this little   icon this is going to say our first keyframe  I'll then move the playhead back to frame 0.   and then using this little arrow control here  we'll move our text out of frame to the left   which sets another keyframe for us and if you  play that back you'll see that you've got a very   basic movement going on it's a bit boring and  it's a bit slow so how do we make that Slicker   well one thing we can do is adjust the easing  of our movements now if I open up the spline   editor here by clicking up here we could see our  two keyframes we just set and the movement graph   between them so I'm going to highlight both of  these and right click on them and go to ease   Outback cubic and this creates a nice little  overshooting animation it's one of my favorites   to use now it's a little over the top just now  so I'm going to click the first keyframe here   and I'll just pull this little handle down  just to make it a little bit more subtle another thing we could do to space this up a  little bit is just add some rotation to the   word as it slides in now down here in the  layout section we have a bunch of controls   for the rotation the Z control lets us rotate  along the z-axis so at frame 30 again I'm going   to set our keyframe at zero I'll then bring our  playhead to the highest point in the overshoot   curve which is round about here and then I'll  give it a really small rotation say about   -10 and then I'll drag the playhead back to  the first frame and I'll set that to zero again   I'm then going to highlight all these frames  and hit F on the keyboard and this automatically   Smooths out the keyframes for us now if we play  that back it looks like this so you can see it's   kind of over shooting like it's been pushed into  frame there and it's been knocked off balance so   it's quite a cool look one last thing we could  do to really polish this off is just come up to   our settings tab here and click on motion blur and  there's little techniques like this that are going   to really make a huge difference little rotations  here and there and motion blur are going to go a   long way to selling an effect and what's great is  that you can actually apply this whole technique   to different parameters as well so if we wanted to  do a zoom in animation we just do the same thing I   can use the size and rotation parameters keyframe  them to where I want them later in the timeline   and then stretch them out at the start of the  timeline to set another keyframe I then recollect   them both in the spline editor and go to ease  again and set them both to Outback cubic add in a   little bit of motion blur and then you've got this  really cool zoom in title effect very easy to do now there's no shame in a really simple  typewriter style animation and one of   the great things is this is actually built  into every single text node so down here   at the bottom we have this control called  right on it's got two controls one for the   start and one for the end and if I move these  values here you can see it writes on and off   so I'll move the end point right to the start  then bring the pulley head to frame zero   hit the keyframe and then move along to frame  25 and extend it out again play that back now   and you'll see that that's all you really need to  do a really simple typewriter effect if you bring   in a little keyboard sound effect in the edit  page you can really sell that effect even more   but there's actually another way that you can  use this to show you exactly what I mean I've   changed the word in here to word by word and if I  move the end position along to reveal a full word   before I set the keyframe I can then move the  playhead along set another keyframe and bring   the value up to the reveal the next word over  just one frame so we're sort of stepping up   the values and if we look in the spline editor  again you see these steps for each of the words   it's a really nice and simple animation  and it doesn't take that long to do   so this shape reveal animation is easy to do as  well it just requires a little bit of setup so   first we're going to set up a simple background  nodes and connect this up to our media out   I'm going to pack some nice gradient colors here  and then we're going to bring in our text node I'll choose my phone and adjust the size and  then connect this up into the Chain by dragging   the output into the output of the background and  that merges them together so from here we need to   add a rectangle mask in so I'm going to come up  here and drag in this little mask node first I'm   going to hook it up to our background node and  this lets us create our little rectangle shape   I'm going to just adjust the size of this here  so that it fits around our text before we do   anything with the text we're going to animate our  rectangle mask in and the way I want this to work   I want the height to come in first as a narrow  line so I'll first set the width to about 0.008   really narrow so we could just see it then I'll  bring the height down to zero and set our first   keyframe on the height control at frame 0 in the  timeline I'll move the playhead to about frame 20.   and then bring the height  up to the size we want it   then I'll set another keyframe on the width at  this point and move the playhead along further   to about frame 50 and set the width to the size  we want it to so far it should look like this next I'm going to keyframe the x-axis  on the rectangle mask just so it moves   from the left of the text to the center  at the same time as the width animation and then I'm just going to quickly go into the  spline tab again I'm going to ease all these   keyframes just so our movements are nice and  smooth again if you just highlight these right   click and go to ease you've got a bunch of E's  and functions to choose from here and this time   I'm going to select out cubic and that gives  it a nice smooth finish to the movement okay   so a rectangle is animating the way we want it  but our text is just sitting on top here one of   the great things about Fusion is that you can  actually connect your masks to multiple inputs   so if I just take the output of this rectangle  mask and feed it into the blue mask input of the   merge node you'll see it masks our text too  because our text is running into this merge   now you could achieve the same effect by running  it into the actual text node I've connected it   to the merge for a specific reason with the merge  node selected I can then keyframe the position of   our text to move from right to left the opposite  direction of the rectangle as it reveals the text and this just adds an extra layer of  movement to the animation again I'll ease   these keyframes on the text in the spline  tab to finish off the motion element here   to add motion blur we're going to have to add it  in two places first we'll add it to a rectangle   mask in the settings tab and then we'll add it  to the merge for the movement of the texture lastly I'll just merge another background layer  before the media out and if I hit command and   T or Ctrl t on Windows this switches so that  the background sits behind the animation and   then I'm going to change the color to white  too and that's it that's the reveal animation   now if you wanted to you could also  do the same movements in Reverse at   the end of the composition so  that it animates out as well the next one is one of my personal favorites and  this is the follower modifier animation basically   every letter moves on its own and I kind of Follow  the Leader fashion so to start I've got this nice   little text title set up here against a gradient  background and we're going to select the text node   and come up to our text box here right click  and select follower similar to The Character   level styling trick that I showed you earlier  in the video this is also a modifier so if we   go up to our modifier tab here we could see this  follower now there's a whole bunch of controls but   I'm just going to come along to the shading tab  here and scroll all the way down to the position   section this is going to allow us to keyframe  the movements of our characters you'd think this   would be in the transform section but for some  reason it's not enough no idea why but regardless   the offset control allows us to keyframe the  position of each character so I'll come up to   about frame 50 and then hit this keyframe icon  it's going to pop up with this path modifier and   that's totally normal but there's nothing you  need to actually touch in there so you could   just ignore that completely to navigate back to  the follower we just double click on it up here   I'll then come back to frame 0 on the timeline  move this completely out of View using the y-axis   and then if we hit play the text should  move up now it's not doing what we want   it to yet but we have this motion and this is  the first step accomplished now the next step   is we want to come over at this timing Tab and  then this is where we're going to Define which   layers follow which we want this to be set to all  characters left to right between each character   which means that this delay slider controls the  delay between each character starting from left   to right now the scale of this is in frames  so if I go to 2 for example that's going to   apply a two frame delay between each character  and if we jump back into our spline tab again   we could set up a little overshoot animation  by right clicking going to ease Outback cubic then we want to put a bit of motion  bladder on this as well so we're going   to go back into our tools then settings  and you can click that one from there and   then you've got this really smooth  and cool little follower animation and there's lots you can do with this with  different parameters you can do a size one   for example and there's even a way to do one word  at a time using just one text node and a follower   modifier now that's a little bit more complicated  to set up so I've saved that for another video if   you're interested in watching that hit subscribe  and let me know in the comments now a quick tip   for you if you want to apply multiple modifiers  so let's say you've got some tech set up with a   follower modifier already on it just like this  one here and then you also want to apply some   character level styling just to change some  of the color of some of the words in this if   you right click on your text here you'll notice  everything's grayed out it won't let us apply   the Character level styling that's because in  order to apply a second modifier you have to   apply it from the first one that you set so if  I go up to my follower here go into the text   Tab and right click it'll let me apply another  modifier from there it's just something to watch   out before with each modifier you add you need  to stack them up by adding it to the last one   and then once that's done you can control them  both independently by just jumping into their   controls in the modifier tab one last one just  for a bit of fun this wiggle animation is one   I've seen a lot of in After Effects tutorials  and if you follow the channel you'll know that   I'm all about making that switch away from Adobe  to some of the better Alternatives that we have on   offer and if you've already mastered the follower  animation this one's really easy to do as well   so once again we're going to apply a follower to  our text here we'll jump over to our shading tab   they're into possession and what we're  going to do is we're going to keyframe   a series of random movements again you could  just ignore this path modifier and come back   to the follower over time I'm just keying  in some jumps up and down really random so   start by keyframing a small move up and  back down on the position values here I'm also going to get down to rotation and  keyframe and some rotations on the z-axis and   we're going to span all these movements back and  forth a few times over 50 to 60 frames now it's   really important that there's no sense of pattern  here the trick is to make this look really random   we want to try and mix up our keyframes so that  the rotations and positions don't land on the   same frame all the time so if I open up my spline  tab you can see what I've done here and if I play   it back all the letters are moving randomly but  they're in sync which we don't want so we'll fix   this in a moment but first to ensure this Loops  all the way through in your composition we're   going to highlight all the keyframes in spline Tab  and click on this little icon here called set loop   and this will just repeat all your animations  and a look indefinitely on your timeline   I'm going to land with all my keyframes  highlighted again hit F on the keyboard   to flatten out all our keyframes so the  last step is just to randomize this so   we're going to jump up to the timing tab  here and I'll give this a delay of three so   that each layer is out of sync and then I'm  going to set the order to completely random   and if I play this back you see I've got this  sort of cute little wiggle animation going on and there you have it that's  five Fusion techniques to   help you animate text like a pro  and I'll see you in the next one foreign

Channel: Ryan Osborne

Views: 87,212

Keywords: DaVinci Resolve Fusion, Fusion, Animation, DaVinci Resolve, After Effects, Switch away from adobe, Adobe Alternatives, text+, Text+ node

Id: zEfBJTlvmPE

Length: 16min 9sec (969 seconds)

Published: Tue Sep 27 2022