This video will show you how to convert an Adobe After Effects animation to HTML or SVG code.

Download After Effects: https://www.adobe.com/products/aftereffects.html

Download BodyMovin: https://aescripts.com/bodymovin/

How to install BodyMovin: http://airbnb.io/lottie/after-effects/bodymovin-installation.html

Music by: Nicolai Heidlas Music - Chase Your Dreams
https://soundcloud.com/nicolai-heidlas

SVG Анимация из After Effects на Тильду (Tilda zero block) или в любой html документ без программирования и верстки с помощью lottiefiles.

Добавляйтесь в:
🔹 Инстаграм: https://www.instagram.com/tony.yem/
🔹 Behance: https://behance.net/tony_yemelyanov


Ссылки урока:
https://lottiefiles.com/
https://tilda.cc/ — Тильда
https://aescripts.com/learn/zxp-installer/ — Zxp installer

Мой курс UX UI дизайна:
https://yem.digital/evolution/

#Анимация #Lottiefiles #Tilda

Подробный урок о том, как веб дизайнеру добавить анимацию из After Effects на сайт, как сделать анимацию в ZERO BLOCK тильды с помощью lottiefiles и как перенести анимацию из After Effects в html. С помощью этого метода можно анимировать иконки, логотипы, прелоадеры и иллюстрации в After Effects, после чего добавлять эти векторные svg анимации в zero block тильды, в любой конструктор сайтов (где есть html редактор), или на любой ваш обычный сайт чтобы создать вау эффект от вашего дизайна.

00:00 - вступление
01:10 - варианты применения анимации
02:24…

Windy is a browser extension that allows you to copy any HTML element on a website and transform it into HTML with Tailwind CSS classes.