- Bar charts are easy to animate because they're basically straight lines. And we've seen in other videos that any time we have a straight line we can make it appear to grow with a little scaling trick. I've used that trick here. For each bar, I've set the scaling to be a width of 100%, a height of 0, and have it grow to the Current Appearance from the bottom point. That's going to make the bar start at zero here and grow up. Now the issue here that I wanted to show you is when you have text on these bars.
Let's see what happens with this trick when we apply it to bars that have a legend on them or a description of what each bar is. I'll show it to you in the preview panel. Notice how the type is scaling. Now some people might like that. It sort of looks like it's folding out as it goes up but I'm not crazy about it. And I'd like to show you a slightly different way of approaching this bar chart that will eliminate that strange scaling with the type, unless you like it of course and then you can use this technique.
I'm going to go to the second page of this file and show you a different treatment of the bars in the chart. Let's look at it in a preview panel. And here you see the bars grow but the type is not distorted in any way. It's revealed as the bar goes up. What we've done in this case is instead of scaling the bars in the chart, is we've used these hide boxes and we're scaling those to make the bars grow.
I'll show you how this was set up. Let me go to the next page of this file which isn't animated. And you'll see that over each bar we have this hiding box and it's the same color as our background. Now what I'm going to do is select each of these hiding boxes in order, and we'll scale those. We want the width to be 100%. We want the height to go to 0. And we're going to leave it From Current Appearance because we want it to go from this appearance to basically make it go away.
We'll set the proxy up here because we want it to scale from the bottom up. Let's take a look. Great, and that's how we get this effect. Little trick with the hiding boxes. Now the last thing I'll point out here is some of these shorter bars grow really quickly, 2005, 2009, 2011, and so I'm going to hold down the shift key and select those hiding bars. And I'm going to slow them down just a little bit.
Those bars are shorter, so if they're revealed at the same speed, they're going to seem to happen rather quickly. And now all our bars should seem to grow at a similar speed even though some of the bars are a little bit shorter. Bar charts are easy to animate. Because they're straight objects you can use our scaling trick to scale the bars themselves. Or if you have type on them, you might want to scale bars that hide them. Either way you'll have set a higher bar for your bar chart presentations.
Author
Updated
3/23/2016Released
6/2/2015- Setting up an animation workspace
- Working with the Animation panel
- Viewing and editing animation presets
- Working with rotation and scaling
- Creating motion paths
- Adjusting timing
- Animating type
- Animating infographics
- Adding buttons and sounds
- Building more complex animations
- Exporting animation
- Creating, saving, and sharing custom motion presets
Skill Level Intermediate
Duration
Views
Q: This course was updated on 03/23/2016. What changed?
A: We updated the video "Supported format overview" and added a new movie, 'Using animations with Publish Online."
Related Courses
-
Introduction
-
Welcome1m 4s
-
-
1. Getting Started
-
Previewing the possibilities2m 21s
-
Supported format overview3m 48s
-
-
2. Working with the Animation Panel
-
Animation panel overview4m 12s
-
Modifying animation presets4m 39s
-
Working with rotation4m 51s
-
Modifying scaling properties5m 38s
-
-
3. Working with Motion Paths
-
Copying motion paths4m 41s
-
4. Understanding Timing
-
Using Timing panel delays3m 51s
-
5. Creating Animation Effects
-
Animating type: Motion blur3m 26s
-
Creating lines that draw5m 31s
-
Drawing with objects5m 18s
-
Creating a slideshow4m 3s
-
Creating a moving bicycle2m 57s
-
Building things that blink4m 27s
-
Creating auto-scrolling text4m 37s
-
Creating color transitions4m 33s
-
6. Using Other Interactive Features with Animations
-
Adding sound to animations6m 26s
-
Animating video frames4m 6s
-
7. Building Complex Animations
-
Animating logos: World news5m 16s
-
Animating a textbook4m 26s
-
-
8. Output Formats and Animation
-
9. Advanced Techniques
-
Copying animations3m 35s
-
Conclusion
-
Next steps1m 22s
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.
CancelTake 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.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Animating infographics: Bar charts