After Effects Guru: Animating Infographics

Learn how to create animated infographics with Adobe After Effects using shape layers, masks, expressions, CINEMA 4D Lite, and some helpful third-party scripts.

Introduction

• Welcome
• What you should know before taking the class
• Using the exercise files

1. Preparing Files for Animation

• Understanding the Chart tools in Adobe Illustrator
• Preparing charts & graphs from Illustrator for animation
• Cutting up flattened infographics into layers with Photoshop

2. Animating Single Infographic Elements with After Effects

• Importing & converting Illustrator charts to shape layers for animation
• Importing & converting Photoshop files for animation
• Animating line graphs
• Animating bar graphs
• Animating pie charts
• Timing animation to audio

3. Fine-Tuning Animation for Greater Impact

• Creating numbers that count
• Linking graphic animations together with expressions
• Linking changing numbers with animated elements
• Creating dynamic moves with overshoot animation
• Camera animation techniques to isolate specific information
• Animating a sequence of infographic elements with cameras

4. Creating 3D Infographics with CINEMA 4D Lite

• Creating & texturing 3D line graphs from Illustrator files
• Modeling 3D line graphs
• Animating 3D line graphs with CINEMA 4D Lite
• Creating & texturing 3D pie charts from Illustrator files
• Animating 3D pie charts with CINEMA 4D Lite

5. Creating Faster with Third-Party Tools

• Creating & animating charts in After Effects with Cinema Spice: Charts & graphs
• Creating & animating charts and graphs with aescripts: AEInfoGraphics
• Creating animated charts & graphs with aescripts: Infocharts Creator
• Creating animated charts & graphs with aescripts: Easy Pie Chart
• Creating faster animation with aescripts: MotionMonkey

Conclusion

• Conclusion