Крутая Видео анимация в Тильде по скроллу | Анимированный фон в тильде зеро блок | Покадровый скролл

Поделиться
HTML-код
  • Опубликовано: 2 фев 2025

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

  • @design_scripts
    @design_scripts  5 месяцев назад +1

    💃🏼Скачать код и скрипты: t.me/kot_tonky/98
    😼Заказать разработку сайта / сервиса / веб-приложения: tonky-kot.ru/
    Другие ссылки:
    1. Img2go (видео в JPG): www.img2go.com/ru/convert-to-jpg
    2. Mconverter (видео в PNG): mconverter.eu/convert/mov/png/
    3. Создание секвенции в Photoshop: community.adobe.com/t5/photoshop-ecosystem-discussions/creating-an-image-sequence-from-video-in-photoshop/td-p/11587900
    4. Создание секвенции в After Effects: inspireme.blog/how-to-export-mp4-to-image-sequence-from-after-effects/
    Создание секвенции в Premiere Pro: ruclips.net/video/r1nWR8t43gY/видео.html
    5. Компрессор: github.com/Lymphatus/caesium-image-compressor
    6. Github: github.com/
    _________
    ✅Поделись видео с друзьями: ruclips.net/video/qHY2JuZKZEY/видео.html
    ✅Подпишись на канал и поставь🔔: ruclips.net/channel/UCaWm_fSWhJ6i3NlGfCSarzg
    ___________________________________________
    Telegram: t.me/bistricky
    ВК: vk.com/id117174434
    Email: bystricky@tonky-kot.ru
    ___________________________________________

  • @ВасилисаОстеопат
    @ВасилисаОстеопат Месяц назад +1

    Ты такой крутой! Я смотрю твое видео и благодарю тебя за то, что ты так подробно и понятно рассказываешь! Я только начинаю интересоваться этой темой и уже получаю настолько качественные и понятные знания! Благодарю тебя от всего сердца, желаю тебе успехов и всего самого наилучшего!

  • @iCoBecTb
    @iCoBecTb 5 месяцев назад +7

    Спасибо большое! Очень полезный контент

    • @design_scripts
      @design_scripts  5 месяцев назад +2

      пожалуйста, мы старались

  • @bessonta
    @bessonta 7 дней назад

    Большое тебе спасибо) Великолепный ролик)

  • @problem0ffic3r
    @problem0ffic3r 5 месяцев назад +2

    Шикарная инструкция, спасибо!

    • @design_scripts
      @design_scripts  5 месяцев назад

      Рад, что понравилось ♡( ◡‿◡ )

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

    Очень круто, случайно наткнулся, ведь нужно было немного другое, но я рад что попал на твой канал.
    Не просто показал, а все разжевал и рассказал о ситуациях с которыми можно столкнуться.
    Респект! Желаю тебе миллион подписчиков )

  • @ЕвгенийСолдатов-ы5к
    @ЕвгенийСолдатов-ы5к 5 месяцев назад

    Спасибо за всякие такие приколы, штуки. Мне хоть и не нужно реализовывать такое для заказчика прямо сейчас, но захотелось сделать такое себе, чисто для удовольствия. А потом может и продавать клиентам получится:) Внатуре класс :)

  • @СергейБейников-г9ш
    @СергейБейников-г9ш 2 месяца назад

    Великолепное объяснение🎉 Спасибо!

  • @Аленка-м6о
    @Аленка-м6о 5 месяцев назад

    Это очень круто!! Такое залипательное видео)) А вот за пошаговый лайфхак с гитхабом огромное спасибо.

  • @ШарлЛуиДекондаДеМонтерскье

    Очень информативно , автор красавчик , продумал все , написал скрипты и все ссылки оставил , лайк 👍🏻подписка .

  • @mykhailyuta
    @mykhailyuta 5 месяцев назад

    Спасибо Вам за работу и урок. Оставляю комментарий для продвижения 😉

  • @dimazzzikkk
    @dimazzzikkk 5 месяцев назад

    Очень полезное видео 👍. Отдельный респект за то что всё делатьно разжевал и предоставил удобные скрипты 🔥🔥

    • @design_scripts
      @design_scripts  5 месяцев назад +2

      Пожалуйста. Мы старались.
      Еще есть, к чему стремиться - будем пытаться делать еще круче🫡

  • @Kirill-zl5cj
    @Kirill-zl5cj 5 месяцев назад

    Как всегда - шикарно!

  • @HuxLe1
    @HuxLe1 2 месяца назад

    Огромное спасибо!

  • @dvpanov
    @dvpanov 5 месяцев назад

    Спасибо за материалы! 🤝

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

    Ты невероятно крут! Спасибо, что делишься ❤

  • @nazapuskah
    @nazapuskah 5 месяцев назад

    Как надо было несколько проектов назад) спасибо

  • @abobus_artem
    @abobus_artem 5 месяцев назад

    Это шикарное видео, огромное спасибо! Подскажите, есть ли у вас в планах создать отдельный контент за платную подписку, например, на бусти. Думаю, что вы бы собрали там много своих поклонников. Один потенциальный подписчик у вас уже есть 😉

  • @colab.market
    @colab.market 4 месяца назад

    золотой человек 🙏 спасибо тебе

  • @deniskononenko9845
    @deniskononenko9845 5 месяцев назад

    Круто, спасибо огромное!

  • @Impossible251
    @Impossible251 5 месяцев назад

    Спасибо за инструкцию!

    • @design_scripts
      @design_scripts  5 месяцев назад

      Пожалуйста ʕ ᵔᴥᵔ ʔ

  • @yulya3072
    @yulya3072 29 дней назад

    Да это самое понятное что есть на просторах рутуба!!!! Я думала что анимация и коды недоступны для моего понимания, но вы доказали обратное♨

  • @malomalospal
    @malomalospal 5 месяцев назад

    Спасибо. Переслал другу дизайнеру

    • @design_scripts
      @design_scripts  5 месяцев назад

      Спасибо, жму руку🤝

  • @dmitriimikitenko2689
    @dmitriimikitenko2689 5 месяцев назад

    Спасибо огромное!

  • @Art_Craft_Keeper
    @Art_Craft_Keeper 5 месяцев назад

    Привет, очень клевое и качественное видео, а скажи пожалуйста, а где такие крутые видео находить можно, как с арбузом?

    • @design_scripts
      @design_scripts  5 месяцев назад +1

      Привет, спасибо)
      Ролик с арбузом я подворовал у другого ютубера, но позже нашел его на стоках: elements.envato.com/ru/watermelon-explosion-H55GQ8W
      Такое либо заказывать у специалистов, либо искать на стоках

  • @ВадимИванов-о8й
    @ВадимИванов-о8й 4 месяца назад

    Топ урок

  • @Daria-tm1qu
    @Daria-tm1qu 5 месяцев назад

    подскажите, пожалуйста, а такой способ лучше, чем делать embed анимации со сплайна? например если видео брать неоткуда, а в сплайне есть анимация, то не лучше ли ее скачать в виде видео и настроить по вашей инструкции? Спрашиваю, потому что обнаружила, что вставки со сплайна не работают на старых компьютерах и я не понимаю теперь, можно ли пользоваться таким классным инструментом в дизайне как сплайн. Или это глупая затея и embed лучше (и явно проще)?

    • @design_scripts
      @design_scripts  5 месяцев назад

      Способ из видео я бы рекомендовал использовать в тех же кейсах, где эту технику использует Apple: видеоролики, демонстрация тяжелых, детализированных 3д моделей или анимация сцен с эффектами, которых невозможно добиться в вебе.
      В остальных случаях предпочтение я бы отдавал настоящему 3д.
      Хотя экспериментировать вам никто не запрещает

    • @design_scripts
      @design_scripts  5 месяцев назад

      Сплайном не пользуюсь, поэтому мог что-то упустить.
      Но я надеюсь, я ответил на ваш вопрос

    • @Daria-tm1qu
      @Daria-tm1qu 5 месяцев назад

      @@design_scripts спасибо большое за ответ! кстати, было бы очень интересно услышать ваше мнение о сплайне, вдруг когда-нибудь руки дойдут потестить) для веб дизайнеров это потрясающий инструмент с кучей всяких интерактивов и правда очень простой в использовании. Даже можно 3д игру вставить, как в одном вашем видео про сайт года) но вот его жизнеспособность на тильде, да и вообще для сайтов ( из-за веса) вызывает вопросы.

  • @pachurina.a
    @pachurina.a Месяц назад

    Делаю сейчас креативный сайт на Тильда, у меня есть анимация, где летит голубь, но он загружен картинкой и нет возможно сделать ему движение крыльев. Это мой первый учебный проект и куратор сказал что я могу реализовать движение крыльев, заменив картинку на gif, но проблема найти gif с голубем в нужной мне стилистике. Поэтому голубь просто едет😄 но с этим видео, возможности анимации могут расшириться🎉

  • @olgacvet1982
    @olgacvet1982 5 месяцев назад

    Супер 😢😢😢это было моей мечтой создать сайт с прокруткой видео 😢😢😢😢 даже хотела сисс учить

    • @design_scripts
      @design_scripts  5 месяцев назад +1

      Теперь мечта может исполниться)

  • @АлексейПурех
    @АлексейПурех 5 месяцев назад

    У меня заглохло на add html в zeroblock - просто нет такого пункта между add video и add tooltip. Подскажите, пожалуйста

  • @НикитаКлыков-о2ц
    @НикитаКлыков-о2ц 5 месяцев назад

    Спасибо большое, а можно сделать так, чтобы смена картинки не покадрово происходила, а сразу прокрутом колеса 50 фреймов воспроизводила для смены локации например?

    • @design_scripts
      @design_scripts  5 месяцев назад

      Можно, но это уже будет другая модификация с другой логикой

  • @s0r3kt
    @s0r3kt 5 месяцев назад

    Был кейс буквально пару месяцев назад на основной работе, клиент просил сайт на тильде с кучей лотти анимации она была почти на каждом из 6 экранов и делалось все еще по старому твоему гайду(Делал свою 3д графику в синьке и выгружал потом через бадимувин), тильда просто умирала, а иногда и гитхаб отказывался хранить джейсоны таких размеров, уменьшал как мог, пришлось отказываться почти от всей анимации

    • @design_scripts
      @design_scripts  5 месяцев назад

      сразу после выхода того самого видео про лотти ко мне пришёл клиент с двумя анимациями весом около 200мб каждая.
      Урезать, сжимать анимацию человек наотрез отказался. Назвал меня некомпетентным и исчез в закате :3

    • @ok-nb7lj
      @ok-nb7lj 5 месяцев назад

      Синька это синема?

    • @design_scripts
      @design_scripts  5 месяцев назад

      Да

  • @vrezhJo
    @vrezhJo 5 месяцев назад

    здравствуйте, когда переименовываю фото становятся не по порядку, почему так ?

  • @onlymozg6811
    @onlymozg6811 5 месяцев назад +1

    Где ты? Мне срочно надо тебе подарить день уважения❤

    • @design_scripts
      @design_scripts  5 месяцев назад

      я тут)
      а ещё в телеграме

  • @amalyshok
    @amalyshok 5 месяцев назад

    Блин, я думал мы тут будем делать видео со взрывающимися арбузом (( печаль

    • @design_scripts
      @design_scripts  5 месяцев назад

      К сожалению, этому я научить не смогу)

    • @amalyshok
      @amalyshok 5 месяцев назад

      @@design_scripts да нет, без претензий 🙂 каждый работает по своему направлению. Просто у меня вся лента в Ютубе сейчас состоит из крутых симуляций, так как изучаю Гудини, и тут наткнулся на шикарную анимацию в превьюшке 🙂 надо будет сохранить, как референс и сделать самому

  • @vadimkuraev7887
    @vadimkuraev7887 5 месяцев назад +1

    Добрый день, не получилось, когда загружаю на гитхаб (я это делаю с Макос + по сложному пути тк 122 кадра + пришлось использовать токен, чтобы связать комп с гитхабом, как я понял) то во все папки добавляется файл .DS_Store. Возможно из-за него не получается, при публикации страницы подгружается только один кадр и то не самый первый. Очень жаль, много времени потратил, тк на маке работаю, и открытие скриптов - гораздо сложная задача, если бы не друг программист, то я посыпался бы еще на моменте переименования файлов (там сложные манипуляции нужно делать в терминале, для ребят дизайнеров с мак будет сложно)

    • @design_scripts
      @design_scripts  5 месяцев назад +1

      Мы вас услышали, проблему найдем и исправим.
      Открытие скриптов сделаем не через терминал, а двумя кликами, как на винде

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

      @@design_scripts на маке никакие скрипты для переименовки не нужны, выделяешь все файлы, правой кнопкой тыкаешь, жмень rename и там уже выбираешь что нужно, делается за 10 секунд

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

      @@design_scripts нет пока решения?

  • @MaxShortsChannel
    @MaxShortsChannel 5 месяцев назад

    А можно ссылочку на ролик с арбузом?

  • @Yacchel
    @Yacchel 5 месяцев назад

    Ну указал бы хоть ссылку на Николаса.

    • @design_scripts
      @design_scripts  5 месяцев назад

      не считаю это необходимым

  • @arinazelenina
    @arinazelenina 7 дней назад

    на макбуке не работает скрипт по удалению файлов, первый (переименовывание) работает отлично, второй вместо 80 оставляет 10-17 файлов с рандомным наименованием
    так же, макбук не хочет открывать приложение по сжатию веса файлов
    пишет : Apple не удалось подтвердить, что файл «Caesium Image Compressor» не содержит вредоносного ПО, которое может нанести вред Вашему Mac или конфиденциальности Ваших данных.
    может у кого-то были такие проблемы, подскажите, как их решили

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

    на маке скрипты не работают

    • @egunovadesign
      @egunovadesign 2 месяца назад

      да, тоже пытаюсь сейчас, не работает. Кликнула 2 раза, открывает в Блокноте просто файл

    • @linevafilm
      @linevafilm 2 месяца назад

      у меня тоже

  • @ГрибГрибыч-ь1ч
    @ГрибГрибыч-ь1ч 21 день назад

    Не работает!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!