Complex motion design doesn't need to be difficult to create. In this series of Fable tutorials we dive deep into some of Fable's most awesome and exciting procedural animation tools.

The goal in each of these is to accomplish within 30(ish) clicks, motion design that would normally take much longer in other animation software.

Complex motion design doesn't need to be difficult to create. In this series of Fable tutorials we dive deep into some of Fable's most awesome and exciting procedural animation tools.

The goal in each of these is to accomplish within 30(ish) clicks, motion design that would normally take much longer in other animation software.

Complex motion design doesn't need to be difficult to create. In this ongoing series of tutorials, we dive deep into some of Fable's most exciting effects and procedural animation tools. We'll guide you, step-by-step, on how to create cool and complex motion design in 30(ish) clicks or less inside of Fable.

30 (ish) Clicks — Course Overview

Create a looping wave animation with just 30(ish) clicks. 

Link certain properties between two effects–Wave Warp and Current Time–to bring your motion design to life.

*If your interface looks a bit different throughout this series, don’t worry. We’re constantly improving the platform and deploying new features. If the changes make this tutorial difficult, reach out, we're happy to help.

Want to learn more about the effects/behaviors in this chapter? 

30(ish) Clicks — No. 1

Layer distort effects to create a synergistic, striped animation with just 30(ish) clicks. 

Start with the Pen tool and freely create your own shape, which will act as the outline of your animation.  

Want to learn more about the effects/behaviors in this chapter?

30(ish) Clicks — No. 2

Create a continuous flowing lines graphic with just 30(ish) clicks. 

With slight adjustments to the frame positioning and scale of duplicated layers, you'll quickly develop a wavy animation ready for final touches. Apply a skew here, a couple effects there, and vwa-lah.

30(ish) Clicks — No. 3

Create geometric art with the foundational stroke of a single square and just 30(ish) clicks. 

Keyframe properties on the first layer, bump each duplicate layer two frames forward, and–from the repeated offset–swiftly generate a trippy motion design.

30(ish) Clicks — No. 4

Create an infinite, sweeping vortex animation with just 30(ish) clicks. 

Watch your scene explode with the simple application of the Motion Tile Effect to a gradient square. Plus, learn more about keyframing, curve modes, and playback modes.

30(ish) Clicks — No. 5

Create and animate an amoebic pattern of topographic-like contour lines with just 30(ish) clicks. 

Layer and link effects and utilities to generate an animation that requires little alteration and zero keyframing.

30(ish) Clicks — No. 6

Design and develop a graphical fantasy user interface with just 30(ish) clicks. 

The powerful Trim Path effect once again takes center stage. Create fast-moving, duplicated, and rescaled paths to compose this energetic design. 

30(ish) Clicks/ 7 lessons

Lessons