Skip to main content

How to Use Easing in Your Animations

Make your animations smooth and natural by using easing functions in Zuuvi. Here’s how they work!

Emma Pescettini avatar
Written by Emma Pescettini
Updated yesterday

Easing defines how your animations move - from slow and gentle to fast and snappy. Think of it as the rhythm of your animation’s motion. In Zuuvi, you can choose different easing options to give your ad that professional, polished flow.

Step-by-Step: How to Use Easing

  1. Select your element or directly on the specific animation

    Choose the element in your timeline that you want to animate (e.g., text, image, button).

  2. Open the Animation Settings

    Click on the animation in the timeline - this opens your settings panel.

  3. Pick your easing type as shown in the image above

    If you’re unsure, test different easings using this GSAP Easing visualizer - a perfect way to see how each easing behaves in real time.

  4. Now you can choose

    • Ease In → starts slow, ends fast.

    • Ease Out → starts fast, ends smooth.

    • Ease InOut → smooth acceleration and deceleration.

    • Linear → steady, even motion (no easing).

  5. Test your animation

    Click play to preview how the motion feels.


Understanding the Types of Easing

  • 🧘‍♀️ EaseIn → Great for elements entering the scene naturally.

  • 🚀 EaseOut → Ideal for things exiting fast or ending smoothly.

  • EaseInOut → Perfect for a balanced movement.

  • 🔁 Bounce / Elastic → Fun effects for playful or attention-grabbing elements.


Wrap-up

That’s it - you’re now ready to make your ads move like butter 🧈. Play around with different easing types to find the motion style that matches your brand.

Need inspiration? Explore our Creative Corner for advanced animation tricks!

Did this answer your question?