Join Chris Converse for an in-depth discussion in this video Animating the pie chart base, part of Creating an Animated Infographic with Edge Animate.
Next we're going to animate the base pie chart.…So down in the timeline let's bring our playhead back to the 00 marker, let's activate Toggle pin.…If it's still activated you can drag it from the 2 second mark back to the 1 second mark.…Now with the duration of the toggle pin being 1 second, let's come down and choose piechart.…Let's come up to Transform inside of the Properties panel, let's set this to 60%.…Let's come up and set the Opacity down to 0, let's select the animation,…select the Easing, choose Ease Out, which is Elastic on here as well, and then hit Return.…
And now with the transition applied we can hit the spacebar and preview the animation on the timeline.…Now you might notice it's hard to focus on the animation of the piechart…because the wedge is starting so soon, so let's come over here and deactivate the Toggle pin.…Let's move our playhead back and forth and see when the piechart moves into place.…So it's pretty much done with its elastic bouncing at about the half second mark, …
- Creating sprite graphics in Photoshop
- Creating a pie chart without graphics
- Adding Edge Animate fonts
- Animating text
- Stopping and starting animated symbols