Contour Paint

В After Effects Beta 27.0 Build 6 и более поздних версиях мы рады представить Contour Paint — новый визуальный эффект, позволяющий творчески изменять изображения и видео!

Contour Paint, image #1

По своей сути, Contour Paint анализирует ваши кадры и находит видимые потоки вдоль краев фигур (контуров) внутри них, а затем упрощает и размывает ваши изображения вдоль этих контурных краев, подобно рисованию пальцами, а также, при желании, постеризует размытые фигуры, рисуя сплошные заливки цветом с использованием уменьшенной палитры. Вы можете получить иллюстративные эффекты, эффекты, похожие на печать, или очень абстрактные изображения. Мы действительно думаем, что вам это очень понравится!

Contour Paint
Contour Paint

Понимание принципа работы контурной живописи:

Вот несколько исходных видеоматериалов, которые мы будем использовать. Скейтбордист и лягушка.

Кадр из необработанного видео скейтбордиста (обрезанный)
Кадр из необработанного видео скейтбордиста (обрезанный)
Кадр из необработанного видео с лягушкой
Кадр из необработанного видео с лягушкой

Процесс Contour Paint обрабатывает кадр в несколько этапов, что показано здесь на примере футажа с скейтбордистом.

Контурная покраска (по часовой стрелке)
Контурная покраска (по часовой стрелке)

Чтобы разобраться подробнее, давайте рассмотрим элементы управления в Contour Paint.

Режимы просмотра Contour Paint:

Возможно, наиболее важным элементом управления, который поможет вам понять Contour Paint, является первый из них — выпадающее меню «Вид/View», которое позволяет переключаться между выводом эффекта «Конечный результат/Final Result» или Edge Map, как ее видит Contour Paint.

Функция Contour Paint имеет два режима просмотра: Final Result (Default) и Edge Map
Функция Contour Paint имеет два режима просмотра: Final Result (Default) и Edge Map

Подобно тому, как эффект Keylight позволяет видеть промежуточные этапы процесса создания эффекта, возможность видеть, как Contour Paint обрабатывает ваш видеоматериал, значительно поможет в исследовании различных результатов.

В Edge Map отображаются края, которые видит Contour Paint (возможно, это будет похоже на эффект «Найти края/Find Edges»), а также направление и величина контурных потоков, как указано направлением и прозрачностью голубых стрелок. Вот фрагмент Edge Map для нашей лягушки. Видите, как стрелки движутся вдоль краев? Это основа для многих решений, которые вы и эффект будете принимать с помощью Contour Paint.

Лягушка с отображением ребер и стрелок потока в виде Edge Map
Лягушка с отображением ребер и стрелок потока в виде Edge Map

(Кстати, элементы управления «Карта внешних ребер/External Edge Map» позволяют использовать ребра другого слоя в качестве карты для размытия, а раздел «Изменения карты/Map Modifications» позволяет изменять карту до того, как она размажет изображение, и эти изменения также видны на карте ребер, но давайте пока оставим это в стороне).

Теперь, когда вы знаете, как Contour Paint видит ваше изображение, давайте поговорим о том, что вы можете с ним сделать.

Contour Smearing:

Наша лягушка, с разным уровнем стилизации/Stylization и аккуратности/Cleanliness
Наша лягушка, с разным уровнем стилизации/Stylization и аккуратности/Cleanliness

В разделе «Размытие контуров/Contour Smearing» вы можете управлять тем, насколько сильно Contour Paint сдвигает пиксели кадра вдоль контуров.

«Стилизация/Stylization» определяет, насколько сильно размытие преувеличено и насколько оно фокусируется на крупных контурах, а не на мелких деталях (попробуйте изменить это, просматривая Edge Map).

«Чистота/Cleanliness» — это количество деталей, которые удаляет размытие.

«Количество итераций размытия/Smear Iterations» — это число, сколько раз подряд алгоритм размытия применяется сам к себе. Это значение может достигать 100, но ожидайте соответствующего увеличения времени рендеринга, поскольку эффект применяется несколько раз.

Важно: увеличение количества итераций очень похоже на простое размещение нескольких копий Contour Paint на одном слое, и, как мы только что сказали, время рендеринга действительно увеличивается. Однако это позволяет создавать удивительно абстрактные визуальные эффекты, поэтому мы рекомендуем вам поэкспериментировать.

Сравнение одной итерации и 100 итераций на наших видеозаписях катания на скейтборде
Сравнение одной итерации и 100 итераций на наших видеозаписях катания на скейтборде

Применение Apply to Alpha размывает пиксели как в альфа-канале, так и в каналах RGB. Это может быть полезно, если у вас есть текстовый слой или слой с фигурой, который не заполняет весь экран, или если вам нужно использовать маску объекта на объекте в рамке, который вы хотите стилизовать.

Пример того, как параметр Apply to Alpha: On может искажать края текстового слоя
Пример того, как параметр Apply to Alpha: On может искажать края текстового слоя

Теперь, когда мы знаем, как размыть изображение, давайте посмотрим, как выполнить дальнейшую стилизацию с помощью уменьшения цвета (Color Reduction).

Color Reduction:

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

Параметр «Рисовать цветные заливки/Draw Color Fills» управляет тем, как и когда уменьшенные цветные фигуры рисуются и накладываются поверх размытого изображения.

По умолчанию установлено значение «Нет/None», и вы увидите только исходное размытое изображение.

Параметр «Над размытым изображением/Over Smeared Image» накладывает заливки поверх.

Параметр «Только/Only» отображает только заливки и скрывает размытое изображение (Далее есть параметр «Ограничить заливки/Limit Fills», который позволяет создавать прозрачность в частях заливок, что дает вам возможность контролировать, что просвечивает).

Reduction Method определяет, какие ограниченные цвета использовать в Contour Paint. Существует два алгоритма постеризации/Posterization (K-средних, медиана/K-Means, Median), которые уменьшают количество цветов до уровня, указанного в параметре «Уровень постеризации/Posterization Level». Уменьшение количества цветов выполняется с помощью метода усреднения кадров. Поскольку это усреднение цветов, эти методы постеризации могут показаться сильно стилизованными и могут меняться на каждом кадре, если цвета в кадре достаточно сильно меняются.

Если вам нужен больший контроль, то Reduction Method: Match to Nearest Custom Color — ваш лучший помощник и, возможно, секретный инструмент Contour Paint, о котором мы сейчас поговорим подробнее.

Демонстрация всех различных методов уменьшения цвета
Демонстрация всех различных методов уменьшения цвета

Match to Nearest Custom Color:

Важно понимать, что делает функция «Сопоставить с ближайшим пользовательским цветом/Match to Nearest Custom Color» и как она работает: она использует метод, который пытается сопоставить восприятие цвета человеком, чтобы найти ближайший цвет в наборе пользовательских цветов (Custom Color). Представьте это как интеллектуальную постеризацию заданной вами палитры.

Примеры огня с использованием набора Nearest Custom Color
Примеры огня с использованием набора Nearest Custom Color

Переназначение цветов работает только на основе ближайшего цвета, и нет гарантии, что будут использованы все цвета из пользовательского набора цветов. Если вы добавите контурную заливку с пользовательским набором цветов, включающим ярко-розовый цвет, к видео с зелёными джунглями и голубым небом, этот ярко-розовый цвет не будет ближайшим цветом для каких-либо пикселей, и заливка этим цветом отображаться не будет. Но если через кадр пролетит фламинго, этот розовый цвет начнёт появляться.

Добавление образцов в пользовательский набор цветов:

Вы можете использовать кнопку «+» над образцами пользовательских цветов, чтобы добавить любой желаемый цвет, но мы настоятельно рекомендуем использовать пипетку в диалоговом окне выбора цвета, чтобы взять образцы цветов с исходного изображения (возможно, вам захочется временно отключить эффект «Контурная заливка» во время взятия образцов), чтобы гарантировать точное совпадение. Это даст вам наибольший контроль над тем, какие цвета на изображении будут видны.

Вы можете задать ключевые кадры для пользовательского набора цветов, используя свойство «Пользовательский набор цветов/Custom Color Set» под образцами. Включите секундомер для этого свойства и просто добавляйте или удаляйте цвета в наборе образцов, чтобы они интерполировались внутрь и наружу палитры.

Custom Color Set swatches UI
Custom Color Set swatches UI

Limit Fills by Edge Strength:

Функция «Ограничить заливку по силе ребра/Limit Fills by Edge Strength » позволяет контролировать, где именно будет отображаться заливка.

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

Здесь увеличен лимит «Низкая интенсивность/Low Strength», чтобы исключить области с низкой детализацией, а параметр «Заливка цветом/Draw Color Fills» установлен в значение «Только/Only»
Здесь увеличен лимит «Низкая интенсивность/Low Strength», чтобы исключить области с низкой детализацией, а параметр «Заливка цветом/Draw Color Fills» установлен в значение «Только/Only»

External Edge Map:

Теперь, когда мы знаем, как использовать параметры обработки, мы можем вернуться к первым элементам управления эффектом, используя и изменяя карту краев/Edge Map.

В дополнение к использованию карты краев/Edge Map, полученной из вашего изображения или видео, вы можете указать Contour Paint на внешнюю карту краев/External Edge Map — еще один слой, который можно использовать для управления размытием.

Наша лягушка, измазанная эффектом контурной живописи, отсылающим к результату фрактального шума, показанному слева
Наша лягушка, измазанная эффектом контурной живописи, отсылающим к результату фрактального шума, показанному слева

Это может привести к интересным инверсиям типичного рабочего процесса. Например, если взять визуальный эффект шума (фрактальный шум и т.д.) и затем использовать Contour Paint для размазывания этого шума по контурам, взятым с изображения, это может привести к очень интересному эффекту контурной графики.

Шум, размытый контурами изображения
Шум, размытый контурами изображения

Map Modifications:

Функция Offset Flow Angles позволяет глобально регулировать каждый угол потока на карте ребер/edge map.

Наша лягушка с функцией Offset Flow Angles
Наша лягушка с функцией Offset Flow Angles
Огонь с различными значениями Quantize Flow Angle
Огонь с различными значениями Quantize Flow Angle

Функция «Квантовать углы потока/Quantize Flow Angle» привязывает углы потока к определенным значениям. Этот эффект более заметен при большем количестве итераций. Ее можно использовать для создания чрезвычайно стилизованных эффектов, особенно если вы пытаетесь придать изображениям «компьютерный» вид.

Freehand Flow Adjustments:

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

UI для Freehand Flow Adjustments
UI для Freehand Flow Adjustments

Просто рисуйте в окне просмотра композиции и наблюдайте, как углы подстраиваются под ваши мазки. Если в окне просмотра установлен режим «Карта ребер», вы увидите тонированный контур мазков и изменение цвета стрелок, на которые они влияют.

Contour Paint, image #20

Функция «Изменить поток контура/Change Contour Flow» позволяет изменять направления на карте потока, которые отображаются в виде зеленых контуров на карте ребер.

Функция «Удалить поток контура/Remove Contour Flow» обнуляет карту потока в местах присутствия штрихов. При полной непрозрачности поток будет удален, и изображение не будет размываться в этих областях. При низкой непрозрачности вы можете использовать эту функцию для уменьшения интенсивности направления. Эти штрихи отображаются в виде красных контуров на карте ребер.

Функция «Удалить штрихи/Delete Strokes Lets» позволяет щелкнуть по существующим штрихам, чтобы удалить их. Штрихи представляют собой отдельные объекты, и один щелчок удалит весь штрих.

Ключевые кадры. Аналогично настройке пользовательского цвета, вы можете создавать ключевые кадры для регулировки потока при свободной отрисовке, используя свойство «Регулировка потока при свободной отрисовке/Freehand Flow Adjustments». Сами штрихи не будут анимироваться, как если бы они рисовались, но будут интерполироваться.

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

Unsharp Mask (или любой другой эффект повышения резкости). Поскольку Contour Paint работает с краями изображения, используя эффект повышения резкости для их выделения, можно получить совершенно разные эффекты. Здесь видно, что цвета и формы на нашем снимке с серфингом выглядят гораздо более стилизованными, если предварительно обработать изображение, добавив эффект «Нерезкая маска/Unsharp Mask».

Сравните, сколько Unsharp Mask используется перед тем, как Contour Paint позволяет подчеркнуть края
Сравните, сколько Unsharp Mask используется перед тем, как Contour Paint позволяет подчеркнуть края

Shadow / Highlights:

Shadow/Highlights — недооцененный эффект, который осветляет темные и затемняет светлые участки кадра. Это может значительно повысить детализацию изображения, обрабатываемого программой Contour Paint.

На сравнительных изображениях показано, как можно использовать Shadow/Highlight для уменьшения контраста и выделения деталей при применении перед Contour Paint
На сравнительных изображениях показано, как можно использовать Shadow/Highlight для уменьшения контраста и выделения деталей при применении перед Contour Paint
26 views·3 shares