Как делать подобные анимации на svg?

Question

[Артем Синеговский]

https://codepen.io/DuskoStamenic/pen/QVawXq
Не смог ничего найти на эту тему на русском языке, возможно тут кто-то умеет делать подобное:{}

Comments

[Andrew]

А что, простите, вы искали?
Прям запрос скиньте.
"svg анимация" много ссылок даёт. (первая на хабр, кстати *косится подмигивая в сторону админа *)

[Kovalsky]

А что именно тут вам непонятно? Сама SVG сделана сторонними средствами, даже может быть в том же иллюстраторе, а анимацию реализует animejs, в данном случае анимирует каждый отдельный path. Сделайте в иллюстраторе фигуру своей кошки, засуньте её в этот же пример, и она тоже будет анимироваться.

[Артем Синеговский]

Kovalsky, есть одна проблема. Я не знаю, как подставить фигуру своей кошки в этот же пример. Нет никаких ссылок, только странный, не понятный для меня код свг

[Kovalsky]

Артем Синеговский, чтобы подставить фигуру своей кошки в этот пример надо вставить туда код SVG, которую вы сделаете в иллюстраторе или как-нибудь ещё. Сама векторная графика делается в любом векторном редакторе, например иллюстраторе.

[Максим]

Артем Синеговский, пиши на почту - научу