Animated 3D Pie Chart Effect in DaVinci Resolve - Free Template and Fusion Tutorial

foreign hi there welcome back this time I will show you how to create an animated 3D pie chart effect in DaVinci Resolve 18. as usual I've made a reusable template that you can download from the link below once it's installed or copied to the template folder we can simply drag it to the timeline in the inspector we can change the thickness of the pie the angle of the slice turn on the animation option the pi will be animated to sweep from start angle to the end we can change the animation time here or delay the animation by the offset frames the ease in and out lists are used to smooth the animation for example change to elastic the other parameters are self-explanatory such as changing the colors move or rotate the object in the lights tab we can control all the lights available in the scene if we change the object diffuse color to white we can actually use the light colors to change the visual colors of the shape to create the complete pie chart as you see at the beginning of the video we simply make a few copies of the clip stack them up on top of each other set the First Slice from 0 to 120. the second from 120 to 240. change the color and the last one from 240 to 360. change color to Green this doesn't look right because they are not placed on the right layers the first clip should be at the very top and the last one is at the bottom now it looks good if you want you can lift up a slice to have a pie chart with a slice set apart since the animations are enabled for all slices the pie is animated as we play the timeline if we want to animate them in order we can shift the clip by the duration of the animation in this case it's one second press shift right arrow to move playhead one second forward snap the clip to the playhead great the animations now play in order another way is to use the animation offset parameter this way we don't shift the clips instead we set the offset for the second slice set to 30. and set the last one to 60. with this method the timeline looks better organized if you don't like to play with clip layers you can also open the clip in the fusion page double-click to expand the group node copy the pie chart 3D select the merge 3D node press Ctrl V twice to paste two new nodes and they are connected to the merge node automatically similarly we can change the slices so that each of them takes one third of the pie since they are merged directly in the 3D mode there are no layer concerns like in the edit page play the clip and the animations are running at the same time we can change the animation offsets like we did earlier to run the animations in sequence since we are on the fusion page we can also use the 3D viewer to change slice positions for example bring the second slice to the left viewer turn on the lighting view option with this on-screen control it's very easy to move the object around the scene also in the fusion page we can move the camera to change the result image go back to the edit page we now have this one pie chart clip in the timeline with different slices but please note the parameters in the edit page only change the First Slice for the others we need to use the fusion page to make the change to change the camera position in the edit page we can expand the camera section and use these rotation and translation settings to move the camera around next I will show you how to create this effect in the fusion page add a fusion composition to the timeline and open it in the fusion page add a shape 3D node to the editor while it's still selected click merge 3D camera Spotlight and renderer 3D buttons in the toolbar a basic 3D composition is now created connect the rhetorer 3D node to Media out drag the merge 3D node to the left viewer we see a white plane in the left 3D viewer but nothing on the right viewer select the camera node in the node editor in the viewer pull the camera back away from the center so that it can see the object this is good now as we will keep the camera at this fixed position we can hide the camera from the viewer to have a clean editing space for later if further adjustment is needed we can still select the camera node in the Editor to show the camera in the viewer select the shape 3D node and change the shape to cylinder in the inspector reduce the height to 0.2 on the left viewer the shape looks like a ring increase the base subdivisions to smooth the shape 100 is good in order to have a solid cylinder we enable both bottom and top caps because there is no lighting set up for the scene we cannot see the real shape yet click this icon to enable lighting mode in the 3D viewer the shape now is totally dark select Spotlight node go to the transform tab in the inspector check the use Target option this makes it easier to adjust the light position in the 3D viewer move the light away from the center to lighten up the shape object to produce the final image with a 3D look on the right viewer we also need to enable the lighting process in the renderer 3D node check both lighting and shadows options as the camera is on the same level as the shape object we only see a bar in the right viewer select the camera node and go to the transform tab check the use Target option to lock focus on the object pull up the camera by increasing the translation y value so we have a view from the top the scene is a bit dark so we need to add more lights to it with the merge 3D node selected press shift space to open the tool selection window add the ambient light node we can adjust the intensity to change the light output or change the color okay we now have a pi with a basic lighting setup to only create a slice of the pie select the shape 3D node go to the controls tab in the inspector change the end angle it now renders a slice of the pie but it's a hollow piece instead of a solid one just like we did at the beginning to cover the top and bottom of the cylinder we need to cover both sides to create a solid piece since there is no built-in support for this we have to make our own covers create a copy of the shape 3D node click the background of the edit to clear node selection press Ctrl shift V or right click to paste an instance connect the instance node to the merge 3D node in the inspector right-click the shape parameter choose D instance change the shape to plane also de-instance the lock width height parameter and uncheck this option de-instance the height enter equals in the field to enable simple expression ctrl-click the shape 3D node so that both nodes are available in the inspector click this pin icon to always keep the shape 3D in the inspector we are going to need this later drag a pick whip from the add button move over to the shape 3D wait until it expands the node settings continue drag the whip to height parameter release the button and the side panel's height is now linked to the height of the pie switch to the transform tab the instance the translation X change X to 0.5 looks like it covers the side but if we change the start angle of the slice the panel doesn't go with it D instance rotation y enable the simple expression drag a pick whip to connect to the shape 3DS start angle change the expression to negative the panel rotates but it's away from the pi expand the pivot section the instance the X parameter change the value to -0.5 now the side panel covers the end seamlessly if we change the start angle of the slice it also moves as if it's part of the pie select the instance node and make a copy paste an instance connect to merge 3D node go to the transform tab in the inspector de-instance the rotation y parameter instead of using a pick whip to connect this to the end angle of the slice we can simply change the start weep to end weep right away the other side of the slice is now completely covered and we now have a solid slice of pie there is one more thing here as we change the size of the slice we are seeing shadows at some points which we don't want in this case go to the material tab uncheck Shadows options okay the shadow is gone as we have completed a 3D pie chart effect we can now select all the nodes except the media out and create a macro in the macro editor choose all the parameters we want to export and save it as a group to the generator template folder I'm not going into details of saving the macro today if you're interested you can check out my other videos I have listed a few of them in the description below all right that's all for today thanks for watching and see you next time

Channel: Essential Video Editing

Views: 5,753

Keywords: DaVinci Resolve, Fusion, Video Editing

Id: WiE4B7bu1JA

Length: 13min 19sec (799 seconds)

Published: Sat Jan 21 2023