Combining Image and Text
In this section we explore the various ways in which we can design, plan out, and animate Text and Graphic elements in an Infographic / Explainer video.
Final Output: Infographic Animation
Designing the Compositions
- Create Colour Palette
- Compose and Design 3 Compositions in Illustrator.
- Each Comp must have (at least) Type and Illustration. Can have additional elements (like Photography, Patterns, Textures etc)
- Consider Transitions. Create Transition design frames for clarity.
- Key aspects in preparing a design file for animation // All elements on separate Layers.
Design file (not imported into AE)
Prep File (to be taken into AE)
Animation
- Import AI Prep file into AE
- Create Markers and set Work Area
- Set “Placeholder” stills on Timeline
- Illustration: Convert Illustration artwork to Outlines
- Type: Create individual Type IN and OUT animations in TYPE PreComp
- Parent / Null objects relationships to connect layers
- Track / Luma mattes to texture layers.
- Collect Files
Tutorial: Infographic Animation
