Анимированная SVG-графика в Тильде | Часть 1

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

КОМЕНТАРІ • 23

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

    Сайт с полезными модификациями и фишками для тильды!
    dsgnmax.ru/useful

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

    тоооп, спасибо большое за видео, очень помог ❤️

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

      Рад помочь) на днях запишу вторую часть, где покажу как делать анимацию немного по-интереснее)

    • @ВадимБаранов-х7в
      @ВадимБаранов-х7в 2 роки тому

      @@designmax привет) подскажи пожалуйста как сделать чтоб анимация проигрывалась не сразу, а например 3 или 4 блоком. С svg artista вставляю код, но он сразу проигрывается, хотя я еще не доскролил.

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

      @@ВадимБаранов-х7в Привет, в vivus instant работает эта история, пока не доскролишь до нужного блока, анимация не проигрывается)

    • @ВадимБаранов-х7в
      @ВадимБаранов-х7в 2 роки тому +1

      @@designmax спасибо))

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

    Спасибо вам за гайд)
    Вопрос: если мне нужно сделать анимацию планировки квартиры , можно ли преобразовать формат pdf или dwg (формат инженерных чертежей) в svg ? Или это чревато проблемами и лучше отрисовать эту планировку с нуля в иллюстраторе и оттуда вывести svg ?

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

      Я если честно не знаю, ни разу не сталкивался) но насколько знаю, формат dwg можно экспортировать в svg, а потом уже можно пробовать анимировать)

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

    Здравствуйте, подскажите , как можно через вивус запускать анимацию в блоке до которого доходит очередь? Все перепробовала, начинается как только анимация запускается:((( Помогите пожалуйста

  • @РУСЛАНС-э8н
    @РУСЛАНС-э8н 2 роки тому +1

    Супер! СПАСИБО! А в мобильной версии не работает анимация?

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

    Добрый день. А если анимацию не зацикливать, - то можно ли сделать, чтобы она проигрывалась при появлении блока нпр.?

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

      Привет) если делать через vivus, то анимация должна проигрываться только тогда, когда до неё доскролишь)

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

      @@designmax Через visus сделал,- без замены в коде. Не проигрывается при доскроливании. Или хотя бы, если возможно, - какой код - чтобы зацикливалась, но каждый раз начинала сначала. А не туда-сюда.

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

      @@alexeynazarov8075 тогда нужно просто включить loop, тогда анимация будет начинаться каждый раз заново

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

      @@designmax Спасибо.

  • @ИраЮщенко-б1п
    @ИраЮщенко-б1п 2 роки тому

    Здравствуйте, а если у меня в коде не находит слово forwards вообще. Не подскажите причину ?

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

      Привет) напиши в инсту, нужно код глянуть, возможно loop стоит включённый, если мы говорим про сервис vivus, потому что в нем нужно искать forwards, а если используем SVG artista, то там both уже

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

    А как эту анимацию на Тильду загружать?

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

      Как обычную картинку)

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

    Слушай, а где вторая часть??

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

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