Как адаптировать анимацию для экспорта в lottie?

Question

[historydev]

Анимация экспортируется очень криво, и я думаю, что дело в градусах поворота фигмы.

Как я могу получить рабочую анимацию в плагине lottie?

Вот ссылка https://www.figma.com/file/QJwaFo3BY0a8XeusMQsNS9/... на фигму с анимацией, запустите первый кадр, чтобы увидеть анимацию (shift + space).

Для экспорта я использую плагин LottieFiles.

У меня много проблем с figma, но эта комбинация инструментов - то, что я, вероятно, буду выяснять самостоятельно в течение очень долгого времени.

P.S: Здесь можно прочитать о поддерживаемых и неподдерживаемых функциях фигмы https://lottiefiles.notion.site/Supported-features..., lottie поддерживает 360 как 179.9 градусов, я использовал его до того, как прочитал это, но моя анимация не работала так, как мне было нужно.

Она работала рывками, а не плавно вращалась.

Answer 1

[Степан Воеводин]

Предложил бы вам воспользоваться плагином Aninix и сделать в нём всю анимацию. За 10 минут, получилось вот так:

У меня такой алгоритм был

1. Заменил все ваши сегменты на обводку, чтобы можно было регулировать толщину и scale
2. Экспортировал через плагин
3. Задал длительность всей анимации
4. Указал какой параметр хочу менять у объекта/группы
5. Указал в какой момент этот параметр должен менять и на какой
6. Задал плавность перехода (fade in/out, linear и т.п.)

Позволяет экспортировать: mp4, webm, gif, json, lottie, tgs, svg.
2 проекта даёт сделать бесплатно, дальше либо удалять проекты либо создавать "команду" (там +2 проекта)