Как делают подобную анимацию?

Question

[Zubastik_1]

К примеру здесь при добавлении элемента от него разлетаются брызги. https://dribbble.com/shots/3850121-Fitness-app-chatbot Каким инструментом такое сделано? Реально ли такое на продакшене?

Answer 1

[Андрей]

Если вы про web, то как-то так

Answer 2

[Дима Паутов]

After Effects. Мои друзья дизайнеры, когда мы выполняем очередной заказ, делают такие штуки, когда им нада показать какую-то анимацию. Клиент очень счастлив, т.к. видит всё, что задумано и я, т.к. вижу, как нада сделать.

Comments

[Zubastik_1]

Спасибо но я не совсем понял как это сделать не на видео а на реальной страничке.

[Zubastik_1]

я не имею ввиду анимацию в виде окна, а анимацию на реальном сайте, когда жмёш кнопку а от неё летят брызги.

[Дима Паутов]

Zubastik_1, обычный html так не может. А вот canvas или svg в полне себе. https://codepen.io/chrisgannon/pen/zvJxOM