How to use the Spline Editor in Davinci Resolve!

hey everybody jeremy here from video youtube studio and today i'm gonna share with you the basics of animation in davinci resolve 17. let's check it out all right so in davinci resolve 17 right now we're on the fusion page and i'm gonna share with you just a couple of basic uh tips and tricks to animate in davinci resolve so you get smooth animation and you can start straight away to create nice motion design uh in fusion to do that i'm just first gonna bring one background a second background i'm gonna link them together with a merge and here i'm gonna add a mask on top of this background right here if i just bring that up here i'm just gonna change the color of this from black to white perfect and here i just have my starting point to demonstrate to you uh some basic tips on how to animate so here i just have my basic shapes and we're gonna start working with this in this video we're mostly gonna speak about the spline editor right here i'm gonna give you some tips on how to keyframe and how to use all the tool down there in order to create an animation that fits the project that you're working on so first to do any animation you need to put some keyframe point to do that you need to decide on a value right here that you decide to animate can be the scale it can be the position for this example we're gonna focus on keyframing the position to show you how it works so here you want to start at frame zero you're gonna just add one keyframe right here and basically it tell to the software that here this value now is fixed we want this shape to be in that position at the frame 0. then we're going to move to the frame 40 and here we're going to just change the position of our square right here and as you can see it put another keyframe at the frame 40. here we can see it because there is a white mark on our timeline and basically it say the same thing is that at this specific point the position of the square need to move from there to there and now if we play it as you can see we have our first animation the movement is happening from this point a to the point b all right so that's good that's great that's just the basic on how to animate now how we can make it smoother how can we set loops how we can set ping point and so on and so forth that's where all those nice tools right here in the spring editor came into place we're gonna use them to adjust this curve and to do a lot of interesting stuff with it so first off again if we play it right here you can see we have an animation it's nice but it's not smooth uh it's linear there is something that feels a bit rough to it because it's moving at a constant speed we would like to adjust it and we're gonna make a s curve for that to do that you need to select all your key point right here or you can just click on this button right there that's going to select all your point in your spline editor then you can either click on the button right here it's going to smooth that curve or eat the letter s and you're going to smooth that curve right here then if we play it again as you can see now the animation is way smoother it's smoothing the beginning and the end of the animation now we're gonna go a step further and play with the easy net ease out to adjust even more the smoothness of the animation to do that we're gonna eat the letter t on my keyboard and here as you can see it's just bring that bar right here with ease in and is out again we're gonna select all the point of our animation and here as you can see if i'm adjusting the ease in we have some modification happening with the curve if i adjust the ease in it will adjust the top of this curve the end of those two key points and if i'm adjusting the out it's gonna do the same thing but here at the beginning you can also lock it in so the values stay the same for both of them and you have something that is equal both at the beginning and at the end we're gonna just bring it to 100 to show you the difference in what it does here we end up with like quite an extreme curve which means that at the beginning the animation gonna go smoothly smoothly very quick and then it's gonna be like slow and smooth again let's try it out and see where it is you see at the beginning it's very slow very slow and then when we start to eat this curve right here it's going very fast and then it's slowing down again and when you understand that and how the curve is affecting your animation you understand 50 of it it will help you tremendously to get a hold on this concept as a rule of thumb for most cases what i will do i will click that icon to lock in those values so they are the same and then i will just choose a value between 60 to 80. and to me that just a good rule of thumb for most uh cases and it gives you just something that is smooth at the beginning not too quick at the middle of your animation and you end up with something that just looks nice in my opinion just so you can see the difference here is a side-by-side compression of the square animated with a curve and a square uh not animated with a curve meaning it's just linear as you can see there is a huge difference in the look of it and in my opinion it feels way smoother and cleaner with the curve applied now if you want to go back to something linear it's very easy again you're selecting everything and then you can just toggle here to go back to linear you can also just click on those point and adjust the spline here manually as you want click on the other one and you can just adjust it right there and you don't have to go through the ease in his art right here but as you see it can be modified just by moving those around so that's the very basic scenario that you're gonna use most of the time you know uh you've choose to have something moving or something scaling and you just gonna change like that value from like value a to value b in a smooth way that's probably 80 of the time what you're gonna use now there is a lot of other option that you can use right there and we're gonna run through them i'm gonna reset my position to zero and now we're going to add some new keyframes so i'm just going to start here to zero and we're gonna put that right at the beginning perfect i'm gonna add one keyframe then i'm gonna move to 20th frame i'm going to move it around here perfect then 40. i'm going to move it again then 60 and i'm going to move it again right here as you can see now if we click on that button that shows you all your key point uh in one view we have a couple of different points now instead of having something smooth i would like to have increment i would like my animation to jump from there to there to there to there that's why i'll put a couple of different keyframe to do that i can again select everything and here i have the choice to use those two right there that are basically steps so here you have step in and step out the only difference is that here step in uh the value gonna appear there and just gonna change to the next one and step out it's the opposite you're gonna change the value straight away uh and so on so here i'm just gonna start with this one and here if you played as you can see it's moving step by step we don't have anything smooth it's just a rough cut between uh each of them tuck is jumping straight up to the next point so that's another way to animate uh it's basically just having like hard cut between each of those points and then you have your animation just jumping from one point to another now the next one here is reverse basically we're gonna select everything and here as you can see if i click it it just reverse my animation you can reclick it on it and it's reversing the animation so if selected here we're gonna start from the other side and come back in that direction and if i go back to the original one i click it again we're starting again from that side and we're going on the other direction so that's another quick tool to reverse easily your keyframes now there is two other great tools that are setting ping-pong and loop they are very similar but there is one main difference is that here if i said loop let's play it right now as you can see it's just moving and it's just setting a loop it's starting from the beginning and we have the same thing on repeat again and again and again and again another way to go about it will be to just set ping-pong instead what it does is instead of having it starting again from the beginning so having exactly the same sequence running over and over we're just gonna go back and forth by reversing it and you basically end up with like a ping-pong situation where it's just moving back and forth so here let's play it as you can see just forward then backward but the scenario like that is usually better with a smooth animation so i'm just going to restart everything to show you quickly here i'm going to add a new keyframe i'm just going to go here to center add a keyframe and then 40 frame and move the position again perfect then just smoothing those two and now i'm gonna set ping pong again and now as you can see just going back and forth between one side and the other one side and the other now if i'm selecting loop as you're gonna see here it's just gonna start from the beginning again and again so it depends really what you try to achieve in most cases i will say that ping pong will be better because you will not end up with a hard cut like that four steps usually loops are suited better and for um smooth animation ping pong is cited better to have something that is on repeat because you don't have a hard cut right here like you see on screen here is a side by side of loop and ping pong so you can see or it affect the animated square now we have also another option which is set relative to do that i'm just gonna reset everything and i'm gonna show you how it affect the animation again so here we're gonna add another keyframe i'm just gonna keyframe here at the beginning and maybe uh 10 frame and then i'm gonna move it a tiny bit forward you're gonna see why i just do a tiny bit because it's gonna take quite a lot of the frame here i'm gonna smooth it and now once my two points are selected i'm just gonna hit set relative so what set relative does is that here as you can see it's doing something similar to loop and ping-pong it's basically looping this part right here but by adding the value over and over and over so here if i'm playing it as you can see so here there is my first animation so moving from left to right in 10 frame and then i'm gonna do exactly the same but starting from that new position so here again adding movement again again again and again and with that same exact rhythm right here so that's three great options when you want to have something that is on repeat you can set loop you can set ping-pong and you can set relative now we saw this button right here which is selecting hole so basically uh if your point are not selected then you can just hit that and it's just gonna select all your point so then you can just apply um the loop you can apply the set relative uh pig pong and so on here you have another option is that if you don't want to click on this curve that you want to add a specific point uh in a specific spot right there you can just click on that and then here you can just add your point and your curve gonna automatically move to this point now another great tool here is time stretch so once you've just selected time stretch as you can see it's just adding two bar right there and that allows you to readjust the timing of your animation here as you can see we start from frame 0 and we're going to frame 10. but what if i want to retime that to end my animation to frame 20. well you can do it by just here eating time stretch and then you can just move that and here we're extending to firm 20 right there perfect and as you can see the point also moved from 10 to 20 and here our animation is not taking 10 frames anymore but it takes 20 frames so again very great tool to retime your keyframe and to adjust your animation timing is everything when you animate you know when you start to have like a couple of different animation in the same composition it's very very important sometime to retime and to make sure that all the timing are right to have something that looks nice next you have shape box uh i never use it so i'm not really really sure what's the use cases for that but basically just put a box all around your point and then you can just modify uh your curve using that i don't really understand what's the point of it so i'm not gonna speak too much about it and then you have the last one here that is show key marker which you basically add marker on top of where you have point uh in your spline as you can see here also when you've selected one point you have here uh the time of the frame that is appearing just for more clarity right there but you can also read it at the top over here so here a quick thing that i forgot to talk about i should have tell that at the beginning is that the value here at the top are basically the number of frame so it's the same thing as what you see here so here that's just frame zero that's where all animation is starting and then our animation is moving to the frame 20 and that's the same value that you see right here then the value that you see vertically are the value of the parameter that you've set another interesting thing to know is that here those boxes basically uh allow you to just remove some keyframe from the view in the spline so as soon as you start to have a lot of keyframe it's nice to just remove everything and work only on one specific element or you can also just having that square tick which is basically here the keyframe is showing you have the curve but you cannot modify anything it can be very useful for you to try to time two animation together without modifying one and that's pretty much it for the spline editor i hope this video was helpful let me know in the comment if you would like to see more video about how to animate in damaging resource 17. i hope you enjoyed this one don't forget to like and subscribe and see you in the next one bye speed up your workflow and create better videos using the pack available on our website including titles transition and templates but only for damaging resolve get started today by downloading our freestyle pack containing a compilation of 20 titles created from our library link in description below or at videodigitalstudio.com

Channel: Video Editor Studio

Views: 8,401

Keywords: davinci resolve, davinci resolve 16, davinci resolve 17, davinci resolve tutorial, color grading, motion graphics, davinci resolve motion graphics, davinci resolve title, davinci resolve template, davinci resolve title pack, Waqas Qazi, jamie fenn, JayAreTv, That Modern Dude, Skyline Motions, Billy Rybka, Chris' Tutorials, Casey Faris, CB Super, davinci resolve fusion, animation crash course, easy animation, crash course, spline editor, Davinci Resolve 18

Id: G3hDsWjhqZU

Length: 15min 10sec (910 seconds)

Published: Wed Oct 13 2021