Anim Curves Modifier and Wipe Animation in DaVinci Resolve - Fusion Tutorial and FREE Template

hi there welcome back today I will show you how to use the anim curves modifier in the fusion page and create a wipe animation effect like we are seeing now and in curves modifier is the most used one in my templates it's a powerful tool for managing animation timing and curves here is a still image on the timeline open it in the fusion page to create a wipe effect we add a rectangle node as the effect mask input of the median node change both the width and height to 1 so that the whole image is selected in The View when we move the mask from left to right we get a wipe effect revealing the image if we want to wipe at an angle we rotate the mask some parts of the image are cut out because the mask size is too small we can increase both width and height to something big like five but there is still a problem because the rotation is based on the center of the rectangle visually it's really difficult to control where the wipe Edge is or at which angle the rectangle node doesn't have the pivot offset option to adjust this so we insert transform node after the rectangle node select the rectangle node change center X to -2 so the right edge of the rectangle Falls right in the middle select the transform node now we can use the transform control to move and rotate the mask on the edge select both nodes we can see how this is working in the viewer when we rotate or move the transform node the rectangle mask is also moving together this effect is basically a linear mask that we can use to select one side of an image animate the transform Center we will have a wiping animation to reveal the image move to the last frame of the clip Mark a keyframe for the center parameter move the transform Center to the right until the image is completely shown in the view go to the beginning move the mask to the left until the image is gone from the viewer another keyframe is created automatically play the clip we have the mask wiping and showing the image but it's quite boring if we want to make it more dynamic or change the timing we will need to open the spline editor and manually adjust the curves to make these adjustments easier and more controllable we will use the Anon curves modifier when we animated the transform Center earlier a path modifier was also created automatically we can right click over the displacement parameter and choose insert and imperves which is a normal way to work with an in curves modifier instead of doing that today I will show you how I use anim Curves in my templates right-click the path header bar select edit controls in the edit control window create a new control called animatin type is number change the page to controls set the range from 0 to 1. select slide control as input control view Control To None we don't need to control it in the viewer click ok to confirm a new control is now added to the controls page in the inspector similarly add another control animate out accept the name all other settings are the same as the previous one right click animate in choose modify with anim curves rename the modifier to anim Curves in as we are creating animation based on a clip we set the source to duration for the curve option I always set it to easing as default in my templates with this option there are two drop downs where we can choose the predefined smooth curves make sure the scale is set to the default value 1. it will animate the value from 0 to 1 automatically for the rest of the parameters we will leave them as is for now open the path section remove the animation path from the displacement parameter modify it with a simple expression link to the value of animatin go to the anime curve section select Bounce from the out list and play the clip we now have a smooth wiping and bouncing animation effect if we want to run animation faster we can increase the time scale for example set the time scale to 2. play the clip the animation now runs twice as fast if we need to change the wiping path we can use the screen controls to change the start point and end point we can also publish the points and adjust the points with controls in the inspector drag the mouse to select both points right click in the viewer select path 1 polyline check the publishing path points enabled right-click again choose publish publish points or simply press the shortcut shift p to publish the current selected points now we can change the points value with controls in the inspector as we mentioned earlier changing the time scale of the anime curves modifier can change the animation speed up but it's hard to keep the speed consistent when the click duration changes because the scale is always based on the length of the clip in this case it takes 75 frames to finish animation with the scale set to 2. in order to run the animation at the same speed regardless of clip duration we would need to set the time in frames instead of adjusting time scales open the path section right click the header and choose edit controls create a control called animate in time add to the controls page set range from 0 to 100. input control to slider click ok repeat the steps and create another parameter called animate out time with everything else set to the same as the previous one set both in and out time to 30 frames in the atom Curves in section modify time scale with the expression shown on the screen the time scale is now changed to 5. because the clip duration is 150 frames and we set the time to 30 frames play the clip the animation finishes at frame 30. as you might have noticed we also created animate out controls these will be used to control animate out animations right-click animate out modify with anim curves rename the curve to Anon curves out similarly we change the source and curve options check the invert option to animate the value from 1 to 0. since this for the animation running at the end we will need to add some calculations for the timing scale of offset parameters modify the offset with a simple expression shown here in this case the animation out time was set to 30 out of a total 150 frames it will offset 0.8 from the beginning when the out animation starts and change the time scale expression like this the scale is changed to 5 as expected in the path section change the displacement expression as shown here play the clip it now wipes backward at the end to hide the image with this approach we separate the atom curves modifier from the parameter we want to animate it allows us to reuse the Anon curves value on any numeric parameters for example we can create a zoom in and zoom out animation at the same time when it wipes in and wipes out insert a transform node after the media in node modify the size with a simple expression like this we now have got a more Dynamic animation effect we can also add a bit rotation effect by using a similar expression for the angle parameter and got something like this okay we've created the wipe animation effect next we will add a border as we saw at the beginning copy both the rectangle and transform nodes and paste instances in the node editor select rectangle instance de-instance the Border width parameter also de-instance the solid option change the Border width to 0.005 uncheck solid because we just need a border add a background node change the color to white connect the transform instance to the background as mask input merge the background to the node tree we now have a borderline but it doesn't match the image Edge as the image resizes and rotates because this transform node transforms output from previous median node including the mask effect applied while the background node here is not affected instead of the masking directly on the median node we can connect the mask to the transform node check the multiply by mask option in the settings tab of the transform node OK the Border works now we can change the Border color using the color controls in the background node or change the Border width with controls in the rectangle instance node all right this is how I use the atom curves to create the wiping effect as usual you can download through the link in the description below once installed you will be able to use it directly in the edit page here are some logos I used in the previews at the beginning I will demo how to create the wiping on and off effects on multiple clips using the wipe effect add the effect to the first clip and we got the default wiping on and off effect turn on the fusion overlay and change the start and end points so the wipe starts close to the logo make a copy of the first clip select the next two clips press alt V to open the paste attributes window check only the fusion effects option click apply the wipe effect is now applied to both Clips with the same settings select the second clip go to the effects tab check the reverse wipe option now the wipe starts from the right side because we want to create an effect that looks like wiping and revealing the second logo while wiping off the first one so we overlap the second one with the first one the animation time is 30 frames which is one second in this case press shift and left key to move the playhead backward by one second align the second clip to the playhead now the wiping effects from these two clips are seamlessly working together similarly move the playhead to the beginning of the third clip move the last clip back and align with the playhead OK this is how to create wiping effects among multiple clips if needed we can add more clips and repeat the steps to continue this wipe effect for example adding a title clip press alt V to paste the fusion effect align the clip reverse the wipe the title is now added as part of the wiping animation series all right that's all for today thanks for watching and see you next time

Channel: Essential Video Editing

Views: 11,404

Keywords: DaVinci Resolve, Fusion, Video Editing

Id: O-mH3ncbXE0

Length: 16min 37sec (997 seconds)

Published: Sat Jul 08 2023