Как сделать такую анимацию?

Привет. С праздником ребят . Мне необходимо сделать анимацию для svg картинки как у этого шаблона https://www.behance.net/gallery/82883419/NSH?track... у элементов вверху Движение волнообразное.
  • Вопрос задан
  • 254 просмотра
Решения вопроса 1
LenovoId
@LenovoId
what the fuck ?
В общем рисовать это всё я не буду но расскажу что надо открыть любой векторный редактор и нарисовать любой контур, и анимировать его вот таким способом : первый способ - листочек а второй контур то есть анимация произвольного шейпа делается вот так : анимация шейпа это не сложно

Но можно пойти более лёгким путём, скачать дэмо версию after efects и установить bodymovien и там обычное перетаскивание контуров в общем мануалов в сети куча особенно по bodymovien
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@bmg979
Молодой full-stack
Нужен js на одном css это не сделать.
Ответ написан
@lagudal
Смотрите в сторону "svg morphing" - в принципе конкретно похожие шейпы можно анимировать без js, мороки только больше будет и нужно следить за координатами точек внимательно, иначе может так получиться, что анимация будет рывком.
С js библиотеками проще.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы