FUSION WORKFLOW / 05
Уровень: Простой workflowАнимированная линия маршрута на карте во Fusion
Карта ставится на прозрачный Background, маршрут рисуется Polygon с анимированным Write Length, а подпись и маркер собираются через MultiMerge и Transform по Path.
Задача композиции
Этот workflow показывает, как во Fusion аккуратно отрисовать маршрут на карте. Основой служит скрин карты, поверх него создаётся красная линия маршрута через Polygon Mask и Background, затем добавляется информационная плашка, мягкое свечение и движущийся маркер. Такой приём удобно использовать в тревел-роликах, доставке, навигационных вставках, объясняющих видео и коротких Reels/Shorts.
Схема разделена на три понятные части: карта приводится к размеру кадра через Background и Transform, линия маршрута рисуется отдельным Polygon с анимацией Write Length, а плашка с маркером собирается отдельно и двигается по Path. Благодаря этому маршрут можно быстро менять, не ломая карту, подпись и финальную композицию.
Граф нод
Приблизьте нужную ветку, выберите ноду и проверьте её входящие связи.
Выберите ноду для разбора связей. Перетаскивание — перемещение; Ctrl/Cmd + колесо или + / − — масштаб. Стрелки двигают вид, Home показывает всю схему.На сенсорном экране включите «Перемещение» для жестов внутри графа.
| Источник | Получатель | Вход |
|---|---|---|
| Input | ||
| Foreground | ||
| Background | ||
| Background | ||
| EffectMask | ||
| Foreground | ||
| Background | ||
| EffectMask | ||
| EffectMask | ||
| Input | ||
| Input | ||
| См. граф и порядок сборки | ||
| См. граф и порядок сборки | ||
| Input | ||
| Foreground | ||
| Input |
Порядок сборки
Скрин карты сначала масштабируется Transform-ом, а затем кладётся на прозрачный Background через Merge. Это даёт стабильный кадр 1920×1080 и не привязывает всю композицию к исходному размеру скриншота.
Маршрут рисуется Polygon Mask. Background1 задаёт красный цвет линии, а сам Polygon определяет форму маршрута и постепенно открывает её через анимированный Write Length.
На этом этапе красная линия маршрута накладывается поверх карты. Карта остаётся отдельной подложкой, поэтому маршрут можно менять независимо от масштаба карты и остальных элементов.
Информационная плашка используется как отдельный PNG-оверлей. Rectangle ограничивает её форму, Background3 создаёт источник для мягкого свечения, Transform3 подгоняет размер, а Glow делает плашку визуально отделённой от карты.
MultiMerge собирает плашку и её подсветку в один слой. Transform4 двигает этот слой по Path, чтобы подсказка могла ехать вместе с началом или концом маршрута.
Финальный Merge соединяет карту с маршрутом и анимированную плашку. В MediaOut уходит уже готовая навигационная композиция.
Параметры нод
Ниже приведены значения этого примера. Описание объясняет роль каждой настройки и помогает адаптировать схему под свой материал.
Polygon — главный элемент этого workflow. Он не просто маска, а сама траектория маршрута. За счёт Border Width линия видна как маршрут, а Write Length отвечает за анимацию её отрисовки.
Background1 задаёт цвет маршрута. Поскольку он подключён через Effect Mask от Polygon, цвет появляется только вдоль нарисованной линии.
Transform2 подгоняет скрин карты под кадр. В примере карта немного увеличена, чтобы избавиться от лишних краёв и лучше вписать маршрут в композицию.
Rectangle используется как мягкая маска для PNG-плашки с информацией о маршруте. Это позволяет аккуратно вписать плашку в кадр и не получить жёстких краёв.
Glow добавляет мягкое свечение под плашкой, чтобы она читалась поверх сложной карты и не сливалась с деталями улиц.
Transform4 получает позицию от Path2. Так плашку можно анимировать по отдельной траектории, не трогая саму карту и линию маршрута.
Диагностика
Не рисовать маршрут поверх карты обычной картинкой, если нужна анимация появления. Polygon с Write Length управляется намного чище.
Не объединять карту, маршрут и плашку в один PNG. Иначе любое изменение маршрута потребует заново готовить весь кадр.
Не путать карту как пользовательский MediaIn и настоящие ноды Fusion: скрин карты не должен вести в энциклопедию нод.
Не делать линию маршрута слишком толстой: на карте она быстро перекроет подписи улиц и важные детали.
Не забывать прозрачный Background в начале схемы, если нужно стабильное разрешение композиции.
Контроль композиции
Отмечайте пункты после проверки своей композиции.
Первоисточники объясняют работу инструментов и подключений в схеме.
Working in the Node Editor: входы Merge и разрешение выходного изображения.
Bitmap Mask и Common Mask Controls: image как маска, выбор канала, Alpha и диапазон.
