Isometric Animation with Illustrator and After Effects

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.

Begin by getting to know your teacher, Ana Pérez López. Hear about her creative journey from written to visual storytelling, along with the influences that have shaped her style.

Discover what isometric illustration is, where it comes from, and how it can be used as a design element. Learn how to draw inspiration others’ work to find your own style before making the first sketch in Photoshop, playing with perspective and shape layout.

Move on to Illustrator to develop the final composition. After polishing your lines, choose a color palette and apply it in layers. Ana then teaches you how to add depth to your drawing with lights and shadows, as well as subtle textures.

Time to bring your illustration to life. Select the objects you want to animate and map out their movement with keyframes in After Effects. Next, learn how to use the Speed Graph and other tools to give your animation a touch of personality.