Анимация из After Effects в Webflow. Как делать эффекты, как на сайте Apple

Исходники секвенции из урока - yadi.sk/d/piXP...
В этом видео показываю как пользоваться плагином Lottie для After Effects. Он позволяет превратить видео в формат, которым можно управлять с помощью интеракций Webflow (проигрывать видео относительно движения мыши, скролла и т.д.) Подобные эффекты использует Apple на своём сайте.
Курс по Webflow - webflow.pro/
Курс по веб-дизайну - @webflo...
Группа курса - webflowpro
Чат в телеграм - t.me/webflow_pro
Добавляйтесь в друзья - ivanmayorov

[@excmax]

Как всегда не просто пример, а изящный и качественный пример с критичными нюансами. Респект, Иван! =)

[@user-kt9xl5ng7s]

наконец то))) ты лучший!!! Искал как это сделать пару недель назад, а тут у тебя сегодня выходит видос, радости нет предела.

[@HoootJuice]

Случайно сюда попал, но офигел с качественной подачи и интересного материала. Очень круто! Надеюсь, что автор не забил на ролики. А пока, в надежде на новые, посмотрю все прошлогодние))

[@maxymsss4477]

Круто. Столько всего освоить ещё надо. Не говоря уже о дизайне

[@kwejo2633]

Как же это классно!)) Спасибо! Побольше бы подобных фишек)

[@Yghtu555]

спасибо вам большое)

[@milashmadchenko424]

Спасибо, Иван, очень крутой урок как всегда!))

[@sergeybogachuk7320]

Спасибо, классный пример

[@edaydin928]

Это то что надо, спасибо!

[@user-nk6yi5kb3e]

Це дуже круто!

[@andrei2210]

Иван спасибо. Лайк однозначно.

[@richphotographer]

Как всегда крутой урок!

[@webgelios13]

Спасибо Вань )

[@komiljonradjabov7502]

Очень понравилось твое видео)

[@kinnirov7539]

Хотелось бы еще видосов по вэбфлоу

[@user-le7jy4ow8n]

Какие 1-2 лучшие программы для конверсии? Я нашел Caesium , FastStone Image Viewer , Image Compressor , Pnhyu , Fileminimizer

[@user-ru9om6ks1q]

Потрясно

[@ArtfulUI]

отлично

[@pisatelNah]

огонь!

[@kryoleks]

Очень круто! Я уже пробовал подобное, но ты объяснил более подробно, спасибо. Вопрос, а как поставить подобную анимацию как-бы в глубь страницы? Чтобы тест был поверх неё?

[@andriy-kos]

навеное через позицию "абсолют" и з-индекс 0 или 1

[@maxgoodwin977]

Круто)))

[@torrudesign]

Спасибо, а есть ли вариант так же сжать кадры, но в png, что бы не было фона?

[@webflowpro]

да, png тоже можно

[@electromagicbyliza]

Благодарю за подробный урок по анимации из ае в вебфлоу) Появилась проблема, которую я не понимаю как устранить - делала все по видео, но при рендере в ае выдает фейл. Не знаете, почему может быть так? За год что-то изменилось?

[@electromagicbyliza]

разобралась) Правка> Настройки> Сценарии и выражения> и отметьте «Разрешить сценариям записывать файлы и получать доступ к сети». По умолчанию этот параметр выключен, что приводит к постоянному отказу расширения.

[@webflowpro]

@@electromagicbyliza Спасибо, буду знать)

[@user-zu3ky6ex4f]

А есть артельнатива чтоб можно ето сделать без After effects

[@webflowpro]

Скорее всего нет, но у меня знания не очень актуальные. Может что-то появилось

[@NIIKITS]

у меня не много не получилось

[@sergo_karma0]

Жаль что в тильда так сделать нельзя, вебфлоу лень разбирать))

[@webflowpro]

Сейчас модно делать интеграцию с Lootie. Недавно elementor добавил такую возможность. Думаю тильда тоже подтянется)

[@kashirgaming1035]

Можно

[@sergo_karma0]

@@kashirgaming1035 как?

[@kashirgaming1035]

@@sergo_karma0 kzbin.info/www/bejne/r4PQm2SCbNSrfJI

[@kashirgaming1035]

@@sergo_karma0 kzbin.info/www/bejne/iGHMl6xplpxgabM