Создать анимацию линии

Question

Я не баловался с анимированными гифками очень давно. Я хотел бы создать что-то похожее на это:

https://dribbble.com/shots/2941889-Wind

Я не могу представить, кто бы ни создал этот анимированный кадр за кадром, чтобы получить этот результат. Итак, я хотел бы знать, какие инструменты существуют для этого? Или, может, я не прав, и единственный способ сделать это - кадр за кадром?

Просто несколько советов, с чего начать, если кто-то может.

Answer 1

Итак, в конце концов я использовал Adobe Illustrator для создания путей.

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

Затем я создал файл js, чтобы постепенно увеличивать тире и сохранять рисунок. Это создало более 100 снимков.

Импортировал их в Adobe Photoshop и экспортировал! Бинго!