Isometric Animation with Illustrator and After Effects

Learn to how play with lines, shapes, and perspective to create isometric illustrations in Adobe Illustrator and bring them to life with After Effects

• Introduction
• Fun and Freedom Within a Grid
• Making the Illustration
• Bringing the Illustration to Life
• Making Stickers for Instagram Stories
• Final project

Isometric illustration is the art of using perspective to make flat figures appear three-dimensional. By adding movement to this technique, award-winning illustrator and digital designer Ana Pérez López transforms simple objects into striking animations that tell a story. She’s collaborated with brands like Samsung, Spotify, CNN London, and The New York Times, and has seen her short films featured at festivals like SXSW and Slamdance.

In this online course, Ana teaches how to create isometric animations from start to finish using Adobe Illustrator, Photoshop, and After Effects. Discover how to turn a concept into a composition by exploring lines, shapes, colors, and perspective before bringing it to life with dynamic motion. Play with visual perception and express your ideas through animated illustrations.

• About Me
• Influences
• An Introduction to Isometric Illustration
• How to Find an Idea
• Sketch! Sketch! Sketch! 1
• Sketch! Sketch! Sketch! 2
• Clean Lines 1
• Clean Lines 2
• Clean Lines 3
• How to Color the Illustration 1
• How to Color the Illustration 2
• Adding Dimension with Lights and Shadows 1
• Adding Dimension with Lights and Shadows 2
• Textures 1
• Textures 2
• Textures 3
• Preparing the Animation: Layers
• Folder Organizing and File Setup 1
• Folder Organizing and File Setup 2
• Animating the Main Objects 1
• Animating the Main Objects 2
• Animating the Main Objects 3
• Animating the Main Objects 4
• Animating the Main Objects 5
• Animating Other Objects 1
• Animating Other Objects 2
• Animating Other Objects 3
• Exporting
• After Effects: Exporting with an Alpha Channel
• Turning the Animation into a GIF
• How to Upload It to GIPHY
• Isometric Animation with Illustrator and After Effects