Подробное введение в Motion Canvas

แชร์
ฝัง
  • เผยแพร่เมื่อ 19 พ.ย. 2024

ความคิดเห็น • 21

  • @aokpaokrndoi
    @aokpaokrndoi หลายเดือนก่อน +5

    наконец-то нормальный гайд по канвасу. теперь можно будет гораздо проще и эффективнее делать анимации для детдома. вы помогли благотворительности!

  • @QuangMinh-q7g
    @QuangMinh-q7g หลายเดือนก่อน +1

    Love from VietNam, keep going bro. Ura

  • @Svetoz
    @Svetoz หลายเดือนก่อน

    Крутой урок! Спасибо!

  • @architect_of_the_sun
    @architect_of_the_sun หลายเดือนก่อน

    Отличный гайд!

  • @green.616
    @green.616 หลายเดือนก่อน

    Хм, мне кажется что сделать анимированные чейнжлоги релизов это будет творческим выражением бэкенд-разработчика))

  • @regrin
    @regrin 24 วันที่ผ่านมา +2

    Добрый день!
    Скажите, а насколько это трудоёмкий процесс?
    Верно ли, что это сильно проще и быстрее, чем анимировать вручную?
    Сколько заняло создание этого ролика?
    Филипп

    • @sys.raccoon
      @sys.raccoon  22 วันที่ผ่านมา

      На 1 и 2 вопрос отвечу одновременно. Зависит от задачи. Что-то проще анимировать в After Effects, что-то в Motion Canvas, тут нет универсального решения.
      Что касается последнего вопроса, 1.5 месяца если считать с начала написания сценария и до итоговой реализации.

  • @alexpo9842
    @alexpo9842 หลายเดือนก่อน

    Awesooooome! top top Motion Canvas skills! Will you open source the full video?

    • @sys.raccoon
      @sys.raccoon  29 วันที่ผ่านมา

      Glad you liked it. The sources for this video look like absolute hell. I have no desire to post them, but the components and most important functions are available in my library for MC: github.com/sysraccoon/motion-paw-tools

  • @moamab4541
    @moamab4541 5 วันที่ผ่านมา

    thanks a lot can you please create more videos please and add the english translation and thanks

  • @sabrasas
    @sabrasas หลายเดือนก่อน

    Не ожидал увидеть урок по motion canvas на русском

    • @sys.raccoon
      @sys.raccoon  หลายเดือนก่อน

      Я больше удивлён что столько времени, подобного видео про MC не было в ру сегменте

  • @green.616
    @green.616 หลายเดือนก่อน

    На счёт ручного экспорта в FFmpeg, наверняка где-то в настройках или просто в исходниках либы можно исправить параметры экспорта

    • @sys.raccoon
      @sys.raccoon  29 วันที่ผ่านมา

      Разве что в исходниках менять. Но это тоже не всегда удобно, так как экспорт через ffmpeg объединяет все сцены вместе, а экспорт в набор изображений позволяет раскладывать их в отдельные директории. И можно конечно написать свой собственный экспортер который сразу будет группировать сцены в отдельные mp4/mov файлы с нужными параметрами, но на текущем этапе лично мне проще вызвать ffmpeg вручную.

  • @lednikov8512
    @lednikov8512 หลายเดือนก่อน

    Вау!
    Почему тут так мало подписчиков и лайков?!

    • @sys.raccoon
      @sys.raccoon  หลายเดือนก่อน

      Предполагаю причина в нишевости контента и небольшой частоте выхода роликов.

  • @snatvb
    @snatvb หลายเดือนก่อน

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

    • @sys.raccoon
      @sys.raccoon  หลายเดือนก่อน

      Я для выделения области кода использую кастомный компонент который работает на основе вот этого примера в документации: motioncanvas.io/docs/code#querying-positions-and-sizes

    • @snatvb
      @snatvb หลายเดือนก่อน

      @@sys.raccoon о спасибо
      может и для схем есть уже что то готовое? чтоб можно было дерево со стрелками нарисовать

    • @sys.raccoon
      @sys.raccoon  หลายเดือนก่อน

      @@snatvb в MC можно использовать обычные компоненты Rect, Circle, Txt и т.п. чтобы изображать сами узлы и Line, QuadBezier, CubicBezier для соединяющих линий. При этом есть встроенная поддержка вывода стрелочек (свойства startArrow, endArrow, arrowSize). Этот подход я использовал в видео про git.
      Подробнее про кривые можно почитать в документации: motioncanvas.io/docs/bezier-curves
      Как альтернативный вариант я бы смотрел в сторону mermaid. В теории можно даже попробовать диаграммы анимировать делая экспорт в SVG формате и используя SVG компонент в Motion Canvas. Но я так не делал, так что не знаю какие сложности в этом подходе

    • @snatvb
      @snatvb หลายเดือนก่อน

      @@sys.raccoon mermaid вообще не кастомится по стилям и там все сплошниковое, потому я юзаю eraser
      ну я так и пытался делать и плюнул, кпд просто ничтожный, слишком много действий требуется чтоб схемку накидать :)