Пошаговая анимация в Tilda Publishing

Поділитися
Вставка
  • Опубліковано 2 гру 2024

КОМЕНТАРІ • 120

  • @РоланМеджитов
    @РоланМеджитов 6 років тому +72

    Тильда чемпион. 2 месяца как разрабатываю коммерческие сайты на тильде и постоянно вижу новые введения и обновления. Спасибо за прекрасный конструктор! Ещё бы хотелось видеть разного рода расширения для Интернет-магазинов. Тогда конструктор будет почти универсален.

  • @o-astrology
    @o-astrology 6 років тому +13

    Ребята из Тильды, вы огонь! Браво

  • @vitasgref777
    @vitasgref777 6 років тому +29

    Это же просто праздник какой-то!!!)))

  • @_bigpartywithme_
    @_bigpartywithme_ Рік тому +2

    Спасибо, это очень оживило мой сайт!

  • @СергейКондулуков-з9ч

    Никита так просто и понятно объясняет. Я новичок в Тильде и сразу всё понял.

  • @FCatherine
    @FCatherine 6 років тому +1

    Молодцы ребята с Тильды, душа радуется вашей платформе)

  • @Hadi_Kate
    @Hadi_Kate Рік тому

    Сайт просто чудесно выглядит)

  • @Eugene-Tri
    @Eugene-Tri 6 років тому +1

    Ма-ла-дцы!
    Вот этого реально не хватало по сравнению с Редимагом. Теперь на уровне. Еще раз: МАЛАДЦЫ!

  • @daniilshvedov2426
    @daniilshvedov2426 6 років тому

    Tilda стала на уровень выше!

    • @fredikuper6308
      @fredikuper6308 6 років тому

      Если наш русский продукт, то почему не руссифицирована.?

  • @ЮраБ-н4ч
    @ЮраБ-н4ч 4 роки тому +3

    Супер, большое спасибо за видео.!!!!

  • @tatyana_botvinko
    @tatyana_botvinko 2 роки тому

    спасибо! увидев анимацию, сразу перенесли сайт к вам))

  • @ilya_rino
    @ilya_rino 6 років тому +4

    Суперский апгрэйд!) будем практиковаться, спасибо!!)

  • @АндрейЛосюк-к3л
    @АндрейЛосюк-к3л 3 роки тому +1

    Большое спасибо , очень полезное видео ! ! !

  • @WinterdNight
    @WinterdNight 4 роки тому +8

    Большое спасибо за видео! Недавно начала осваивать Тильду. Интуитивный интерфейс - 100% о вас. Я видела сайты с подобной анимацией, и диву давалась - как же ее сделать? А оказывается, все так легко! После просмотра аж руки зачесались, пойду пробовать. Вы крутые

  • @mary_emiris
    @mary_emiris 3 роки тому +1

    вау офигенные эффекты

  • @merellmortal
    @merellmortal 2 роки тому +1

    Потрясная функция!! Не терпится попробовать

  • @Дені-п1у
    @Дені-п1у 5 років тому

    Блин, только недавно увидел этот проект. Это просто супер, буду фигачить сайты.)

  • @aleksey_badr
    @aleksey_badr 3 роки тому +2

    Это очень крутая штука! Правда интересен вариант с мобильной версией))

  • @Sssyyyiiadbfckcckjffnrb
    @Sssyyyiiadbfckcckjffnrb 3 роки тому +1

    Спасибо за тильду

  • @nikolaygalkin665
    @nikolaygalkin665 6 років тому +6

    Оч круто, но было бы еще круче, если бы вы сделали такие же, различные варианты, уже собранные, как при выборе блоков. То есть чтобы можно было туда вписать текст, картинки, любой контент, и он уже по готовому работал :) Так то да, можно квадраты заставить по странице летать, но к чему это привязать, я не пойму пока :)

  • @Игнат_Игнат
    @Игнат_Игнат 5 років тому

    Выглядит очень круто!!

  • @МарияЛитвиненко-г5ч

    Круто)) Спасибо Вам за эту прекрасную возможность))))))))!!!!!!!!

  • @ekaterinakilikeeva4036
    @ekaterinakilikeeva4036 4 роки тому

    Выглядит очень круто 😃

  • @ЕкатеринаЛюбич-э5э

    Тильда это гениально

  • @vitaliydez
    @vitaliydez 6 років тому

    очень круто! спасибо за вашу работу!

  • @decoratus8club21
    @decoratus8club21 6 років тому

    Молодцы, вы -крутые!!

  • @AsfandiyorIbragimov
    @AsfandiyorIbragimov 2 роки тому

    Супер круто !

  • @darialobastova3097
    @darialobastova3097 2 роки тому

    Спасибо!

  • @SantaFreelanceDesigner
    @SantaFreelanceDesigner 4 роки тому +1

    кстати сейчас анимация в мобильных версиях работает. просто надо перейти на вид экрана - планшет и в разделе анимация нажать на "Swinch on" и будет счастье. Вот буквально вчера сообщили. Уже опробовал. Все работает

  • @sitini
    @sitini 3 роки тому

    Спасибо! Топ!

  • @neverforever1357
    @neverforever1357 3 місяці тому

    Было бы неплохо, если бы можно было анимации еще и комбинировать. Например мне надо,что бы объект появлялся при по скролле, потом покачивался в блоке On screen и потом при дальнейшем скроле исчезал

  • @yevhenchuhuievets6567
    @yevhenchuhuievets6567 6 років тому +3

    Прелестно

  • @allcityk1ng
    @allcityk1ng 6 місяців тому

    круто

  • @asetinec
    @asetinec 6 років тому +15

    А как применить на мобильных устройствах?

    • @ЮраБ-н4ч
      @ЮраБ-н4ч 4 роки тому +4

      1) Зайти в ZeroBlok
      2) Редактировать блок
      3) Перейти на мобильную версию.
      4) В Settings выделить блок где хотим включить анимацию и найти вкладку Mobile Animation ( находиться снизу)
      5) Нажать SWITCH ON.
      6) SAVE и CLOSE

  • @rep1ease289
    @rep1ease289 5 років тому +3

    Спасибо, очень полезное видео!
    Но со звуком у вас явные проблемы)

  • @verinea_ly5737
    @verinea_ly5737 4 роки тому +1

    Класс, очень полезное видео)) Спасибо 💖

  • @vitaliydez
    @vitaliydez 6 років тому +7

    Только появление из прозрачности все равно не работает корректно, так как первы кадр быстро проявляется сам объект...

    • @Алия-о5й
      @Алия-о5й 4 роки тому

      точно

    • @natalie_basket
      @natalie_basket 3 роки тому

      @@Алия-о5й вы не нашли как это исправить? )

  • @РусланСапожков-щ1ю
    @РусланСапожков-щ1ю 6 років тому

    белллииссииимооо!!

  • @magic2618
    @magic2618 2 роки тому +1

    Такой вопрос: Сделал анимацию где часть блоков спускается сверху в центр экрана, а часть блоков наоборот, снизу в центр. При нажатии на плей при редактировании - все работает. Но когда публикую страницу, те блоки которые должны идти снизу в центр вообще не показывает, что только не пробовал. Может быть подскажете?😞😞😞

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Здравствуйте
      Затрудняемся помочь в рамках комментариев на UA-cam.
      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу/ проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять задачу/ проблему и дать максимально точный ответ.

  • @m.o.n.s.t.e.r7170
    @m.o.n.s.t.e.r7170 9 місяців тому

    Анимация возможна только в отношении одного элементов элемента? Скажите пожалуйста!

    • @TildaPublishing
      @TildaPublishing  9 місяців тому

      Добрый день! Анимацию можно создать для нескольких элементов.

  • @360cinemaclub3
    @360cinemaclub3 6 років тому

    Как по горизонту выровнять контент, есть ли сетка какая, линия для горизонта?

  • @m.o.n.s.t.e.r7170
    @m.o.n.s.t.e.r7170 9 місяців тому

    есть какие-либо советы по редактированию страницы с телефона? Подскажите пожалуста

    • @TildaPublishing
      @TildaPublishing  9 місяців тому

      Добрый день! Мы рекомендуем для настройки анимации использовать компьютер.

  • @user-jp7lu8nj6d
    @user-jp7lu8nj6d 3 роки тому

    Теперь во фри плане нет кнопок loop и test в продвинутой анимации? хотела попробовать, но её даже нельзя проиграть, как базовую

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Сейчас дополнительно перепроверили, нет. На Free есть возможность воспроизводить и зацикливать анимацию по-прежнему
      Если у вас возникли трудности, создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написав на почту support@tilda.cc
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу вашего сайта и прикрепите полноэкранные скриншоты, которые помогут увидеть проблему и максимально оперативно помочь

  • @shlehanov
    @shlehanov 6 років тому

    👍

  • @enlerofficial
    @enlerofficial 6 років тому

    Как сделать чтобы при наведении текст был другим цветом? Допустим
    из черного в синий

  • @vip123vip
    @vip123vip Рік тому

    Подскажите в мобильной версии это не работает?

  • @farizdavasilyan3432
    @farizdavasilyan3432 Рік тому +1

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

    • @TildaPublishing
      @TildaPublishing  Рік тому

      Здравствуйте! Ссылка есть в описании под видео.
      tilda.cc/ru/lp/step-by-step-animation/

    • @farizdavasilyan3432
      @farizdavasilyan3432 Рік тому

      @@TildaPublishing Огромное спасибо) Еще вопрос, можно ли найти данный сайт у вас а качестве шаблона посредством поиска через ID? Недавно перешла на Тильду и хочется в конкретно примере пощупать все фишки с анимацией)

  • @antonvalintsev1384
    @antonvalintsev1384 6 років тому +2

    Тильда - бомба! Скажите пожалуйста, как же анимацию для других разрешений настроить, а то пока только в максимальном разрешении можно анимацию делать?

    • @TildaPublishing
      @TildaPublishing  6 років тому +2

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

    • @antonvalintsev1384
      @antonvalintsev1384 6 років тому

      Tilda Publishing Russia Даже базовая будет ухудшать UX?

    • @TildaPublishing
      @TildaPublishing  6 років тому +1

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

    • @antonvalintsev1384
      @antonvalintsev1384 6 років тому

      Спасибо, Вашу позицию понял. По поводу не кликабельных телефонов в мобильной версии - за такое вообще расстреливать надо! :)

    • @TildaPublishing
      @TildaPublishing  6 років тому

      Ну не так жестко, конечно, но определенно стоит об этом не забывать :-)

  • @ДанилКравцов-ц1т
    @ДанилКравцов-ц1т 6 років тому

    Это очень круто! Спасибо!
    Но скажу не только про анимацию. Стал делать письма для рассылки, и не хватает модулей, сильно, сделайте нулевой блок что ли, или добавьте пожалуйста ещё блоков для писем, в частности шапка. Спасибо!

    • @TildaPublishing
      @TildaPublishing  6 років тому +1

      Данил, блоки для писем намеренно сделаны такими лаконичными, так как почтовые программы ведут себя непредсказуемо. И чтобы письмо точно выглядело хорошо и могло быть прочитано, мы используем минимальное оформление.

  • @БалаБашка-ш9т
    @БалаБашка-ш9т 2 роки тому

    Здравствуйте. В представленной в начале странице фиксированный элемент "Good vibes only" не работает как показано в видео. И пытаюсь в своем сайте сделать такую фичу, тоже не выходит.

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      Здравствуйте!
      Напишите, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту team@tilda.cc
      В обращении подробно опишите проблему, укажите ссылку на опубликованную страницу вашего сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @Артём-т1я8с
    @Артём-т1я8с 6 років тому

    Было бы классно если можно было бы накладывать страницу на zero block. Чтобы они как бы слоями были.

    • @TildaPublishing
      @TildaPublishing  6 років тому

      Если я вас правильно поняла, то это возможно. Посмотрите, пожалуйста, например, в этой статье tilda.education/articles-design-thinking-great-questions некоторые элементы из Zero Block накладываются на стандартные блоки. Если это то, что нужно, напишите, пожалуйста, в поддержку, ребята подскажут, как это сделать

  • @jenyaz4456
    @jenyaz4456 5 років тому

    скажите, а анимация в мобильной версии не доступна? мне по скролу анимация нужна..

  • @Yersultan-q9s
    @Yersultan-q9s 3 роки тому +1

    тэээкс, куда душу сдавать чтоб так научиться?

  • @daniilpostnov
    @daniilpostnov 4 роки тому

    Как увеличить размер в пикселях. Нужно кнопку с 3px до 193px в 3500% увеличивать. Такое себе удовольстве.
    Также анимация увеличения идет от центра. А как поставить, чтобы шла слева?

    • @TildaPublishing
      @TildaPublishing  4 роки тому

      Здравствуйте, Даниил
      Не уверены, что правильно вас пониманием
      Увеличение работает только из середины, вы могли бы отправить ссылку на референс - увеличение не из центра?
      Задать можно только в процентах действительно, вы можете установить для параметра scale в пошаговой анимации нужное вам значение в процентах
      С Уважением,
      Tilda Team

  • @nadinkaaknidan3641
    @nadinkaaknidan3641 Рік тому

    Привет.
    А как открыть дополнительно страничку для предпросмотра? У меня есть возможность просмотреть только путем "Опубликовать" после каждого сохранения..

    • @TildaPublishing
      @TildaPublishing  Рік тому

      Здравствуйте! Посмотрите, пожалуйста, эту инструкцию - answers.tilda.cc/ru/a/mobile/

  • @_pr04ee82
    @_pr04ee82 5 років тому

    время 0:49

  • @ЕвгенийБаркас
    @ЕвгенийБаркас 2 роки тому

    А можно это использовать в выпадающем мобильном меню?

    • @TildaPublishing
      @TildaPublishing  2 роки тому

      К сожалению, готового решения для использования пошаговой анимации в блоках из библиотеки нет. Видео касается только Zero Block.

  • @Samed21
    @Samed21 4 роки тому

    Добавьте пожалуйста возможность перемещать работу с фигмы в Тильда - как на Framer

    • @TildaPublishing
      @TildaPublishing  4 роки тому +1

      Спасибо за предложение
      Обязательно учтём его при планировании будущих обновлений

  • @Челспереулка-ч1ч
    @Челспереулка-ч1ч 4 роки тому

    а можно к примеру сделать, чтобы на одном проекте было несколько ID шаблонов анимаций а не одна(К примеру: Параллакс эффект к движ миши и появления изображения при наведении на текст)? И как это сделать?

    • @TildaPublishing
      @TildaPublishing  4 роки тому

      Здравствуйте, Владислав
      К сожалению, не уверены, что правильно вас понимаем.
      Вы могли бы описать чуть подробнее?
      Чтобы мы смогли дать более точный ответ, отправьте, пожалуйста, подробное описание вопроса, ссылку на опубликованную страницу вашего сайта на team@tilda.cc или через виджет в правом нижнем углу в личном кабинете Tilda.
      С Уважением,
      Tilda Team

  • @levwoonder1631
    @levwoonder1631 3 роки тому

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

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении опишите проблему, укажите ссылку на опубликованную страницу сайта и прикрепите полноэкранные скриншоты, которые помогут понять проблему и дать максимально точный ответ.

  • @NoName-re7pd
    @NoName-re7pd 3 роки тому

    Как сделать из формы изогнутую линию?

    • @TildaPublishing
      @TildaPublishing  3 роки тому

      Не уверены, что правильно понимаем задачу
      Создайте, пожалуйста, обращение в нашу службу поддержки. Это можно сделать на странице tilda.cc/tickets или написать на почту support@tilda.cc
      В обращении подробно опишите задачу, прикрепите полноэкранные скриншоты, которые помогут понять задачу и дать максимально точный ответ.

  • @Samed21
    @Samed21 4 роки тому

    Меня одного интересует то, что как это работает со стороны кода...
    То есть больше не нужны веб программисты?
    А как же с гугл аналитик и это тоже работает?

    • @TildaPublishing
      @TildaPublishing  4 роки тому +1

      Стоит исходить из целей и задач всё-таки, однозначного ответа нет, к сожалению

    • @Samed21
      @Samed21 4 роки тому

      @@TildaPublishing а если я соберу сайт сначала в фигме а потом перенесу его в Тильда, он будет работать как любой другой сайт с помощью программиста

    • @TildaPublishing
      @TildaPublishing  4 роки тому +1

      Да, всё верно
      Вы можете:
      - Использовать готовые блоки из библиотеки Тильды
      - Создавать собственные в zero-block (встроенный графический редактор в Тильде)
      - Создавать блоки с помощью стороннего кода, добавляя его в блок t123 из категории «другое»

  • @svaramirsvaramir7995
    @svaramirsvaramir7995 Рік тому

    как вставить анимированный логотип, чтобы он занимал не более 5% в блоке и находился с краю блока?

    • @TildaPublishing
      @TildaPublishing  Рік тому

      Здравствуйте! К сожалению, мы не можем вам подсказать точные настройки анимации. Вы можете создать свою анимацию, используя учебник - tilda.education/web-animation-course

  • @Всёдлякрасоты-д9э

    Всё классно в зеро боке но, не хватает знание английского. Хотелось бы перевод на русском)

  • @moteus
    @moteus Рік тому +8

    Никита, Вы стопроцентный миллионер. Купите пожалуйста микрофон для улучшения качества роликов! Вы и Ваш сервис великолепны, но плохой звук портит безупречное качество!

  • @marina_ipkes
    @marina_ipkes 4 роки тому

    Подскажите пожалуйста как сделать умирающий текст в тильде.может есть такой урок?

    • @TildaPublishing
      @TildaPublishing  4 роки тому

      Не уверены, что правильно вас понимаем.
      Вы могли бы, пожалуйста, прислать ссылку на страницу с примером или описать вашу идею подробнее?

    • @marina_ipkes
      @marina_ipkes 4 роки тому

      @@TildaPublishing я имела ввиду мигающий

    • @marina_ipkes
      @marina_ipkes 4 роки тому

      @@TildaPublishing я скину вам ссылку чуть позже

    • @marina_ipkes
      @marina_ipkes 4 роки тому

      @@TildaPublishing thisisprojekt.com/?ref=tilda.cc/ru/madeontilda/

    • @marina_ipkes
      @marina_ipkes 4 роки тому

      @@TildaPublishing пожалуйста скажите как сделать такой текст?

  • @azaliazay
    @azaliazay 2 роки тому

    не понимаю, как добавить это в проект, в статью

  • @Юрий-ч1и1з
    @Юрий-ч1и1з 10 місяців тому

    Фигма в 100 раз круче

  • @Natali_Ya.
    @Natali_Ya. 5 років тому

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

  • @nikolaygalkin665
    @nikolaygalkin665 6 років тому

    Есть у кого-нибудь примеры реально круто собранных страниц с этим блоком?

    • @TildaPublishing
      @TildaPublishing  6 років тому +2

      ship.step-by-step-demo.tilda.ws/
      solar-system.step-by-step-demo.tilda.ws/
      wild.step-by-step-demo.tilda.ws/
      background.step-by-step-demo.tilda.ws/
      texttwist.step-by-step-demo.tilda.ws/
      swinton.step-by-step-demo.tilda.ws/
      transparency.step-by-step-demo.tilda.ws/
      text.step-by-step-demo.tilda.ws/
      pingpong.step-by-step-demo.tilda.ws/
      fly.step-by-step-demo.tilda.ws/
      shapes.step-by-step-demo.tilda.ws/
      Страницы можно использовать как темплейты - то есть создать в своем аккаунте и посмотреть настройки

    • @nikolaygalkin665
      @nikolaygalkin665 6 років тому +2

      На счет темплейтов- круто!))) По-больше бы их!

  • @user-mq1pb7md2g
    @user-mq1pb7md2g 3 роки тому

    Вы основатель такой крутой платформы, а микрофон у вас поршивый :(

  • @tonymudol3008
    @tonymudol3008 4 роки тому

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

    • @TildaPublishing
      @TildaPublishing  4 роки тому +1

      Спасибо за обратную связь, будем внимательнее подходить к звуку

  • @refilmika
    @refilmika 6 років тому

    Нашёл следующие баги:
    1. Невозможно настроить стартовый шаг в соответствии с инструкцией. То есть из невидимого состояния в видимое. Где-то вы наговнокодили.
    2. Кроме того, последний шаг нельзя зафиксировать (хотя кнопка есть).
    3. Выравнивание двух объектов относительно друг друга тоже не работает. Всё криво и косо.
    В общем, пока продукт сырой.

  • @МебельГалант
    @МебельГалант 6 років тому

    Кто сделает мне такую анимацию за деньги ?

  • @Дмитрий-х2э4ч
    @Дмитрий-х2э4ч 2 роки тому

    Сделайте все на русском языке