← Все отличия нод Fusion

Графика и анимация

Motion graphics-ноды: текст, shape, transform, time и чистая графика

Титры, плашки, линии, инфографика, UI-анимации и заставки в Fusion чаще собираются не одной нодой, а связкой Text+, Shape, Transform, Merge, Time, Duplicate, Trails, MotionBlur и эффектов финальной доводки.

Примеры нод

Text+STextTransformSTransformTrailsDuplicateKeyframeStretcherMotionBlur

Это не отдельный тип данных, а способ сборки

Motion graphics в Fusion — это не одна особая нода и не отдельный формат провода. Это практический способ собирать чистую графику: текст, плашки, линии, иконки, указатели, HUD, схемы, инфографику, lower thirds, заставки и переходы.

Внутри такого блока могут использоваться обычные 2D-ноды, Shape-система, Text+, SText, Transform, STransform, Duplicate, Trails, TimeSpeed, KeyframeStretcher, Blur, Glow, Merge и маски. Главное отличие не в типе данных, а в задаче: создать управляемую графическую систему, которая хорошо анимируется и легко правится.

Поэтому motion graphics-раздел нужен как мост между семействами. Он объясняет, когда проще сделать графику обычными 2D-нодами, когда лучше использовать Shape-пайплайн, где пригодится Time-логика и почему финальная сборка почти всегда возвращается в обычный Merge.

Text+ или SText: как выбирать основу

Text+ удобен, когда нужен обычный титр поверх видео: заголовок, подпись, lower third, простой callout, таймер, текстовая карточка или элемент интерфейса. Он хорошо вписывается в привычную 2D-цепочку: Text+ → Transform → Merge → Glow/Blur/Color → MediaOut.

SText логичнее использовать, когда вся графика собирается как Shape-система. Например, если текст должен жить рядом с SRectangle, SEllipse, SPolygon, линиями, SMerge и STransform до общего SRender. Так графика остаётся векторной внутри S-пайплайна и рендерится одним аккуратным блоком.

Ошибка начинается там, где Text+ и SText смешиваются без причины. Само по себе это не запрещено, но нужно понимать границу: Text+ уже обычный 2D-элемент, а SText до SRender остаётся частью Shape-системы. Если эту границу не держать в голове, схема быстро становится нечитаемой.

Shape-графика против растровой графики

Для плашек, линий, кругов, рамок и чистых UI-элементов Shape-ноды часто удобнее обычных Background + Mask. Они позволяют собирать много элементов внутри одной S-системы, двигать их STransform, объединять SMerge и только в конце выводить через SRender.

Обычный 2D-пайплайн проще, когда графика небольшая: один Text+, один Background, одна маска, один Merge. Но если появляется десяток линий, карточек, маркеров и анимированных фигур, Shape-подход обычно чище. Flow короче, элементы логически сгруппированы, меньше лишних Merge и проще поддерживать единый стиль.

Практический критерий такой: если нужно быстро положить один титр — бери Text+ и 2D. Если нужно построить целую графическую сцену с множеством простых фигур — лучше Shape-система с SRender.

Анимация: Transform, Time и повторители

Motion graphics почти всегда держится на анимации. Transform и STransform отвечают за позицию, масштаб, вращение и pivot. Duplicate помогает повторить элемент. Trails создаёт шлейфы движения. TimeSpeed, TimeStretcher и TimeOffset позволяют управлять временем, задержкой и повторением анимации.

KeyframeStretcher особенно важен для шаблонов. Он позволяет растягивать клип по длительности, сохраняя входную и выходную анимацию. Без него lower third или заставка часто ломаются: интро растягивается вместе с удержанием, а аутро съезжает не туда.

Для чистой графики полезно думать не отдельными ключами, а состояниями: появление, удержание, акцент, исчезновение. Тогда схема становится проще: один блок отвечает за reveal, другой за loop/idle, третий за outro.

Финальная доводка графики

Даже аккуратно собранная графика часто выглядит сырой без финальной доводки. MotionBlur добавляет естественность движению, Glow подчёркивает яркие элементы, Blur смягчает слишком цифровые края, зерно помогает вписать графику в видео, Color Corrector подгоняет тон под фон.

При этом важно не убить читаемость. Слишком сильный glow размывает текст, чрезмерный motion blur делает мелкие подписи нечитаемыми, а агрессивные blend-режимы могут испортить контраст. В motion graphics красота всегда должна подчиняться ясности: зритель должен быстро понять, что написано и куда смотреть.

Хорошая практика — держать финальный polish отдельным участком после основной графической логики. Тогда можно быстро отключить Glow, Blur, Grain или MotionBlur и проверить, что сама конструкция работает без декоративных костылей.

Как строить reusable-шаблоны

Если графика должна использоваться много раз, её нужно собирать как шаблон: понятные имена нод, отдельные контролы для текста, цвета, длительности, позиции, безопасные зоны и аккуратная структура Flow. Тогда lower third, callout или карточку можно быстро переиспользовать в разных проектах.

Для шаблонов особенно важны KeyframeStretcher, Expression, Instance и аккуратные контролы. Пользователь шаблона не должен искать десять разных мест, где меняется цвет или размер. Лучше вынести ключевые параметры наверх и оставить внутри только техническую механику.

Также нужно учитывать разные длины текста. Плашка, которая идеально выглядит на одном слове, может развалиться на длинной фамилии или заголовке. Поэтому motion graphics в Fusion — это не только красивая анимация, но и инженерия поведения элемента в реальных условиях.

Практический пример

Для нижней плашки можно собрать фон через SRectangle, линию через Shape, текст через SText, объединить всё SMerge, анимировать появление через STransform и вывести через SRender. После этого обычный Merge кладёт графику поверх видео.

Если нужна простая версия, можно использовать Text+ и Background с маской: Text+ → Transform, Background → Rectangle, затем Merge элементов и общий Transform для появления. Такой вариант быстрее, но при большом количестве элементов становится тяжелее читать.

В финале добавляется MotionBlur на движение, небольшой Glow или Shadow для отделения от фона, Color Corrector для подгонки и KeyframeStretcher, если плашка должна растягиваться на разную длительность без поломки входа и выхода.

Рабочая схема

1Определить основу графики: простой 2D-пайплайн или Shape-система
2Собрать текст, плашки, линии, иконки и служебные элементы отдельным блоком
3Анимировать Transform/STransform, pivot, scale, position и opacity
4Добавить Time-логику, Duplicate, Trails или KeyframeStretcher, если элемент должен повторяться или растягиваться
5Вывести Shape через SRender или сразу собрать 2D через Merge
6Добавить финальный polish: MotionBlur, Glow, Blur, Shadow, Grain, Color Corrector
7Проверить читаемость, безопасные зоны, длинные тексты и разные длительности клипа