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
Skill Level Beginner
Infographics: Planning and Wireframingwith Shane Snow40m 57s Intermediate
Create an Animated Bar Chart with jQuerywith Chris Converse39m 36s Intermediate
Create a Homepage Marquee with Edge Animatewith Chris Converse1h 8m Intermediate
Creating Infographics with Illustratorwith Mordy Golding4h 16m Intermediate
1. Creating Graphics and a Color Palette
2. Creating the Data Artwork and Layout
3. Animating the Data Artwork
4. Final Preparations for Publishing
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.