Path Animation in After Effects Using Shape Layers

23,134
0
Published 2023-06-15
Join our Patreon to download the files: www.patreon.com/posts/runway-project-75516561
Join our discord: discord.gg/FC2hueF4sZ

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

All Comments (21)
  • @user-df5hz7xr1l
    You deserve wayyyy more subscribers than you already have ; this is the channel I've been looking for ever since I started animating. Excellent content and tutorials, very well explained, and you covered super specific stuff that I haven't seen anyone else do. Literally my life savior !
  • @Miodowy
    After a few years of working in After Effects, I can still learn other interesting techniques. Thanks for your content.
  • @jeanling6985
    Thank you so much for the effort you put into this detailed process!
  • @vishalgulve
    One of the best tutorials period. Thanks man , I got a lot of insight here ❤
  • @RouhollahEftekhar
    in-depth insights into the intricacies of path animation techniques
  • @osky3301
    very clear explanation! thanks for tips and trick. I chose with the addition of after effects because I'm often inaccurate when drawing😂 agree that if the work is complex, there will be lots of layers in the after effects.
  • @freebluebaby
    this really helped me a lot, i'll be forever thankful,
  • boss, galing ng mga gawa nyo. meron ka tutorial about sa mga paraan sa texturing ng motion design? at yung faux/fake 3d na mga technique sana gumawa rin po kayo.
  • @aforart7316
    Please make a detailed video on frame by frame animation on Adobe Animate🤎
  • @turbasdd
    Hello, which Huion pen display are you using?