LoginJoin All-Access

Learning Path

UX Animation & Interaction

Learn to design product motion that feels useful, polished, and shippable. Start with UX motion strategy and handoff, build the After Effects foundation for precise motion specs and polished assets, then move into Rive for stateful interactions and responsive web-ready experiences.

RiveFigmaAfter EffectsProtoPie
4courses37+hours of training15+projects to complete
UX Animation Essentials course thumbnailAfter Effects Kickstart course thumbnailRive Academy Kickstart course thumbnailRive Academy: Volume 2 course thumbnail

The Journey

Follow the sequence.

4 courses, arranged so each one makes the next easier to absorb.

  1. UX Animation Essentials course thumbnail
    RiveFigmaAfter EffectsProtoPie

    Intermediate · 4 hrs

    UX Animation Essentials

    Learn to transform static interfaces into engaging experiences using industry-standard UX motion tools.

    Start by learning how UX motion fits into product work. UX Animation Essentials teaches you to choose between Figma, After Effects, ProtoPie, and Rive based on the job, prototype and validate interactions, and hand motion decisions off clearly to engineers.

  2. After Effects Kickstart course thumbnail
    After Effects

    Beginner · 16 hrs

    After Effects Kickstart

    Master the After Effects interface and upgrade your animation skillset with the #1 animation app on the planet.

    Next, build the After Effects foundation behind polished interface motion. You'll get comfortable with comps, layers, keyframes, timing, easing, and project organization so your motion mocks, specs, and animation assets can be precise instead of improvised.

  3. Rive Academy Kickstart course thumbnail
    RiveFigma

    Intermediate · 6 hrs

    Rive Academy Kickstart

    Learn the basics of interactive animation with Rive.

    With motion fundamentals in place, move into Rive's interaction model. Rive Academy Kickstart teaches listeners, inputs, animation layers, timelines, and state machines so you can create runtime-ready interactions instead of only linear animation files.

  4. Rive Academy: Volume 2 course thumbnail
    RiveFigmaAfter Effects

    Intermediate · 11 hrs

    Rive Academy: Volume 2

    Create complex, real-time responsive interactions for websites using Rive's powerful tools.

    Finish by pushing Rive into advanced product and web contexts. Volume 2 adds responsive layouts, breakpoints, nested artboards, constraints, events, and deployment thinking so your interactions can hold up across real screens.

All-Access advantage

Five reasons this feels different from watching tutorials alone.

Unlimited feedback

Get unstuck with human critique.

Submit work, get notes, revise with confidence. The difference is not more content; it is knowing what to change next.

Live workshops & portfolio reviews

Get mentored by working pros.

Join live sessions, bring your questions, and pressure-test the work you want to show clients or employers.
Bjorn ScholmaJason KnoetzeNikunj ShuklaSebastian Aparicio Mac LeanAnne KahnGenesis LobosKat TarsouliBrit Kohls
Juliana UrregoThat before/after is wild.Miritte Ben YitzchakCan you show the graph editor on that ease?Alex BozkhoOhhh, I always overcomplicate that transition.Ece ErogluThe silhouette note just fixed my whole shot.

Far Out Games

Pretty happy with this assigment c:

Michael Lubrin avatarBrian Rosenfield avatarJoey Korenman avatar
20 likes · 7 replies

My first homework!

Finally giving myself time to learn After Effects. I’ve been loving the Kickstart course so far. Here’s my first homework 😁

Circle post attachment
Isidora Ramirez avatarBrian Rosenfield avatarJoey Korenman avatar
18 likes · 2 replies

Using Ai to make orthographic views for 3D modeling

I have this goal to 3D model the turtle van from the ninja turtles. There are some good reference photos out there but nothing completely prefect for a 3D model outline. I turn to Ai to help me out....

Kelly Grau avatarPawel Kania avatarSankarasanjeevi M avatar
14 likes · 6 replies

Cavalry Poster Generator 🔀

Created this countdown animation, really enjoying Cavalry so far and excited to dive into the next lessons! This is my first version of the homework.

Circle post attachment
Isidora Ramirez avatarMichael Lubrin avatarBrian Rosenfield avatar
16 likes · 5 replies

Explainer Camp: Done!✅

I finally finished my final project for Explainer Camp, and I couldn't be happier to cross the finish line. This course is no joke, but the growth feel completely worth it. Here is my final explainer video for Veruna....

Circle post attachment
Joey Korenman avatarAnne Saint-Louis avatarKelly Grau avatar
20 likes · 10 replies

MOTION COLLABS

Hello! I wanted to share this Motion Collabs video that just dropped. 25 animators from around the world (I'm one of them!) came together to animate a segment set to Earth, Wind & Fire's "Shining Star....

Video thumbnail
Bhagyashree Jain avatarKelly Grau avatarPawel Kania avatar
16 likes · 5 replies

I've Upgraded!

After years and years of slower computers that did their best, I am so proud to introduce her! lol. The best feeling I’ve had this entire year is getting a beast of a machine to spoil myself with render times…....

Brian Rosenfield avatarJoey Korenman avatarBhagyashree Jain avatar
18 likes · 14 replies

Finall Boss

Just finished my design bootcamp, and this is the final boss... I don’t know what to think in this era of crazy AI, but this kind of hands-on, craft work is definitely way more satisfying and educational....

Bhagyashree Jain avatarAnne Saint-Louis avatarKelly Grau avatar
15 likes · 3 replies

Animation Bootcamp: Eyes Go Here

Just wrapped this one up. It was the most satisfying project to work on yet. The mission was clear, the styles frames were cool, and I learned a ton....

Joey Korenman avatarBhagyashree Jain avatarAnne Saint-Louis avatar
24 likes · 5 replies

Build your network

Join a real motion design community.

Find collaborators, get accountability, celebrate wins, and stop learning in isolation.

Verified credentials

Finish with proof you can share.

Completed courses unlock credentials that show you finished the assignments, not just watched the lessons.
School of Motion verified credential preview
After Effects
Expression SessionZack Lovatt
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After EffectsPhotoshopIllustratorPremiere Pro
The Path to MoGraphJoey Korenman
Level UpRyan Summers
Premiere ProAfter Effects
Premiere for Motion DesignersKyle Hamrick
RiveFigma
Rive Academy KickstartJoey Korenman
RiveFigmaAfter EffectsProtoPie
UX Animation EssentialsIvan Witteborg
IllustratorPhotoshopProcreate
Illustration for MotionSarah Beth Morgan
CavalryFigmaIllustratorAfter EffectsPhotoshop
Cavalry KickstartGreg Stewart
After Effects
How to Create Brilliant ShotsNidia Dias
PhotoshopIllustrator
Photoshop + Illustrator UnleashedJake Bartlett
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DSubstance Painter
Substance Painter for Motion DesignersEJ Hassenfratz
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
Unreal Engine
Unreal Engine for Broadcast DesignJonathan Winbush
PhotoshopIllustratorAfter EffectsPremiere Pro
Explainer CampJake Bartlett
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Mogrt ManiaMorgan Williams
After EffectsCinema 4D
The Curious Craft of Demo Reel TitlesSekani Solomon
RiveFigmaAfter Effects
Rive Academy: Volume 2Joey Korenman
PhotoshopIllustrator
Directing Your DreamSofie Lee
After EffectsCinema 4D
The Essential Ingredients to Creating Stylized 3DJonathan Lindgren
After Effects
VFX for MotionMark Christiansen
The Client CodeJoey Korenman
After Effects
Expression SessionZack Lovatt
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After EffectsPhotoshopIllustratorPremiere Pro
The Path to MoGraphJoey Korenman
Level UpRyan Summers
Premiere ProAfter Effects
Premiere for Motion DesignersKyle Hamrick
RiveFigma
Rive Academy KickstartJoey Korenman
RiveFigmaAfter EffectsProtoPie
UX Animation EssentialsIvan Witteborg
IllustratorPhotoshopProcreate
Illustration for MotionSarah Beth Morgan
CavalryFigmaIllustratorAfter EffectsPhotoshop
Cavalry KickstartGreg Stewart
After Effects
How to Create Brilliant ShotsNidia Dias
PhotoshopIllustrator
Photoshop + Illustrator UnleashedJake Bartlett
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DSubstance Painter
Substance Painter for Motion DesignersEJ Hassenfratz
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
Unreal Engine
Unreal Engine for Broadcast DesignJonathan Winbush
PhotoshopIllustratorAfter EffectsPremiere Pro
Explainer CampJake Bartlett
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Mogrt ManiaMorgan Williams
After EffectsCinema 4D
The Curious Craft of Demo Reel TitlesSekani Solomon
RiveFigmaAfter Effects
Rive Academy: Volume 2Joey Korenman
PhotoshopIllustrator
Directing Your DreamSofie Lee
After EffectsCinema 4D
The Essential Ingredients to Creating Stylized 3DJonathan Lindgren
After Effects
VFX for MotionMark Christiansen
The Client CodeJoey Korenman
PhotoshopIllustrator
Photoshop + Illustrator UnleashedJake Bartlett
After Effects
How to Create Brilliant ShotsNidia Dias
RiveFigmaAfter EffectsProtoPie
UX Animation EssentialsIvan Witteborg
CavalryFigmaIllustratorAfter EffectsPhotoshop
Cavalry KickstartGreg Stewart
RiveFigma
Rive Academy KickstartJoey Korenman
IllustratorPhotoshopProcreate
Illustration for MotionSarah Beth Morgan
Premiere ProAfter Effects
Premiere for Motion DesignersKyle Hamrick
Unreal Engine
Unreal Engine for Broadcast DesignJonathan Winbush
Level UpRyan Summers
After Effects
VFX for MotionMark Christiansen
PhotoshopIllustratorAfter EffectsPremiere Pro
Explainer CampJake Bartlett
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After Effects
Expression SessionZack Lovatt
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
After EffectsCinema 4D
The Essential Ingredients to Creating Stylized 3DJonathan Lindgren
After EffectsCinema 4D
The Curious Craft of Demo Reel TitlesSekani Solomon
Cinema 4DSubstance Painter
Substance Painter for Motion DesignersEJ Hassenfratz
The Client CodeJoey Korenman
RiveFigmaAfter Effects
Rive Academy: Volume 2Joey Korenman
After EffectsPhotoshopIllustratorPremiere Pro
The Path to MoGraphJoey Korenman
Mogrt ManiaMorgan Williams
PhotoshopIllustrator
Directing Your DreamSofie Lee
PhotoshopIllustrator
Photoshop + Illustrator UnleashedJake Bartlett
After Effects
How to Create Brilliant ShotsNidia Dias
RiveFigmaAfter EffectsProtoPie
UX Animation EssentialsIvan Witteborg
CavalryFigmaIllustratorAfter EffectsPhotoshop
Cavalry KickstartGreg Stewart
RiveFigma
Rive Academy KickstartJoey Korenman
IllustratorPhotoshopProcreate
Illustration for MotionSarah Beth Morgan
Premiere ProAfter Effects
Premiere for Motion DesignersKyle Hamrick
Unreal Engine
Unreal Engine for Broadcast DesignJonathan Winbush
Level UpRyan Summers
After Effects
VFX for MotionMark Christiansen
PhotoshopIllustratorAfter EffectsPremiere Pro
Explainer CampJake Bartlett
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After Effects
Expression SessionZack Lovatt
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
After EffectsCinema 4D
The Essential Ingredients to Creating Stylized 3DJonathan Lindgren
After EffectsCinema 4D
The Curious Craft of Demo Reel TitlesSekani Solomon
Cinema 4DSubstance Painter
Substance Painter for Motion DesignersEJ Hassenfratz
The Client CodeJoey Korenman
RiveFigmaAfter Effects
Rive Academy: Volume 2Joey Korenman
After EffectsPhotoshopIllustratorPremiere Pro
The Path to MoGraphJoey Korenman
Mogrt ManiaMorgan Williams
PhotoshopIllustrator
Directing Your DreamSofie Lee

Every course included

Start here, then keep building.

All-Access turns one course page into the front door for the entire motion design curriculum.

Start All-Access

Start learning today. Keep leveling up.

Quarterly

$497/quarter

Upgrade to Annual anytime... what you've paid counts toward it.
  • Every course (500+ hours)
  • Unlimited pro critiques
  • 24/7 worldwide community
  • Live Workshops
  • Portfolio Reviews
  • Verified credentials
Enroll Quarterly

Teams

Talk To Us

For studios and creative departments.
  • Train your whole creative team
  • Team admin dashboard
  • Floating seat support
  • Custom onboarding
  • Group learning paths
  • White-glove support
Talk to Us

Both plans get the same All-Access membership. There's more inside than anyone could get through in a year... Annual is just the better price for how people actually use it.

30-day money-back guaranteeTry All-Access for 30 days. If it's not the right fit, email us and we'll refund you. No weird hoops.

FAQ

Questions about this path.

Do I have to take the courses in order?

No. All-Access unlocks everything, so you can jump to the course that fits your current level. The order shown here is the smoothest route because each step sets up the next.

What if I've already completed some of these courses?

You can keep moving. Anything you've already completed still counts as part of the path, and All-Access gives you the rest of the sequence plus the full course library.

Is this path beginner friendly?

Yes. This path starts with beginner-friendly material and builds upward from there.

How long will this path take?

37+ hours is the training estimate, but project work and critique are where the real growth happens. Most students work through a path over several months alongside client work, school, or a job.