Join Chris Converse for an in-depth discussion in this video Animating the text and rule, part of Creating an Animated Infographic with Edge Animate.
Now we're going to animate the top text in the rule.…So let's come down to the timeline, let's drag playhead back to the 0 marker,…let's activate to Toggle pin, let's drag the pin out to one second.…First let's grab that 32, let's set the X property to 300 pixels, then set the Opacity to 0.…Next let's grab the smaller text block, let's come up here and change the opacity…of that down to 0, next let's come down and select the rule, let's change the…width of the Rule to 20 pixels and the Opacity down to 0.…
Now let's select all three of these items.…Let's set the Transition to Ease Out, Quadratic, hit Return, let's deactivate…the Toggle pin, let's grab the playhead let's drag this out.…So first we want to get the playhead to where the wedge starts to animate, which…is at the half second mark, let's come down and select the rule, let's drag this…over so that the rule begins to animate at the same time as the wedge opens up.…
With the playhead at the half second mark, let's grab the first text block,…
- 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.