Need help with an UI animation

[Filip Vandueren]

I would do it with Maths and epxressions, like this:

https://imgur.com/a/o6RQOFf

wobbly circle

wobbling-circle.aep 67 KB After Effects Project Files - Click to view

• Copy Download Link

[Venkat Maneesh]

Amazing!! How did you do it? I know maths and expressions but please elaborate

[Filip Vandueren]

Hey Venkat, I included the project file, so you can examine the code.

I just thought that it looked like a mirrored sinewave, multiplied by the height of a circle (the extremes always are flat), and so I implemented that, with a slider that controls if we’re viewing a “1” multiplied by a circle or the sines multiplied by a circle.

The resulting shape has “rotobezier” checked and some round corners to help with the smoothness.

I think some other examples in your GIF are actually in 3D, not sure if the original animation was done in After Effects at all.

[Brie Clayton]

Filip Vandueren

[Venkat Maneesh]

Hi Filip, I have checked the file and there’s a lot in it to learn for me. Really great !!

I am also thinking about the confusion and raging animations. I know confusion is a 3D one but do you have any clues?

Thanks!

[Filip Vandueren]

In 3D, it could be something like this:

https://openprocessing.org/sketch/1877427