Как создать свою Lottie-анимацию в Figma и добавить на сайт в Тильде

Поделиться
HTML-код
  • Опубликовано: 15 мар 2023
  • Привет!
    В этом видеоуроке я научу вас создавать классные lottie-анимации прямо в фигме, а затем добавлять их на сайте в тильде.
    Телеграм-канал:
    t.me/dsgnmax
    Инстаграм:
    / maxim_shukin
    Чат для общения и помощи:
    t.me/dbmchat
    Ссылки:
    dsgnmax.ru/link
    Заказать разработку сайта:
    t.me/maksim_shukin

Комментарии • 32

  • @ksusha_kaban
    @ksusha_kaban 10 дней назад

    ЧЕЛОВЕК. спасибо тебе за нормальный плагин и что ты инфо про него сюда вынес. Не могла в лотти эффектс сделать то, что надо. Тут - за 5 минут. Благодарю 😍😍

  • @user-hu8qn6vn8h
    @user-hu8qn6vn8h 7 месяцев назад

    Спасибо за урок! Так просто и понятно объяснили, благодарю!

  • @fromallovertheworld4464
    @fromallovertheworld4464 11 месяцев назад

    Каеф! Спасибо тебе за твой труд!

  • @Nyfeprey
    @Nyfeprey Год назад +2

    Супер! Спасибо! Развития и процветания каналу. Доступная информация без лишней воды. От души!

  • @Crab_Cyborg
    @Crab_Cyborg 4 месяца назад

    Супер круто, спасибо

  • @hello_artem
    @hello_artem Год назад

    Красота, Спасибо! 🔥

  • @snezhana_designer
    @snezhana_designer Год назад

    Круто. Макс спасибо большое!

    • @designmax
      @designmax  Год назад

      Пожалуйста)) рад, что нравится контент)

  • @Sashad2003
    @Sashad2003 9 месяцев назад

    Спасибо, очень хороший урок!

    • @designmax
      @designmax  9 месяцев назад

      Спасибо)

  • @tumoh___8728
    @tumoh___8728 Год назад

    Реально супер! Спасибо!
    🌋🌋🌋🌋

  • @greensquare6360
    @greensquare6360 Год назад

    Ее, шикарно, Макс

  • @fromallovertheworld4464
    @fromallovertheworld4464 11 месяцев назад

    Боженька

  • @user-fr9ho5bk1h
    @user-fr9ho5bk1h 11 месяцев назад

    Крутой урок! Макс, есть вопрос. Как сделать так, что бы "автоматическое проигрывание" анимации начиналась не с момента загрузки сайта, а с момента перехода на блок, где находится анимированная картинка. Как это в коде прописать?

    • @designmax
      @designmax  11 месяцев назад

      Спасибо) это уже нужно читать документацию Лотти, там на странице модификации снизу есть ссылки

    • @user-fr9ho5bk1h
      @user-fr9ho5bk1h 10 месяцев назад

      @@designmax Да, с этим разобрался (mode:"scroll"), но теперь другая проблема возникла. Анимация начинается при появлении нужного блока, но как только начинаю скролить, анимация возобновляется. А нужно, что бы зафиксировалась после ее окончания)

  • @volgutov_digital
    @volgutov_digital 6 месяцев назад

    Можно ли делать анимированные emoji для телеги по этому уроку?

    • @designmax
      @designmax  6 месяцев назад

      Думаю да, если сохранять в mp4, а потом конвертировать в webm формат

  • @nikosgolub1686
    @nikosgolub1686 10 месяцев назад

    А как убрать цикличность анимации ? Не могу что то найти ((

  • @ChicagoBulI
    @ChicagoBulI Год назад

    Привет! ОЧень крутой урок!
    можешь подсказать в чем может быть проблема -
    При экспорте из annix - появляется окно с предупреждением на мнгновение, не успеваю прочитать, но скачивается json файл, я его вставляю в gist, он генерирует ссылку, но по нажатию raw октрывается ссылка, но на ней написано 404 not found
    Пробовал несоклько разных анимаций, но результат всегда один

    • @designmax
      @designmax  Год назад

      Привет, завтра попробую что-нибудь сам экспортировать, возможно проблема в aninix. Для начала попробуй скачать любой json файл и на нем попробовать, если работает, то проблема с экспортом у aninix

    • @ChicagoBulI
      @ChicagoBulI Год назад

      @@designmax проверил, проблема в gist, анимация с сайта lottie так же открыватеся с ошибкой 404, сейчас еще раз пересмотрю, мб что-то упускаю 🤡

  • @arianaminosyan
    @arianaminosyan 3 месяца назад

    А такую анимацию можно в таплинк добавить?

    • @designmax
      @designmax  3 месяца назад

      С тарлинком не работаю) но думаю да, механика будет та же самая

  • @user-ft1hp3wd4p
    @user-ft1hp3wd4p Месяц назад

    а 3д элементы с помощью этого плагина нельзя анимировать?

    • @designmax
      @designmax  Месяц назад

      Можно) нужно через after effects делать раскадровку и потом уже создавать из этих кадров json файл, он также будет отрабатывать, как на примере

    • @user-ft1hp3wd4p
      @user-ft1hp3wd4p 16 дней назад

      @@designmax ох емае...как всё сложно, у меня after effects нет и не будет, комп не тянет

    • @designmax
      @designmax  16 дней назад

      @@user-ft1hp3wd4p есть разные сервисы, которые из видео могут сделать json файл