Спасибо огромное, искала 2 недели как сделать анимацию на тильде, без иконки загрузки видео из ютуба, даже моя преподавательница не смогла помочь)) я уже думала что пора смириться, но тут попалось ваше видео)
Видео записалось с подвисающей картинкой в некоторых местах, но к счастью совсем недолго, а все что надо видеть видно и главное слышно, поэтому уверен, что это видео отлично расширит ваши возможности в создании сайтов и пригодится в работе. А чтобы было удобно ориентироваться, оставляю временные метки 🙂: 00:00 - вступление 01:10 - варианты применения анимации 02:24 - обзор возможностей и ограничений lottiefiles 04:49 - что будем практиковать сейчас 05:27 - lottiefiles 06:59 - установка плагина в Ae 08:51 - настройка Ae 10:30 - создание анимации в After Effects 33:15 - Экспорт анимации из after effects на lottiefiles.com 37:20 - работа с анимацией на lottiefiles 42:17 - анимация в html документе 44:09 - lottiefiles в Zero Block Тильды 48:51 - финальный результат: анимация на сайте на Тильде
@@nanofox6874 Я честно говоря сейчас уже не смогу вспомнить. Это один из треков ютубовской аудиотеки. Там есть фильтрация по жанру, настроению, инструментам и т.д. Вот ссылка, думаю, сможешь найти достаточно много треков в подобном стиле: ua-cam.com/users/audiolibrary
Спасибо тебе, светлый человек! Друзья, может, у кого тоже возникла такая проблема - при копировании кода анимации с сайта Lottie в файл ничего не сохранялось. Проблема крылась в кавычках - нужно их перепечатать (изначально с сайта идут наклонные, а должны быть прямые)
Привет! я копирую код с сайта Лотти, переношу в свой html документ--все есть. Но если я открываю его браузером--ничего, никакой анимации, пусто.... Что делать-то? Спасибо
@@АлександрРожков-м9х а вы за это не волнуйтесь - просто замените все, что там прописаны, со своей клавиатуры - по сути, заново перепечатайте С вашей клавиатуры они автоматически нормальными будут Я не знаю, почему так, но часто такое наблюдаю (например, если из чата в Zoom копировать текст с кавычками, то при вставке в другое место они тоже будут косыми)
Действительно полезный материал. Скачал, опробовал, все работает, вот только жаль, что не все эффекты поддерживает SVG формат. Например, хотел сделать так, чтобы один из элементов мелкой иллюстрации менял цвет в течении всего цикла, применил в AE Hue/Saturation, произвел рендер в Lottie, а он эффект этот не прочел. Пришлось смириться. Но сама фишка однозначно годная. Выражаю свою благодарность автору. Лайк. Подписка.
Очень годно спасибо. Скажите а как быть с зависимостями? Например я сделал индикатор который реагирует на ползунок. Как сохранить зависимость этого проекта на сайт что бы на сайте двигать ползунок и получать изменение индикатора? Есть решение?
Добрый день, Тони! Спасибо за видео, смогли все установить, но рендер не заканчивается. Может вы сталкивались с такой проблемой. Компьютер с хорошими параметрами и с последней версией программами.
насколько гибко можно контролировать эту анимацию, если она должна динамически изменяться через javascript, в зависимости от ситуаций ? Или она будто за стеклом и ничего с ней сделать нельзя ?
Привет ! Почему когда я сохраняюсь после редактирования ! У меня нет анимации и после того как нажимаю опубликовать мне не предлагает придумать название сайта! Не работают даже стандартные анимации! В Общем сохраняюсь нажимаю выйти и код пропадает из прямаугольника что в центре!
А оно сохраняет только в растровом формате? Как сделать так чтоб был векторный формат в итоге . Я сделал всё как в видео, но в итоге в лотти открываю и когда приближаю то вижу пиксели, хотя первоначально в AE работал с векторными фигурами. Подскажите, пожалуйста
Здравствуйте, спасибо за урок! Подскажите, пожалуйста, можно и сделать лотти анимацию .json из фрагмента видео? Я попробовал, почему-то выгружает белый экран. Настройки видео 1920х1080 25 кадров.
этот способ подходит только для векторной анимации причем без сложных эффектов, никаких видеороликов и растровых изображений, никаких линз и прочих эффектов которые невозможно повторить в коде.
Появилась проблема, при экспорте в плагине лотти - ломается моя анимация, в прямом смысле, некоторые части элементов просто не отрисованы, с чем связано может быть?
Я экспортировал через bodymovin, но это был файл json. Мой клиент сказал мне, что ему нужен только SVG. Что я могу сделать? Этот плагин сохраняет тоже только json, да?
Блин все отлично. Вот только вес плеера, который идет с JSON превышает 250кб. Сделал такой себе Прелоадер с JSON на 8 кб, а плеер к нему 250кб... В результтате сайт быстрее загружается, чем прелоадер
Если бы это было 10 лет назад - тогда да. Но на текущий момент не критично - это всего лишь 250кб. На фоне того веса которой есть у серьезного сайта или приложения - это вообще несущественно. Особенно если делать на сайте последовательную загрузку контента и не ставить плеер в первый экран - тогда вообще не повлияет на ощущение скорости загрузки сайта для пользователя, даже со слабым интернетом.
Lottie очень плохо влияет на performance сайта, особенно мобильной версии, из-за огромного плеера на js. Может к кого-то есть идеи как улучшить скорость загрузки плеера?
Ребят, у меня пиратка и окно Лотти не загружается. Кто с пираткой и у него все работает? Можете подсказать от кого у вас сборка или каким образом была произведена активация? Пожалуйста, не судите что пиратка все дела, но я тупо не зарабатываю столько что бы мог оплатить лицензию.
@@yemdigital То же самое, не видит! У меня Ае на немецком. У меня Stroke анимация, может сложно для SVG? да, пойду менять на английский, так даже удобней...
Спасибо огромное, искала 2 недели как сделать анимацию на тильде, без иконки загрузки видео из ютуба, даже моя преподавательница не смогла помочь)) я уже думала что пора смириться, но тут попалось ваше видео)
Самое огненное и подробное видео по анимации, что я встерчала! Спасибо тебе огромнейшее, Тони! Пойду творить шедевры)))
Блин, спасибо!!! Я так долго именно это искал!!! Классно объясняешь!!!
Наконец-то нашел канал с годным контентом! Спасибо за подробный видеоурок
Огромное спасибо, все толково объяснил, слушать приятно! Однозначно лайк и подписка
Не, ну респект за твои видосы! Всё по делу, всё работает!
Если у кого-то плагины не работают, на 9 минуте решение, мне помогло. Спасибо!
Спасибо огромное!!!!..так долго искала информацию..а тут все понятно и наглядно.
Мой мир не будет прежним! Спасибо огромное за инфу!
Благодарю за информацию ❤
Видео записалось с подвисающей картинкой в некоторых местах, но к счастью совсем недолго, а все что надо видеть видно и главное слышно, поэтому уверен, что это видео отлично расширит ваши возможности в создании сайтов и пригодится в работе. А чтобы было удобно ориентироваться, оставляю временные метки 🙂:
00:00 - вступление
01:10 - варианты применения анимации
02:24 - обзор возможностей и ограничений lottiefiles
04:49 - что будем практиковать сейчас
05:27 - lottiefiles
06:59 - установка плагина в Ae
08:51 - настройка Ae
10:30 - создание анимации в After Effects
33:15 - Экспорт анимации из after effects на lottiefiles.com
37:20 - работа с анимацией на lottiefiles
42:17 - анимация в html документе
44:09 - lottiefiles в Zero Block Тильды
48:51 - финальный результат: анимация на сайте на Тильде
друг, что за трек на фоне играет?
@@nanofox6874 Я честно говоря сейчас уже не смогу вспомнить. Это один из треков ютубовской аудиотеки. Там есть фильтрация по жанру, настроению, инструментам и т.д. Вот ссылка, думаю, сможешь найти достаточно много треков в подобном стиле: ua-cam.com/users/audiolibrary
Вы нереально крут! Спасибо!
Большое спасибо за подобный контент!)
Большое спасибо за обратную связь )
Шикарный урок, просто отличный
спасибо за замечательный урок,продолжайте в том же духе!
Какое классное видео! Прям кучу вопросов для себя закрыла!
Спасибо тебе, светлый человек!
Друзья, может, у кого тоже возникла такая проблема - при копировании кода анимации с сайта Lottie в файл ничего не сохранялось. Проблема крылась в кавычках - нужно их перепечатать (изначально с сайта идут наклонные, а должны быть прямые)
Привет!
я копирую код с сайта Лотти, переношу в свой html документ--все есть. Но если я открываю его браузером--ничего, никакой анимации, пусто.... Что делать-то? Спасибо
@@АлександрРожков-м9х никакой анимации нет (у меня так тоже было), потому что код с ошибками :) Вероятнее всего, как раз, дело в кавычках
@@АндрейТитов-ж7л как выглядят прямые кавычки?))
@@АлександрРожков-м9х а вы за это не волнуйтесь - просто замените все, что там прописаны, со своей клавиатуры - по сути, заново перепечатайте
С вашей клавиатуры они автоматически нормальными будут
Я не знаю, почему так, но часто такое наблюдаю (например, если из чата в Zoom копировать текст с кавычками, то при вставке в другое место они тоже будут косыми)
@@АндрейТитов-ж7л да, спасибо! Все получилось)
Очень полезное для меня видео! Спасибо большое!
огромное спасибо!
Все получилось! Ты супер-учитель!
Мужик ты крут!
Спасибо, бро!
Действительно полезный материал. Скачал, опробовал, все работает, вот только жаль, что не все эффекты поддерживает SVG формат. Например, хотел сделать так, чтобы один из элементов мелкой иллюстрации менял цвет в течении всего цикла, применил в AE Hue/Saturation, произвел рендер в Lottie, а он эффект этот не прочел. Пришлось смириться. Но сама фишка однозначно годная.
Выражаю свою благодарность автору.
Лайк. Подписка.
У тебя лицуха или пиратка была? У меня вот окошко не прогружается
@@hanagakiarasawa3171 pirate
@@neofolk что за сборка?
@@hanagakiarasawa3171 2019 года, кажется, уже и не вспомню, ибо уже давно сижу на лицензии.
старик ты лучший!!
Очень круто!!!
Спасибо за оглавление! С меня подписка..)
Пушка! Спасибо
Очень годно спасибо. Скажите а как быть с зависимостями? Например я сделал индикатор который реагирует на ползунок.
Как сохранить зависимость этого проекта на сайт что бы на сайте двигать ползунок и получать изменение индикатора? Есть решение?
Очень Очень полезно Спасибище !
Видео класс, очень хорошо объясняет, но то то у меня не выходит, наверное нужно старые версии After Effects пробовать.
Добрый день, Тони! Спасибо за видео, смогли все установить, но рендер не заканчивается. Может вы сталкивались с такой проблемой. Компьютер с хорошими параметрами и с последней версией программами.
Подскажите. Теперь этот плагин называется Bodymovin?
Тони, привет, классная видео, ставлю лайк. У меня вопрос: А лоти не поддерживает АЕ 2021? на данный момент у меня именно он и плагин не синхронится...
Убедись что Ae у тебя на английском )
А как-то можно получить анимационный SVG файл анимированный из АЕ? конверт в бодимувен например? или какиим либо другим способом?
Я верно понимаю, что этот плагин возможно установить только на оф версию AfterEffects с Creative Cloud, да? Если без облака можно, то как?
Thank a lot!
Спасибо за видео. Как эту анимацию сделать прелоудером ? Может есть код который зеро блок в прелоудер делает ?
подскажите как сделать тоже самое с 3д анимацией? Импортировал из с4д в ае, но лоттифайлс не видит ее
На минуте 37:20 подскажите в какой раздел нужно зайти в ручную нажав на сайте лотти, если Лотти не фурычет в after effects?
Спасибо!!! 🔥
насколько гибко можно контролировать эту анимацию, если она должна динамически изменяться через javascript, в зависимости от ситуаций ?
Или она будто за стеклом и ничего с ней сделать нельзя ?
как сделать distorted анимацию, как у вас в конце видео на имени стоит в нижнем правом углу?
Подскажите, лотти не работает если применён экспрешн?
Спасибо за видео! плагин lottie files не видит композиции в after effects (все обновления установлены), как думаете6 в чем может быть проблема?
Привет ! Почему когда я сохраняюсь после редактирования ! У меня нет анимации и после того как нажимаю опубликовать мне не предлагает придумать название сайта! Не работают даже стандартные анимации! В Общем сохраняюсь нажимаю выйти и код пропадает из прямаугольника что в центре!
А вы нашли решение? Столкнулась с такой же проблемой.
Спасибо!
А можно ли сделать lottie анимацию не в начале страницы, а в середине в зеро блоке?
если делать баннер, то кнопку к баннеру можно добавить через лотти? типа как в adobe animate?
А оно сохраняет только в растровом формате? Как сделать так чтоб был векторный формат в итоге . Я сделал всё как в видео, но в итоге в лотти открываю и когда приближаю то вижу пиксели, хотя первоначально в AE работал с векторными фигурами. Подскажите, пожалуйста
Здравствуйте, спасибо за урок! Подскажите, пожалуйста, можно и сделать лотти анимацию .json из фрагмента видео? Я попробовал, почему-то выгружает белый экран. Настройки видео 1920х1080 25 кадров.
этот способ подходит только для векторной анимации причем без сложных эффектов, никаких видеороликов и растровых изображений, никаких линз и прочих эффектов которые невозможно повторить в коде.
👍👍👍
Огромное спасибо за видео, все понятно! Но Не могу загрузить код на Тильду 😭 сохраняю и после закрытия код пропадает. Что это может быть?
Html код в зеро блоках будет работать только по платной подписке.
У меня вопрос если мы анимируем svg в афтер эффект и экспортируем то это уже видео или анимированное svg
LottieFiles у всех работает ? У меня почему-то не хочет видеть мио композиции
Появилась проблема, при экспорте в плагине лотти - ломается моя анимация, в прямом смысле, некоторые части элементов просто не отрисованы, с чем связано может быть?
Я экспортировал через bodymovin, но это был файл json. Мой клиент сказал мне, что ему нужен только SVG. Что я могу сделать? Этот плагин сохраняет тоже только json, да?
а без всяких сторонних сервисов как сделать? имею ввиду без привязки к сторонним ресурсам
На фигме я так понимаю, такой вариант не прокатит?
Посмотрела видео, что бы понять как сохранить анимацию из афтер эффектс в формате SVG, но так этого и не увидела...
Устновил, дургая проблема. Не видит композиции, когда хочешь вывести файл на сайт
ua-cam.com/video/vQNDfFfUcOo/v-deo.html - это решит проблему
Nikita Kukolev у меня та же самая проблема возникла, долго пытался найти ответ. Пока проверить не могу, но я тебе верю, спасибо большое 👍
Nikita Kukolev а ты сам ответил на свой вопрос))
Вообще везде стоял русский, неужели из-за языка столько дыр образуется...
Блин все отлично. Вот только вес плеера, который идет с JSON превышает 250кб. Сделал такой себе Прелоадер с JSON на 8 кб, а плеер к нему 250кб... В результтате сайт быстрее загружается, чем прелоадер
Если бы это было 10 лет назад - тогда да. Но на текущий момент не критично - это всего лишь 250кб. На фоне того веса которой есть у серьезного сайта или приложения - это вообще несущественно. Особенно если делать на сайте последовательную загрузку контента и не ставить плеер в первый экран - тогда вообще не повлияет на ощущение скорости загрузки сайта для пользователя, даже со слабым интернетом.
А как таким способом создать HTML5?
Нужно для баннеров
Lottie очень плохо влияет на performance сайта, особенно мобильной версии, из-за огромного плеера на js. Может к кого-то есть идеи как улучшить скорость загрузки плеера?
На Тильде можно использовать html только в платной версии
Ребят, у меня пиратка и окно Лотти не загружается. Кто с пираткой и у него все работает? Можете подсказать от кого у вас сборка или каким образом была произведена активация?
Пожалуйста, не судите что пиратка все дела, но я тупо не зарабатываю столько что бы мог оплатить лицензию.
Че делать если у меня пиратка и окошко не прогружается?
Что то не работает в офишал Creative CC (((
это хайди хо?)
44:15 (не обращайте внимания, я для себя)
Блин , плагин не видит мои композиции, что делать ?((
Так может быть если Ae не на английском
То же самое, вы решили проблему? как?
@@yemdigital То же самое, не видит! У меня Ае на немецком. У меня Stroke анимация, может сложно для SVG? да, пойду менять на английский, так даже удобней...
@@receptoris7316 Скорее всего проблема в том, что Ae не на английском. Со Stroke анимацией проблем быть не должно.
ua-cam.com/video/vQNDfFfUcOo/v-deo.html - это решит проблему
Как бы делать анимации без плеера, походу только руками )
Очень много воды, все видео можно было сделать максимум на 10 минут
32:37 - в целом, достаточно интересно получается (нет)
Спасибо, что не приложил ссылочку на скрипт, реклама обычная..бесполезное видео
релакс братан. Че такой натуженный
Хватит чмокать каждые 15 секунд, очень раздражает.
Ударения в "плАгин" и "Эффкетс" режут уши пополам.
крутяк
у меня почему то zxp installer не находит ae 2021, не подскажите, в чем может быть дело?
Акак в гифку переводить, если там ограничение 150кб?