Skip to main content
Mathias Moehl
Community Expert
Community Expert
February 8, 2021
Question

New Ae Tutorial: Spring Animations in Adobe After Effects

  • February 8, 2021
  • 1 reply
  • 2144 views

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.

This topic has been closed for replies.

1 reply

Mathias Moehl
Community Expert
Community Expert
February 8, 2021

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

Mathias Möhl - Developer of tools like BeatEdit and Automation Blocks for Premiere Pro and After Effects