Какими инструментами реализовывают подобные анимации?

Question

[Иван]

Пример анимации, который мне нужен для прелоадера. Что мне необходимо попросить у дизайнера отрисовать и в каком виде? Не совсем представляю, как такое реализовать. Сначала думал, что гифкой, но размер будет очень большой, так что это будет глупо

Comments

[FeST1VaL]

Ну это поидее SVG анимация

[yarovikov]

svg + gsap + морфинг

[Максим]

yarovikov, можно и без gsap ...руками так сказать

[Иван]

yarovikov, а что для морфинга нужно? мне диз отдаст свг-картинку круглую, что под морфингом в данном случае имеется ввиду?

[yarovikov]

Иван, на круге есть анимация формы картинок после появления - это легкий морфинг. У gsap есть соответствующий плагин для этого. В целом, инструмент топчик, и на форуме отвечают быстро и с примерами кода.

[Иван]

yarovikov, понял, спасибо. единственное, я щас глянул их сайт, эффект морфинга вроде бы платный

[yarovikov]

Иван, да, но в библиотеке одна строчка проверки на url. Ни на что не намекаю )

[yarovikov]

Иван, вообще, вроде есть и бесплатные библиотеки для морфинга плюс можно ручками. Главное, что вы поняли, в каком направлении двигаться.