Grid Transition

Сетка здесь — только визуальный ориентир. Реальное переключение ячеек делает не позиция в кадре, а порядок клипов на таймлайне. Способ проще освоить, но плохо масштабируется — чем больше переходов нужно собрать, тем дольше этим заниматься руками.

1. 1
   Добавь Adjustment Clip и сетку

   Поверх обоих клипов (A и B) добавь Adjustment Clip — служебный клип без своего видео, который применяет эффект ко всему, что лежит ниже него на таймлайне. Сразу же накинь на него эффект Grid (Effects Library → Open FX → Resolve FX Generate → Grid), в настройках выбери сетку 3×3 — линии появятся поверх картинки как ориентир, где проходят границы ячеек.
2. 2
   Убери Adjustment Clip повыше

   Перенеси Adjustment Clip на дорожку выше, чтобы он не мешал работать с самими клипами — сетка на нем все равно останется видна поверх всего, что лежит ниже.
3. 3
   Заверни клип B в Compound Clip

   С самого начала клип B (тот, на который будешь переключаться) лучше завернуть в Compound Clip — перенеси его на дорожку над клипом A и перейди в Inspector.
4. 4
   Обрежь под сетку

   В Inspector открой раздел Cropping и обрежь видео ровно под сетку. Для точности приблизься в окне просмотра и зажми Alt (Windows) / Option (Mac) при перетаскивании маркера — подгонка пойдет мелким шагом, край легче выровнять точно по линии сетки.
5. 5
   Скопируй под остальные ячейки

   Скопируй обрезанный Compound Clip, переключись в режим Crop (инструмент кадрирования в тулбаре редактирования — им копию можно сразу позиционировать в окне просмотра) и перенеси копию на следующую ячейку. Повтори для всех оставшихся ячеек — итого 9 одинаковых по содержимому, но по-разному обрезанных Compound Clip-ов.
6. 6
   Расставь порядок на таймлайне

   Подрежь все 9 Compound Clip-ов по длительности и расставь в нужной последовательности — именно порядок появления клипов на таймлайне определяет, в каком порядке переключаются ячейки, а не их позиция в кадре.
7. 7
   Меняй видео при необходимости

   Если позже нужно поменять клип B на другой — кликни правой кнопкой по любому из Compound Clip-ов, выбери Open in Timeline и замени видео внутри. Все 9 копий ссылаются на один и тот же Compound Clip, поэтому видео обновится сразу во всех ячейках.
8. 8
   Для второго перехода — не собирай заново

   Если нужен еще один похожий переход на других клипах — создай новый Compound Clip, скопируй первый готовый (Copy), выдели новый и вставь настройки через Paste Attributes (на Mac горячие клавиши Option + V), отметь галочкой Cropping и нажми Apply. Так подгонка под сетку переносится на новый клип без повторной ручной работы — останется только расставить порядок на таймлайне под нужную последовательность.

Здесь весь переход собирается одним нод-графом на стыке двух клипов — все 9 ячеек переключаются одновременно внутри одного перехода, а не как 9 последовательных клипов на таймлайне. Собирать дольше, зато потом переход можно растягивать, сжимать и менять порядок переключения без пересборки графа.

1. 1
   Возьми Fusion-переход как заготовку

   Между клипами A и B перетащи любой штатный переход из Effects Library → Video Transitions → Fusion Transitions (важно взять именно из категории Fusion Transitions — иначе не будет вкладки Fusion). Выдели переход, открой вкладку Fusion сверху — там уже готовы ноды MediaIn1, MediaIn2 и MediaOut1. Сам переход между ними удали, дальше строишь граф на его месте. Не обязательно, но удобно сразу переименовать MediaIn1 и MediaIn2 в понятные названия, чтобы не путать, где какая нода.
2. 2
   Добавь сетку-ориентир

   Shift + Space → введи Grid и настрой сетку под кадр. Эта нода нужна только как визуальный ориентир, пока расставляешь ячейки — после сборки ее можно будет удалить.
3. 3
   Построй 9 ячеек: маска + заливка

   Для каждой из 9 ячеек добавь две ноды: RectangleMask — задает позицию и размер ячейки, и Background (проверь, что Type = Solid) — заливка, которая через RectangleMask (подключается в Effect Mask) видна только внутри своей ячейки. Координаты Center лучше вбивать числом вручную, а не тянуть мышкой на глаз — легко промахнуться на несколько пикселей. Width и Height — 1/3 кадра (0.3334). Как считать Center — разобрано ниже.
4. 4
   Задай очередность через Red/Green/Blue

   Первую ноду Background не трогай вообще — она остается с настройками по умолчанию, это ячейка с рангом 0, открывается первой. У остальных восьми в цветовых каналах Red/Green/Blue (все три числа равны между собой) впиши ранг — число от 0 до 1, задающее момент переключения. Alpha у всех девяти — всегда 1, это отдельное поле, не путай с рангом. Что означают эти числа и откуда берется шаг — разобрано ниже.
5. 5
   Собери карту через Merge

   Добавь 8 нод Merge, чтобы соединить все 9 заливок в одну общую карту очередности: первый Merge берет Background первой ячейки и второй, следующий Merge берет результат предыдущего и следующую ячейку — и так по цепочке, пока все 9 не окажутся в одной последней ноде Merge.
6. 6
   Настрой Dissolve в режиме Gradient Wipe

   Добавь ноду Dissolve, в параметре Operation выбери Gradient Wipe. На канвасе (не в Inspector) соедини: MediaIn2 → вход Background (зеленый канал), MediaIn1 → вход Foreground (желтый канал), итоговый Merge (карта очередности) → вход Map (розовый канал). Резкость переключения внутри каждой ячейки регулируется двумя ручками: ползунок Softness у самой ноды (0 — жесткий рез, больше значение — мягче) и отдельно форма кривой у модификатора AnimCurves на следующем шаге — они не дублируют друг друга.
7. 7
   Привяжи Mix к длине перехода

   В Inspector правой кнопкой по полю Background/Foreground (это ползунок Mix, не разъем для подключения) → Modify With → AnimCurves, в модификаторе выставь Source = Transition. Без этого шага при растягивании перехода на таймлайне анимация не пересчитается и переход сломается. Кривую можно сделать мягче, чтобы появление каждой ячейки было менее резким.
8. 8
   Замкни граф и проверь

   Соедини выход Dissolve со входом MediaOut1 — граф готов, сетку-ориентир (шаг 2) теперь можно удалить. Вернись на вкладку Edit и растяни переход на таймлайне — анимация должна автоматически подтянуться под новую длительность.

Логика значений

Откуда шаг 0.125. 9 ячеек — значит 9 позиций в очереди переключения, а считать их удобнее с нуля: 0, 1, 2 … 8. Чтобы растянуть эти 9 позиций равномерно по отрезку от 0 до 1, номер позиции делят не на количество ячеек, а на количество шагов между ними — а шагов на 1 меньше, чем самих позиций: шаг = 1 / (9 − 1) = 0.125. Первая нода Background не трогается (ранг 0), дальше по порядку: вторая — 0.125, третья — 0.25, четвертая — 0.375, и так далее до девятой с рангом 1.0 (ранг ноды N считается как (N − 1) / 8).

Как считать координаты Center по X и Y. Fusion считает позицию в кадре в нормализованных координатах: X — от 0 (левый край) до 1 (правый край), Y — от 0 до 1, но перевернуто: 0 внизу кадра, 1 — наверху. Легко перепутать верхний и нижний ряд ячеек, если считать привычно сверху вниз. Сетка 3×3 делит кадр на 3 равные колонки и 3 равные строки, центр каждой трети — ее начало плюс половина ширины или высоты. По X (колонки слева направо): колонка 1 → 0.1667, колонка 2 → 0.5, колонка 3 → 0.8333. По Y (визуальные строки сверху вниз на экране, но с поправкой на переворот): верхняя строка → 0.8333, средняя → 0.5, нижняя → 0.1667. Общая формула для ячейки в колонке c (0, 1 или 2, считая слева) и визуальной строке r (0, 1 или 2, считая сверху): X = (2c + 1) / 6, Y = 1 − (2r + 1) / 6.

Что означают Red/Green/Blue у Background. Это не цвет — это число-ранг очередности открытия ячейки, и все три канала (R, G, B) у одной ноды всегда равны между собой. Карта из всех 9 заливок подается на вход Map ноды Dissolve в режиме Gradient Wipe: этот режим сравнивает яркость карты в каждой точке кадра с текущим значением Mix (прогресс перехода от 0 до 1) и переключает пиксель с клипа A на клип B, как только Mix доходит до ранга этой точки. Если захочешь поменять порядок переключения — сам граф нод трогать не нужно, меняются только эти 9 чисел рангов у Background (и/или то, какой прямоугольник к какому Background подключен).