LoginJoin All-Access

Learning Path

UX Animation & Interaction

Design product motion that clarifies behavior, improves the feel of an interface, and carries from concept to interactive prototype. Start with UX motion strategy, build precision in After Effects, then create stateful, responsive interactions in Rive.

RiveFigmaAfter EffectsProtoPie
5courses50+hours of training20+projects to complete
UX Animation Essentials course thumbnailAfter Effects Kickstart course thumbnailRive Academy Kickstart course thumbnailRive Academy: Volume 2 course thumbnailRive Academy Data Binding course thumbnail

The Journey

Follow the sequence.

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

  1. UX Animation Essentials course thumbnail
    RiveFigmaAfter EffectsProtoPie

    Intermediate · 4.18 hrs

    UX Animation Essentials

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

    Learn to give product motion a job. Work with motion strategy, state changes, specs, and handoff so your interactions support usability before you polish a single frame.

  2. After Effects Kickstart course thumbnail
    After Effects

    Beginner · 16.28 hrs

    After Effects Kickstart

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

    Build the compositing, timing, and prototyping fluency to communicate interface motion precisely. Use After Effects here as a practical motion-spec tool, not as a detour into full software specialization.

  3. Rive Academy Kickstart course thumbnail
    RiveFigma

    Intermediate · 6.55 hrs

    Rive Academy Kickstart

    Learn the basics of interactive animation with Rive.

    Move from linear animation to stateful interaction. Learn the Rive workflow and turn a static motion concept into behavior a user can trigger.

  4. Rive Academy: Volume 2 course thumbnail
    RiveFigmaAfter Effects

    Intermediate · 11.93 hrs

    Rive Academy: Volume 2

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

    Build more responsive, web-ready interactions. Extend your Rive foundation with responsive-design and animation-technology thinking so your work adapts and feels ready to ship.

  5. Rive Academy Data Binding course thumbnail
    Rive

    Advanced · 11.5 hrs

    Rive Academy Data Binding

    Make Rive respond to the real world. Build a six-page interactive Year in Motion experience that turns runtime data into responsive layouts, changing content, animation, and behavior.

    Build on your Rive interaction skills by learning how Data Binding connects data to design and animation. Create a responsive, six-page ‘Year in Motion’ experience as you work with view models, properties, bindings, instances, converters, and actions.

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
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
Rive
Rive Academy Data BindingLeo Mazzei
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
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
AIAfter EffectsCinema 4DFigma
AI Foundations for MotionJoey Korenman
Blender
Grease Pencil Field GuideElijah Sheffield
After EffectsCinema 4D
The Essential Ingredients to Creating Stylized 3DJonathan Lindgren
After Effects
VFX for MotionMark Christiansen
The Client CodeJoey Korenman
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
Rive
Rive Academy Data BindingLeo Mazzei
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
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
AIAfter EffectsCinema 4DFigma
AI Foundations for MotionJoey Korenman
Blender
Grease Pencil Field GuideElijah Sheffield
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
AIAfter EffectsCinema 4DFigma
AI Foundations for MotionJoey Korenman
Blender
Grease Pencil Field GuideElijah Sheffield
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
Rive
Rive Academy Data BindingLeo Mazzei
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
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
AIAfter EffectsCinema 4DFigma
AI Foundations for MotionJoey Korenman
Blender
Grease Pencil Field GuideElijah Sheffield
Unreal Engine
Unreal Engine for 3D ArtistsJonathan Winbush
Cinema 4DOctane Render
Lights, Camera, RenderDavid Ariew
After Effects
The Art of Spontaneous FilmmakingJohan Eriksson
Cinema 4D
Cinema 4D InsiderEJ Hassenfratz
Rive
Rive Academy Data BindingLeo Mazzei
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

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?

This path is best if you already have the basics down. If you are brand new, start with one of the beginner paths and come back when the foundations feel comfortable.

How long will this path take?

50+ 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.