New Ae Tutorial: Spring Animations in Adobe After Effects

[Mathias Moehl]

I recently published this tutorial about using After Effects in workflow to create animations for UI/UX design.

Learn how to first import your user interface designs from Xd, Figma or Sketch into Adobe After Effects, then create animations there using the spring tools in iExpressions. It’s not only easy to create spring animations in After Effects, they can also be easily implemented in Google’s Android, Apple’s UIKit (or SwiftUI), and Facebook’s React. One major potential hassle is that the parameters for spring animations are different for each platform - Google, Apple and Facebook all cook their soup a little differently. Fortunately, the After Effects extension iExpressions comes to the rescue. It allows you to not only easily create a spring animation in After Effects, it also calculates all the parameters you need to recreate the exact same behavior with Android Spring Physics, UIKit’s UISpringTimingParameters, or SwiftUI’s interpolatingSpring and react-spring. So even though all these spring animation systems are very different, once you’ve designed the animation in After Effects, you’ll have an easy recipe to precisely implement the same animation across all major platforms.

[Mathias Moehl]

for a more in depth description of the topic, see also this article.