Перейти к содержимому

Assets: Masking, Path и Compile

Этап Assets вычисляет, как каждая страница «раскрашивается» в видео. Три вкладки выполняются по порядку — Masking → Path → Compile — а вкладка About объясняет конвейер прямо в приложении. Всё выполняется локально и бесплатно; обычно достаточно нажать Run All на каждой вкладке (или Run Rest там, где он есть, чтобы заполнить только недостающее).

Этап Assets

Masking решает, какие области каждой страницы получат цвет.

Элемент управления Что он делает
Переключатель Remove White (по умолчанию: включён) Исключает белый бумажный фон из маски, чтобы цвет ложился только внутри рисунка.
Переключатель Object Mask (по умолчанию: выключен) Выделяет основной объект и полностью зачерняет фон — для страниц, где анимироваться должен только объект. Кнопка ? показывает наглядное объяснение «до/после».
Run All Маскирует все страницы (спрашивает перед перезаписью существующих масок).

Щелчок по готовой маске открывает Masking Editor — полноэкранный инструмент для доработки с заливкой (щёлкните по любой области, чтобы закрасить её чёрным), зумом колёсиком, панорамированием перетаскиванием правой кнопкой, Zoom to Fit (F) / 1:1 (R) и кнопкой Reset для возврата к оригиналу. Используйте его, когда маска затекает в зазор фона; обычно всё решается парой щелчков.

Masking Editor с зачернённым фоном ночного неба

Жёлтая карточка означает, что у страницы нет обработанного эскиза — сначала завершите Sketch › Process для этой страницы.

Path превращает каждую маску в реальные штрихи раскрашивания.

Элемент управления Что он делает
Выпадающий список Fill pattern In & Out (по умолчанию) — штрихи идут от краёв области внутрь, как аккуратная работа карандашом. Spiral — непрерывная спиральная заливка, другой визуальный характер.
Run Rest / Run All Генерирует пути для недостающих страниц / всех страниц.

Генерация путей — самое тяжёлое локальное вычисление в приложении, поэтому оно автоматически регулирует свою скорость, когда компьютер занят (ждёт, если свободной памяти или запаса CPU становится мало) — на загруженной машине вы можете увидеть, как элементы ненадолго попадают в очередь. Это нормально.

Щёлкните по готовому элементу, чтобы рассмотреть его пути — радужный рендеринг визуализирует порядок штрихов по всей странице:

Сгенерированный SVG-путь, визуализированный как радужный порядок штрихов

Одно нажатие Run All собирает маски и пути в финальные анимационные ассеты, которые использует рендерер видео. Щёлкните по любому скомпилированному превью, чтобы рассмотреть композицию на весь экран — снимок середины раскрашивания, показывающий, как именно анимация будет закрашивать страницу:

Превью скомпилированного ассета — страница в середине раскрашивания, штрихи заполняют каждую область

Когда эта сетка заполнена, вы готовы к Videos.