Bouncing Ball in DaVinci Resolve Fusion

hello my name is Abdul Samad and in this lesson we'll be animating a bouncing ball in DaVinci Resolve Fusion [Music] we create a new Fusion composition and drag it to our timeline we move to the fusion page and I want us to organize our workspace before we start first I want us to make our node snap to the grid lines for easy arrangement we do that by right-clicking on an empty space we go to arrange tools and click on to grid now if we move the node you can see that it snaps to the grid lines next I want modify my keyframes window in order to demonstrate the essence of what I'm going to do I'll add two background nodes we click here to shrink the inspector so we can have more space to work we click on keyframes to open the keyframes window and we can drag it to increase its size as you can see we have our media out background one and background two nodes visible on the window this Arrangement has nothing to do with Which object is on top or below the keyframes window can get very bulky as we add more nodes we click on the three dots at the top right corner of the window and then click show only selected tools and now you'll see that when we click any node it'll appear on the keyframes window we're going to do the same to the spline editor by clicking on it going to the three dots on its window and then show only selected tools we can close the spline editor click on keyframes and position the window by the side so that it'll always be visible while we work on a project we can click on the background to node and delete it we can then connect our background node to the media out node so that we can see it in the viewer and change its color to white now I'll be going through some shortcuts we'll be using in this project in our future projects before we start working on the bouncing ball animation we click on the viewer to notify DaVinci Resolve that the coming keyboard shortcuts are meant for the viewer hold Ctrl and scroll middle Mouse button forward and backward to zoom in and zoom out use Ctrl F to fit the view to the windows or return it back to default click the middle Mouse button to move the view around wheel control F to fit again if your mouse doesn't have a middle button or the middle button doesn't work you can use Ctrl shift left click to move the view around I'll control F again to fit now we can start working on our project we move the media out node forward a little to have more space in between we click the background and add a merge node by clicking on its icon we can see it's connected to the media out I'll delete it I want to show you that we can also add it by holding shift and dragging it on the Arrow until it turns blue and then releasing it we can see that it's connected to the media out by this method too next we add another merge node and connect it to the foreground input so that any node connected to it will be placed on top of the background we drag a background node and connect it to the background input of the merge node we click it and add a rectangular mask to it we resize the x-axis by moving the sides we resize the y-axis by moving the top or bottom and then both simultaneously by moving the corners we can move it along the y-axis by moving the arrow pointing up we can move it along the x-axis by using the arrow pointing right we can move it along both axis by using the square in the middle weak control Z to undo then use the arrow to move it down along the y-axis we add another background node and connect it to the green input which is the foreground we click on it and add an ellipse mask like with the rectangle we move the sides to resize the x-axis the top and bottom to resize the y-axis week Ctrl Z to undo that and then the corners to resize on both axis I'm okay with the size but it seems that our rectangle is not aligned to the center we click on it and go to the inspector we double click on Center to reset the values back to default and now we can move it down along the y-axis we click on our ellipse and we can move it using the arrow like we said or using the center values in the inspector we left-click on the Y values and move our Mouse left or right to decrease or increase it we can click on the X values to do the same we undo that and move the ellipse to the top using the Y values now that we're about to start animating we can expand our keyframes window we click this icon to fit we make sure our ellipse is selected then we go to the inspector and click the diamond shaped icon beside the center to add a keyframe we click on the playhead on the keyframes window and use the right arrow key to move the playhead forward by nine frames we do that by pressing it nine times I'll drag it back to show you that we can do the same by using the controls in the viewer we click the box set the value to 9 and press enter now we have our playhead on frame nine we bring our ellipse down by clicking the Y Center value and dragging our Mouse to the left a keyframe will automatically be created we Zoom it and make sure the ellipse overlaps the rectangle a little you'll understand why eventually we click on the box in the viewer and set the value to 18. alternatively we can press the right arrow on our keyboard nine times to move the playhead to frame 18. we move our ellipse somewhere above the middle we again use the right arrow on our keyboard to move our playhead 9 frames forward we left click and drag to highlight the middle keyframe we Ctrl C to copy we click on an empty space on the center timeline and Ctrl V to paste the keyframe now we have our ellipse back on the rectangle you have to be careful while doing this before you drag and highlight a keyframe make sure its timeline is not selected if I select its timeline and try to drag along it it moves the whole keyframes instead I'll undo that so we click on an empty space then we can drag and highlight click on an empty space drag and highlight we have animated our bounce but we want the ball to bounce more than once we highlight the last two keyframes we control C to copy we move nine frames forward click on our timeline and Ctrl V to paste we repeat the same set of actions Now we move our playhead along and we have the ball bouncing three times let's play this and see the movement looks so rigid and unnatural so we can adjust that using the spline editor we click on it click the displacement and then the zoom to fit icon we move our playhead along to identify those points where our ball is at its highest we highlight them and press F on the keyboard to ease the keyframes let's play this again and see it looks good but we can make it better by making the ball spend a little more time at its highest points we make sure our points are highlighted we press t on the keyboard to see our easing values we click on the padlock to lock the in and out values we click on the box and drag our Mouse towards the right to increase the value to about 58. we can play it again and see much better we can close the spline editor now to make this look more realistic we are going to add a squash and stretch to it we move the playhead to the frame where the ellipse touches the rectangle and zoom in on it what we want is for the ellipse to squash on the y-axis and stretch on the x-axis to do that we're going to use the width and the height values so we make sure our playhead is on the frame where the ellipse touches the rectangle we click on the playhead in the keyframes windows we use the left Arrow to move one frame backward we click the diamonds to add a keyframe for the width and the height we move one frame forward we add keyframes for both again then we move three frames forward and add both keyframes again we zoom in on this by holding Ctrl and scrolling middle Mouse forward so we can clearly see our keyframes we move the playhead to the middle keyframe and change the width value to stretch the ellipse we then use the height value to squash it this is why we made the ellipse overlap the rectangle initially now we can scrub through to see the movement we zoom out a little bit and move our playhead to the next keyframe where the ellipse touches the rectangle we click and drag to highlight the width keyframes Ctrl C to copy press the left Arrow key to move one frame backward click on the width timeline and Ctrl V to paste we can see that the middle keyframe is aligned with the keyframe where the ellipse touches the rectangle we move the playhead again to the next keyframe where the ellipse touches the rectangle press the left Arrow key to move one frame backward click on the width timeline and paste we click on the width timeline press the left Arrow key to move one frame backward and paste we do the same for the height click and drag to highlight the height keyframes Ctrl C to copy we need to move our playhead to the position we intend to paste the keyframes we can scroll through and drag it from here or we can just do the same from the viewer we move it to the next keyframe where the ellipse touches the rectangle click on the height timeline press the left Arrow key to move one frame backward Ctrl V to paste we can see that the middle keyframe is aligned with the keyframe where the ellipse touches the rectangle we can repeat that for the rest of the keyframes now I click on the viewer and Ctrl F to fit move the playhead to the beginning and play our animation we have successfully given our ball a more natural bounce let's see that again we can leave this as it is I'll control s to save or we can go ahead and add motion blur to give it a smoother look let's play this again and see how applying that would make a difference to add motion blur we click on the layer we animated go to settings in the inspector and tick motion blur we can adjust the quality and the shutter angle let's play this and see how it looks I think that's okay so there's no need to adjust the settings Let's Play It Again based again we can leave this as it is well we can go further and add a kind of color inversion every time the ball comes in contact with the rectangle to make it more interesting we click on the merge node shift spacebar to open the tools menu search invert click and add now we have our colors inverted to animate this we move to the frame where the ball touches the rectangle we press the left Arrow key to move one frame backward we click settings from the inspector and then click the diamond beside the blend to add a keyframe we press the right arrow key to move one frame forward and click the diamond again we press the left Arrow to go back and drag the blend slider down to 0.0 so we have this we move to the next frame where the ball touches the rectangle add a keyframe press the left Arrow key to move one frame backward and add another keyframe we press the right arrow to go to the next keyframe and drag the blend slider down to 0.0 again we move to the next frame where the ball touches the rectangle add a keyframe press the left Arrow key to move one frame backward and add another keyframe we press the right arrow to go to the next keyframe and drag the blend slider up to 1.0 for the last time we move to the next frame where the ball touches the rectangle add a keyframe press the left Arrow key and add another keyframe we press the right arrow and drag the blend slider down to 0.0 now we can play our animation and see how it looks and we have that all for this video we'll talk more on the spline editor some useful tools like the time stretcher and some cool stuff we can achieve with them like this video if you find it helpful and subscribe to my channel for more DaVinci Resolve tutorials thank you for watching and do have a great day

Channel: Abdulsamad S.

Views: 1,127

Keywords:

Id: VbrMin8YsbQ

Length: 17min 1sec (1021 seconds)

Published: Tue Sep 19 2023