Animation with many object best practice help

Design help Animations & Interactions
1

Hi everybody,

I would like to make a looped animation with many very similar objects (like water bubbles) which should start when page has finished loading.
The animation itself consists of a couple of movements, opacity levels and size adjustments.

So far so good.

But, to make the bubbles behave like real ones, it’s necessary to give each one of the 25-30 objects their own “life”
That means each bubble is going to move a bit different and vanish at a different time etc.

Does anyone know a simple method on how to achieve this without producing 25-30 separate animations?
And by the way: Putting every object in one animation is a big mess that my brain cannot compute :slight_smile:

I’m thankful for any advise!

Best regards,
Dusan

2

Hi there.

Thanks for the submission and to the best of my knowledge it is best to create individual animation elements for each object. You can duplicate the first one you create and just add that selected element to the animation. You can do that by right-clicking on the element and select attach to.

From there you can adjust times and distances for each individual element.

Unfortunately, there is no shortcut to this (madness)!

1 Like