• Twitter
  • Facebook
  • Google+
  • Vimeo
  • YouTube
  • RSS

UIKit

Spring Animations in Adobe After Effects

Chapters

  1. What are spring animations?
  2. Import Designs from Figma, Sketch and Xd to After Effects
  3. Creating spring animations in Ae
  4. Android spring parameters
  5. Spring animations on scale
  6. Implementing springs in Android, iOS and React
Watch tutorial

UX with Spring Animations in Adobe After Effects

So, you’ve designed the user interface of your app in Adobe Xd, Sketch or Figma and now you want to implement it in Android, iOS or a web app. But before you start coding, there’s one little thing missing in your design: animation. How does the loader spin, exactly? When a message is deleted, does it just disappear abruptly, fade out, scale out, or perhaps fly into a trash can icon? And what’s the exact timing for that move?

You’ll need to answer these questions before the app is actually implemented. But here’s the problem: you can’t just ask a motion designer to create some videos with the behavior you want, because a developer won’t be able to implement these animations based only on a sample video. The programmer will need the exact motion path and timing details to recreate the same animation in your app. And to make matters worse, those details are very different for Android, iOS and web apps.

Continue reading
Subscribe to RSS - UIKit

Watch new tutorials even before they are released

Subscribe to our newsletter to get access to all new tutorials before everybody else.

Login

Please login using your credentials recived by email when you register.

I forgot my password | Resend activation e-mail

×