Texture Animation Pipeline with Substance Designer and Unreal Engine 4: Chapter 1 — Aztecs

Всем привет! Меня зовут Антон Пухов. Я работаю Junior Technical artist’ом в компании Saber Interactive.

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

Он был создан мной в экспериментальных и исследовательских целях.

В один прекрасный день я задался вопросом: «А что если…? » А что если сделать анимацию текстур в Substance Designer? Получится ли? В тот момент это был лишь вопрос, и ни о каком пайплайне речи и не было. Все моё видение сформировалось в процессе работы.

Это пока только тестовая стадия пайплайна, и на этом этапе есть существенные недостатки, о которых я расскажу в своих статьях. Всего их будет 4.

Забегая вперед, хочу сказать, что данная статья не является уроком по созданию процедурного материала в Substance Designer. Поэтому базовые приемы я буду пропускать и останавливаться на тех моментах, которые важны и как-то связаны с пайплайном.

Наберитесь терпения, друзья, скоро все станет понятно =)

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

Хочу сказать огромное спасибо всем тем, кто принимал или будет принимать участие в моем research’е)

Все началось с того, что я хотел попрактиковаться в создании процедурных материалов в Substance Designer. Искал, что можно было бы сделать. Посидел на pinterest’е некоторое время, остановился на орнаменте Ацтеков, а именно на камне солнца. В дальнейшем, именно нижеприведенную картинку я использовал как отправную точку для начала своего графа.

Поначалу была задача сделать все элементы отдельно. В то время я хотел проверить, как работает svg формат в Substance Designer, и таким способом хотел убить двух зайцев. SVG работал у меня криво, и Substance Designer не всегда правильно его отображал (а может быть я выводил неправильно). В итоге все равно пришлось выгружать из вектора png картинки, в дальнейшем с которыми и работал:

Таким образом у меня появился доступ к каждому элементу.

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

Мой граф преобразился и стал выглядит следующим образом:

Постепенно я продолжал собирать референсы. Со временем у меня появилась мысль соединить несколько материалов в один. Ниже в moodboard’е можно увидеть, что я пришел к 2 видам: камень и металл:

Материал камня (background за орнаментом) я сделал в виде отдельного сабграфа и с ним работал уже в качестве одной ноды. Дополнительно сделал несколько экспоуз параметров таких, как интенсивность нормала и общий цвет материала, взятый с помощью ноды color match. Это необходимо было сделать, чтобы регулировать эти 2 параметра в основном графе:

Для смешивания двух материалов я использовал ноду height blend, которая позволяет объединить материалы по карте высот и распределить их по уровням (background и front):

Множество иттераций и экспериментов над цветом, рафнесом и металиком, и в итоге у меня появился готовый материал.

Процесс создания каждого канала:

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

В этой части я рассказал исключительно про художественную составляющую. И мысль этого этапа в следующем:

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

В следующей статье разговор пойдет уже больше о технических аспектах при создание анимации в Substance Designer.