Как я делаю анимацию для видео? Введение в Motion Canvas

[@aokpaokrndoi]

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

[@Svetoz]

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

[@architect_of_the_sun]

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

[@QuangMinh-q7g]

Love from VietNam, keep going bro. Ura

[@regrin]

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

[@sys.raccoon]

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

[@green.616]

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

[@alexpo9842]

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

[@sys.raccoon]

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]

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

[@sabrasas]

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

[@sys.raccoon]

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

[@green.616]

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

[@sys.raccoon]

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

[@lednikov8512]

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

[@sys.raccoon]

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

[@snatvb]

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

[@sys.raccoon]

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

[@snatvb]

@@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]

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