Many times, the techniques for animating lines, bars, and pie charts is dependent on the original source file. What are these tips, tricks, and techniques? In this movie, author Ian Robinson will import an Adobe Photoshop file into Adobe After Effects and demonstrate those techniques for animating lines, bars, and pie charts.
- There are a few little tips and tricks to animating…lines, bars, and pie charts.…Many times those techniques are a little dependent on…your original source files, so let's check them out.…In my After Effects project notice it's…completely empty, so I want to start by importing a…layered Photoshop document.…Double-click in your project panel and navigate in your…exercise files to the assets folder.…In there I want you to go to the 04_Psd folder,…and then click once under the…02_02_Extracted_AE.psd file.…
Then go down under import as and change the pull down from…footage to composition retain layer sizes.…Make sure Photoshop sequence is not selected,…and then click open.…It's going to give me a dialogue box making sure that I…still want to import it as a composition retain layer sizes,…but I can also make sure that any layer styles I've added…are also imported as editable elements.…Now we can just leave that set up the way it is…and click OK, and now you'll see if I expand this lower…folder I've got each of the individual layers for my…
Author
Ian Robinson
Released
5/18/2016- Preparing Illustrator and Photoshop charts and graphs for animation
- Separating flattened infographics into layers for animation
- Converting Illustrator files into shape layers for more detailed animation
- Animating and linking strokes with other graphic elements for more visual impact
- Converting 2D charts and graphs to 3D with CINEMA 4D Lite
- Timing animation to narration
- Using third-party tools to speed up the infographics workflow
Skill Level Intermediate
Duration
Views
-
Introduction
-
Welcome1m 11s
-
Using the exercise files1m 52s
-
-
1. Preparing Files for Animation
-
2. Animating Single Infographic Elements with After Effects
-
Animating line graphs8m 36s
-
Animating bar graphs5m 9s
-
Animating pie charts7m 20s
-
Timing animation to audio10m 21s
-
3. Fine-Tuning Animation for Greater Impact
-
Creating numbers that count5m 37s
-
-
4. Creating 3D Infographics with CINEMA 4D Lite
-
Modeling 3D line graphs9m 6s
-
5. Creating Faster with Third-Party Tools
-
Conclusion
-
Conclusion34s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press 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: Importing & converting Photoshop files for animation