How To Use Easing

Learn how to use motion easing and animation smoothing in Runway.

Summary
  • Prevent your animations from looking stiff and robotic by incorporating easing.
  • Utilize Runway’s animation velocity presets or adjust curves manually for custom movements.
    • Ease in: affects how the graphic leaves point A
    • Ease out: affects how the graphic arrives at point B
    • Ease both: affects how the graphic both leaves point A and arrives at point B
  • Pull easing curve handles outside of bounding box to express anticipation or overcorrection.
  • Time to put it into practice!
Get Started Now
Try Runway from right inside your browser. No downloads, no steep learning curves. Just pure creative experimentation. What will you make with Runway?
runway ui