Оживляем любую векторную графику

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

Приступим к реализации:
Открываем официальную страницу сервиса при помощи ссылки. После этого перетаскиваем нужное изображение в формате .SVG в специальное окно или же нажимаем на него и вручную указываем путь до необходимого файла. Также имеется возможность опробовать один из примеров, предоставленных сайтом:

Выбираем «Animated», если хотим оживить изображение, «Static» — оставит фотографию статичной. После этого настраиваем скорость анимации, используя специальный ползунок:

При желании можно настроить способ заполнения, на выбор присутствует штриховка и обычное закрашивание:

После этого настраиваем степень искажения, используя ползунок под названием «Distortion». Второй опция «Boldness» отвечает за ширину линий, используемых для анимации. Последний пункт активируется только при штриховке и отвечает за её направление:

Чтобы получить итоговый результат нажимаем на кнопку «Download», находящуюся в самом низу. Выбираем в каком формате необходимо сохранить изображение, для анимированного варианта можно использовать .GIF и Lottle:

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