Path Animation in After Effects Using Shape Layers

Join our Patreon to download the files:   / runway-project-75516561  
Join our discord:   / discord  

Hi! We've been getting this request a lot. We've posted the runway walk cycle from a while back, and we've been getting request for a full tutorial of it. So here it is :)

I still consider this a Frame by Frame animation workflow, but the clean-up is done in After Effects. You can also consider this as Frame by Frame animation in After Effects. The video is quite long, so feel free to save this, or skip to the chapter that interests you.

Here are the links for the references we've used:
   • 5 different walks by Ramp walk traine...  
   • How To Do A Runway v. Pageant Walk | ...  

Timestamps:
00:00 - Intro
02:12 - Design
08:00 - Animation References
12:53 - Roughs
21:06 - Tie Downs
23:42 - 2 Ways to Clean Up
24:05 - The Usual Way
26:36 - The After Effects Way
31:28 - Adding Stroke
38:21 - 2 Ways to do Easing
38:47 - Easing with Interpolation
40:48 - Easing Frame by Frame
42:00 - Animating Frame by Frame in After Effects
46:52 - Strategies for Path Animation
54:41 - Layering
56:55 - Fixes or Patches
59:24 - Adjusting Timing
01:01:49 - What Method Should I Use
01:05:23 - Can I Skip Tie Downs?
01:07:09 - Conclusion