Ссылка https://render.ru/ru/Monkibase/post/11333

Blender modeling tutorial

УРОК

Файлы урока: SCENES, SCRITPS.

Привет, меня зовут Олег, и сегодня мы будем моделить в Блендере!

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

UV Развёртка Пайплайн

UV Развёртка: ААА-Пайплайн 4/7. Самый полный гайд

https://dtf.ru/gamedev/83063-uv-razvertka-aaa-payplayn-4-7-samyy-polnyy-gayd


Это четвёртая из семи статей из цикла про этапы пайплайна.

Вступай в группу в ВКонтакте и группу в Фейсбуке, чтобы не пропустить следующий выпуск!

Прошлая статья была про сетку.

Сегодня статья посвящена третьему этапу пайплайна — UV развёртке.А следующие статьи будут про запечку, текстуры и подачу.







Сейчас мы разберём:


— Что такое развёртка, как её сделать

— Как развёртка влияет на поведение текстур

— Самые частые ошибки на UV и к чему они приводят

— Целый ряд советов по правильной работе и оптимизации развёртки


Ты узнаешь про то, что такое тайловое пространство, как с ним работать, как правильно разворачивать сложные формы. Увидишь, как в дальнейшем развёртка поможет в текстурировании модели. Узнаешь про особенности развёртки моделей как части ААА-пайплайна (т.е. разработки моделей именно для топовых компьютерных игр).


Приступим!
Что такое развёртка?


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


Отсюда возникает отдельный этап пайплайна — UV развёртка.

Развёртка переносит объёмные формы на плоскость для того, чтобы на них можно было положить текстуры.


В оригами ты делаешь из плоского листа бумаги объемный объект.Развёртка делает то же самое, но наоборот — из объемного делает плоское.



Развёртка для видеоигр всегда делается из лоуполи модели, про которую мы писали в прошлой статье.


Кстати, в мультфильмах и иногда в кино мапят хайполи с технологией pTex, которая позволяет текстурить модель без развертки, но это отдельная история. Если ты разрабатываешь модель для компьютерной игры, то разворачивается всегда лоуполи.


Давай разбираться, что это и как это работает!

С чего начинается работа с развёрткой?


В любом 3D редакторе есть инструментарий для работы с UV.


Базового функционала той же Maya хватит, чтобы сделать развёртку даже для очень сложной модели. Но для удобства и редких фишек (например, отрисовка паддинга) иногда используют отдельные программы, созданные исключительно для работы с UV. Лично мне нравится работать в UV Layout. Есть ещё популярная программа Rizom UV.



Хотя я всё чаще стал мапить просто в Maya. За последние пару версий она обновилась и стала крутой.


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

Давай разбираться, из чего состоит развёртка


Как ты видишь на картинке, у куба есть 8 точек и 6 квадратных полигонов. Теперь посмотри на развёртку, и увидишь, что на развёртке тоже 6 квадратов.

​Смотри, на кубе 8 точек, а на развёртке целых 14.


Но количество точек на UV больше, чем на самой модели — на развёртке их целых 14. Чтобы понять, откуда они появились, выдели на кубе одну точку, и увидишь, что на развёртке выделится сразу несколько точек.

​Одна точка на модели может иметь несколько точек на UV.


На самом деле, на пересечении полигонов происходит следующее:у каждого вертекса, помимо положения в пространстве и нормали (смотри прошлую статью), есть ещё один параметр — положение этого вертекса на UV.


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


Главное сейчас, чтобы ты понял — каждый полигон имеет своё место на UV как плоский объект, чтобы программа знала как класть текстуру на геометрию.


Итак, ты понял, что развёртка нужна тебе, чтобы текстурить модель. И каждый полигон твоей модели должен присутствовать на развёртке.


Очень скоро ты узнаешь, как положение объекта на UV влияет на поведение текстур. Так что идём дальше!

Как UV влияет на поведение текстур


Давай для примера возьмём кузов от нашего грузовичка.Наложим на него текстуру дерева.


Первым делом, давай сделаем авторазвёртку:

Наша простенькая моделька для примера c авторазвёрткой​


Давай выделим на модели одну из дощечек и перенесём на UV вправо:

Двигаем объекты по UV​


[ Свойство 1 ] Изменяешь положение объекта на UV — изменяешь положение текстуры.



Кстати, все объекты на UV называются UV шеллы (UV shell).


[ Свойство 2 ] Так вот, поворачивая шеллы, ты поворачиваешь текстуру на геометрии:



Измени размер UV шелла, и посмотри как изменились текстуры на объекте:



[ Свойство 3 ] Изменяя размер на UV, ты меняешь размер текстуры на модели.


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



Это было краткое интро про то, что такое UV. Прежде чем мы пойдём дальше, к техническим нюансам, давай разберёмся, как текстурится модель, если у неё правильная развёртка.

Как красятся модели, имеющие развёртку


Открой Substance Painter или любую другу программу, которая создана для работы с текстурами. И загрузи в неё свою модель с развёрткой.


Если всё нормально, то красить будет одно удовольствие:



Но иногда встречаются странные вещи:



Что происходит? С кистью творится что-то очень странное!


Ответ лежит в UV. Для примера мы специально немного его попортили, чтобы ты увидел, как косяки на UV напрямую влияют на твои текстуры. А плохие текстуры испортят любую хорошую модель.





Тому, откуда берутся глюки на UV и как избежать их появления, будут посвящены все последующие разделы этой статьи.Будет и теория, и рекомендации для правильной работы.



Два вида мапинга


Без теории не обойтись.Когда ты разворачиваешь объекты на UV, есть 2 пути:


1) Сделать уникальный мапинг.


2) Сделать тайловый мапинг.


Прежде чем разбираться с каждым из них по отдельности, обрати внимание на следующее: на UV пространстве много квадратов. На самом деле, они бесконечны.

​Бесконечное тайловое пространство. Квадраты никогда не закончатся, каждый из них повторяет текстуру из первого квадрата, а уместить развёртку нужно в квадрат 0-1.


Но нас особенно интересует именно первый квадрат на UV, который находится от 0 до 1. Имменно на него накладывается текстура, а на всех остальных квадратах текстура просто повторяется (про UDIM-ы сегодня говорить мы не будем)



Если ты разворачиваешь модель на UV так, что все объекты находятся в первом квадрате и не выходят за его пределы, это называется уникальным мапингом.


Делая hard surface или персонажей для игры, тебе нужно делать именно уникальный мапинг. А для объектов окружения, ландшафтов и зданий часто используется тайловый мапинг, хотя там тоже не всё так просто.


Давай начнём с уникального мапинга.

1 Уникальный мапинг


Как ты помнишь, один материал имеет всего лишь одну единственную текстуру. И она полностью растягивается на первый квадрат UV.


Теперь представь, что мы хотим замапить наш грузовичок. У него есть текстура с деревом для кузова и текстура с крашеным металлом для кабины (хотя на самом деле их гораздо больше).



В принципе, мы можем не заморачиваться. И сделать 2 материала. Один под дерево, другой под крашеный металл. И уже мапить объекты на эти 2 материала.


Но есть нюанс. Каждый новый материал — это лишний вызов отрисовки (draw call), который нагружает игровой движок. А мы моделим грузовичок для игры. Нам крайне важно использовать минимальное количество ресурсов.


Поэтому, вместо того, чтобы плодить кучу лишних материалов, мы делаем всего один материал. Сначала мы разворачиваем все объекты на UV, потом кидаем в фотошоп или Substance Painter и красим эти элементы по отдельности.




Кстати, на важные объекты для больших современных игр ты можешь добавлять по 3-5 материалов.


На выходе мы получаем одну единственную квадратную текстуру, сделанную специально для нашей модели.



Это и называется уникальным мапингом. Это технология, которая заключается в следующем:


— Мы мапим все объекты на UV только в первый его квадрат. Ни один из шеллов не выходит за его пределы, и шеллы не пересекаются (кроме оверлапов, о которых поговорим сегодня чуть позже).


— Объекты покрашены по-разному (кузов деревянный, кабина из крашеного металла). Причём это не повторяющиеся, а уникальные текстуры.


— Но на выходе мы имеем одну единственную текстуру (не считая карты нормали, рафнеса и металнеса, но об этом в статье про текстуры) и один материал, тем самым экономим ресурсы игрового движка.

2 Тайловый мапинг


Как ты уже знаешь, квадраты на UV бесконечны. Это значит, что текстура, которую ты положил в первый квадрат будет повторяться бесконечное количество раз. Это бесконечное повторение текстур называется тайлом.


Тайловый мапинг очень часто используется для развёртки зданий, предметов окружения и ландшафтов.


Представь, что мы хотим сделать развёртку этого дома:





Сначала мы создаём материалы с бесшовными текстурами.Потом кладём их на геометрию с помощью авторазвёртки (box maping).


И так делаем для каждого из объектов. Для стены дома — один материал с кирпичной кладкой. Для прилавка — другой материал с текстурой дерева. И так далее.



Ещё один момент — при тайловом мапинге сами UV шеллы могут выходить за пределы первого квадрата UV. Это нормально.


Зачем это нужно? Представь, что у тебя есть бесшовная текстура с кирпичом. Если развёртка всех стен будет в первом квадрате, то кирпичи будут слишком крупными (как ты можешь увидеть на гифке). Так как текстура с первого квадрата бесконечно повторяется, а у текстуры нет швов — мы просто меняем размер шеллов на UV и подбираем подходящий для нас размер.



В автомапинге не так важно как выглядит UV развёртка. В отличие от уникального мапинга, нет смысла умещать все шеллы внутри первого квадрата и экономить пространство на UV. Главное, чтобы текстуры выглядели аккуратно и без потягов.


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


Вот так выглядит наш дом после развёртки и текстур.



Говоря про тайловый мапинг, есть один важный момент насчёт текстур.


Если ты не хочешь, чтобы при повторении текстуры были швы — используй тайловые текстуры, то есть текстуры без швов.



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


— textures.com


— texturehaven.com


— poliigon.com


— quixel.com/megascans/library

​Тайловая текстура, т.е. текстура, которая повторяется без швов.


Но есть нюансы. У нас в сцене есть несколько разных фруктов.

​Кусок сцены с фруктами.


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

Одна текстура — и сразу несколько покрашенных объектов. Это простейший атлас.​


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


Раз речь зашла о текстурах, есть ещё один момент, который нужно знать.Лучше всего работать с квадратными текстурами.


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

​Видишь, текстура некрасиво растянулась на UV. Всё потому что прямоугольные текстуры растягиваются до квадрата.


Иногда для экономии видеопамяти используют прямоугольную текстуру (например 1024х512 или даже 2048х256. Да, так тоже бывает!) Такая текстура все-равно растягивается до квадрата, и для неё очень важно правильно растянуть развертку.


Кстати, насчет разрешения текстур: из-за особенностей цифровых вычислений, разрешение текстур всегда стараются делать кратными степени двойки. То есть сторона текстуры может быть 32 пикселя в ширину. Или 64, 128, 256, 512, 1024, 2048 или, даже, 4096 пикселей. Как я писал выше, текстура может быть прямоугольной, например 512х256, или 512х128, но, как правило, их делают квадратными.


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


Совет: старайся использовать квадратные текстуры. Если все-таки нужны прямоугольные — помни правило, о разрешении кратном степени двойки.


Про текстуры пока что всё, давай вернёмся к UV, ведь про текстуры у нас будет отдельная, не менее огромная статья :)

Как правильно работать с UV


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


Трюки при работе с UV:

Оверлапы
Тайлы
Тримы
Атласы

Оверлапы сэкономят пространство на UV


Если на твоей модели есть одинаковые элементы, например, болты на обшивке, то на UV их можно размапить на один и тот же UV shell. Просто посмотри видео, там всё рассказано:

Урок про оверлапы.


Симметричные объекты также можно оверлапить.Про это ты можешь узнать больше в этом уроке:



Дальше нас ждут тайлы, тримы и атласы.Они часто используются для объектов окружения, зданий и ландшафтов. Но, например, тайлы иногда бывают очень полезны и для hard surface моделей, и персонажей. Давай узнаем что это такое.

Тайлы, тримы и атласы


Как ты помнишь, текстура из первого квадрата UV повторяется бесконечно на все другие квадраты, и это называется тайлом.


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


Тримы — это те же тайлы, но повторяются они не во все стороны, а только по одной оси.



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

Что такое атласы и тайлы?


Есть история, как крутой моделлер покрасил целый игровой уровень, используя всего 2 атласа. Как он это сделал, мы рассказали в этом уроке.


Итак, ты уже много узнал про UV, но это далеко не всё.


Важно не только уметь разворачивать объекты, но и проверять UV на косяки. А по ходу работы их будет много. Давай разберёмся, как это сделать?

Как проверить развёртку на ошибки


Помнишь нашу гифку, где при покраске модели творились странные вещи. Давай ещё раз на них посмотрим:



Такое происходит, когда у тебя есть ошибки на UV, например, текстуры могут растянутся, это называется «потягами на UV». Помимо потягов есть ещё несколько ошибок, которые мы разберём в этой статье чуть позже.


Хорошая новость — во всех программах есть «чекер». Это текстура с шахматной доской, которую используют для проверки развертки.Он выглядит вот так:

Так выглядит чекер. Здесь он везде без потягов и одного размера, значит ошибок на UV нет.​




Если квадраты на чекере искажены, то при текстурировании возникнут проблемы.


Идеальная развертка — когда все квадраты чекера ровные.


Запомни, когда ты сделал развёртку, обязательно проверяй чекер.Если нашёл ошибки — исправляй!


Кстати, в программах есть функция, которая поможет тебе быстро исправить ошибки на UV.

Функция Unfold поможет исправить ошибки


Unfold есть во всех программах.


Если ты увидел, что чекер неровный — жми волшебную кнопку.Программа всё исправит.



Но ей тоже нельзя доверять на 100%. Сложные формы анфолд не сможет исправить, и придется резать UV.


Как ты уже понял, взять свою лоуполи, сделать авторазвёртку, а потом нажать Unfold — это далеко не всё. Тебе нужно выбрать способ мапинга твоей модели, правильно развернуть все элементы, сделать оверлапы, если они необходимы, уместить все шеллы внутри первого квадрата (и ещё много всего другого).


Работы много, и плохая развертка может попортить жизнь на текстурировании, поэтому UV — очень важный этап пайплайна.

Твоя задача на этом этапе


Сейчас ты понял основы работы с UV.Давай подведём небольшой итог, что конкретно ты должен сделать на этом этапе пайплайна, чтобы с текстурами не было проблем.


Тебе нужно:

Развернуть все элементы на UV
Исправить косяки авторазвёртки через Unfold
Исправить косяки после Unfold
Сделать чекер везде ровным, без потягов
Разложить все элементы в пространстве от 0 до 1


Прежде чем ты получишь целый ряд советов по правильной работе с UV, давай разберём самые частые ошибки новичков.

Частые ошибки на UV с примерами

1 Потяги на UV - чекер не квадратный

Потяги на UV — чекер не квадратный​


Если видишь нечто подобное — исправляй через Unfold.Если он не поможет — исправляй руками.


Кстати, у нас есть классный урок на эту тему:



Здесь мы много писать не будем — и так всё ясно.

2 Квадраты чекера разного размера



Чтобы ты понял, почему квадраты чекера могут быть разного размера, тебе нужно знать, что такое тексель.


Тексель — это количество пикселей на метр (или сантиметр, или дюйм — в зависимости от проекта).


Тексель показывает, насколько детальной будет текстура.В шутерах тексель высокий, так как игроки могут сильно приближаться к объектам. В играх от 3 лица тексель немного ниже, а в стратегиях тексель еще ниже.


Очень важно, чтобы объекты переднего плана имели одинаковый тексель. А объекты среднего и дальнего плана зачастую имеют более низкий тексель, так как им не нужна такая высокая детализация.

​Примерные цифры. Для каждого проекта тексель отличается и высчитывается тех. директором


Если рядом находятся объекты с разным текселем, то один будет выглядеть очень детализированным, а второй — мыльным. Поэтому на проектах следят за текселем, чтобы картинка была гармоничной.


Как тексель связан с UV?


Когда ты правильно сделал развёртку, квадраты чекера будут одного размера.Если ты сделаешь один из шеллов меньше, то квадраты чекера увеличатся, а тексель уменьшится.

​Меняем тексель на UV шеллах


Теперь важный момент.


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


Запомни — изменять тексель нужно осознанно.


Когда ты меняешь тексель, ты должен точно понимать, зачем ты это делаешь.


Подробнее про тексель мы рассказали в этом уроке:


3 Слишком много свободного места на UV пространстве

​Здесь слишком много свободного пространства на UV. Нужно увеличить размер всех шеллов и перепаковать их, чтобы они полностью заняли первый квадрат. Тогда будет выше тексель и текстура будет более детализированной


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

4 Объекты на UV пересекаются



Никогда не пересекай UV шеллы. Это приведёт к артефактам на текстурах.


Исключения из этого правила — оверлапы.


В них ты осознанно накладываешь шеллы друг на друга. Зачем это нужно, мы уже писали в этой статье.

5 Кривые оверлапы



Когда объекты не идеально лежат друг на друге, могут появиться швы или некрасивые артефакты на текстурах.


Всегда проверяй оверлапы, которые делаешь.


С частыми ошибками разобрались.Пришло время понять, как правильно работать с UV.


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

Беру лоуполи модель.
Делаю авторазвёртку.
Отрезаю все острые углы и углы под 90 градусов (это нужно для адекватной запечки нормала).
Проверяю чекер на потяги, исправляю.
Уменьшаю те части, которые не видно у модели. Так юви используется эффективнее, и мы экономим ресурсы движка. Нет смысла делать высокое разрешение текстур на днище у автомобиля, которое никто не видит.
Все кривые полигоны выравниваю.
Раскладываю юви в квадрате 0-1 с учетом отступа в несколько пикселей.
Если остается слишком много пустого места на юви — увеличиваю всю развертку и повторяю пункт 7. Если на юви слишком мало свободного места — чуть скейлю в минус самые больше юви шеллы и ищу хитрые способы разложить юви как можно плотнее.
Делаю оверлапы.
Отодвигаю оверлапы на 1 квадрат в сторону (это нужно для запечки, для финальной сдачи модели в игру я возвращаю юви в квадрат 0-1).


Этот порядок действий не универсален. У каждого моделлера свой подход, но суть примерно та же. Если ты не мастер UV, то лучше сохрани этот небольшой чеклист для самопроверки.

Советы по правильной работе с UV

1 Обрезай сложные формы


Большие стенки нужно обрезать, иначе могут появиться потяги на UV.Ты сразу увидишь — в таких местах чекер будет неровным.


Давай разберём этот момент на примере нашей модели.Если мы просто сделаем авторазвёртку этой детали, то мы увидим потяги:



Что делать? В UV редакторе есть функция Cut. Просто сделай разрезы на больших деталях:



На торцах остались артефакты, отрезай их в отдельные шеллы:



В результате мы избавились от потягов, сделав всего 3 разреза (кстати, очень важно делать как можно меньше разрезов на юви — так на текстуре будет меньше швов):



Вывод: разрезай на UV сложные формы.

2 Когда размер квадратов можно увеличить или уменьшить


Когда делаешь UV, твоя задача на старте — сделать чекер везде ровным и получить квадратики чекера одинакового размера.


Если ты увеличиваешь или уменьшаешь размер шелла на UV, то размер квадратов чекера тоже меняется.


Давай разберёмся, когда и зачем нужно изменять размер шеллов?


Когда разрешение текстур можно уменьшить?


На деталях, которые не видно игрокам. Пример — днище автомобиля. Игроки его не видят, поэтому ты можешь сэкономить ресурсы и изменить размер объектов на UV. И чекер в таких местах будет меньше, чем у всей модели.


Это делается для того, чтобы сэкономить бесценное юви пространство.


Когда разрешение текстур можно увеличить?


Обычно его увеличивают в самых важных и заметных частях модели, а так же для надписей/символов. Это не нужно делать на каждой модели. Но если моделишь что-то очень важное, например, дробовик с которым бегают игроки, то разрешение текстур на его верхней части можно увеличить. Тогда чекер будет меньше, а текстуры в этом месте будут более детальными.

3 Добавляй отступы на местах швов


Минутка теории (не считая 20 минут уже прочитанного текста). В игровых движках текстуры теряют разрешение на расстоянии. Чем дальше объект от камеры, тем ниже разрешение текстур. Это называется в трёхмерке MIP Map.

Пример того, как текстуры теряют разрешение на расстоянии.​


Давай разберёмся как это связано с UV.


Нельзя мапить объекты на UV вплотную друг к другу.


Чтобы при MIP мапах, т.е. удалении объектов от камеры, соседние объекты не брали информацию друг от друга. Это особенность игровых движков, которую нужно знать.


Всегда нужно оставлять небольшой отступ между UV шеллами. Этот отступ называют паддингом (padding).

​Паддинг


Если этого не сделать, то на местах стыков объекты при MIP мапах появятся некрасивые швы.


Поэтому всегда добавляй отступы между объектами на UV.


Если хочешь узнать больше, вот урок на эту тему:


8 Отрезай все острые углы и углы под 90 градусов


Это нужно, если ты запекаешь нормал. В 90% случаев, если ты работаешь по пайплайну, то ты будешь запекать Normal Map. Про запечку (baking) как раз будет в следующей статье. Так что эта рекомендация тебе пригодится.


Если ты внимательно читал прошлую статью про сетку, то ты уже знаешь, что такое hard edge и soft edge.


С хардами тоже есть моменты, при работе с UV. Когда печешь нормал, на месте харда должен быть обязательный разрез на развертке (или вместо харда стоит сделать софт), а иначе нормал запечется со швом.Обязательно посмотри это видео, если хочешь понять, как правильно работать с хардами:



Всегда нужно отрезать острые углы и углы под 90 градусов. Они не запекутся на следующем этапе, и на модели опять появятся некрасивые швы.


Более подробно про шейдинг хардов мы разобрали в этом уроке:



А вот что будет, если ты неправильно работаешь с хардами:

​Видишь швы на бочке? Их быть не должно.


В этих двух видео (которые были выше) мы рассказали как это работает, так что идём дальше.

9 Как разворачивать цилиндры


Авторазвёртка добавляет кучу лишних шеллов, лучше размапить в прямую линию.

​Стенку цилиндра мы мапим в прямую линию. Обрати внимание, на юви много тонких прямоугольных шеллов — их очень удобно паковать вместе.

10 Неровную линию нужно мапить как прямую на UV


Если линия неровная, она занимает много места на UV, поэтому лучше размапить её как прямую — ведь прямоугольники очень легко паковать.

​Небольшие неровные линии отлично мапятся в прямые. Так их легче паковать.

Мы сделали UV, что дальше?


1) На следующем этапе мы будем запекать детализацию с хайполи на лоуполи.


2) Потом сделаем текстуры для нашей модели


3) А в конце нас ждёт подача модели, чтобы сделать сочный скрин для твоего портфолио.


Даты писать не будем — мы в них не попадаем (работы много, курсы, все дела, не успеваем статейки писать)


Жди продолжение!


И обязательно вступай в группу в ВКонтакте и группу в Фейсбуке, чтобы не пропустить следующий выпуск!


А ещё мы есть в Инстаграме и Ютубе.





Береги себя!

Твой Игорец.

Normal Map. Практическое руководство

https://vk.com/@xyz_gamedev-normal-map-prakticheskoe-rukovodstvo

Перевод Леонида Садекова для школы XYZ, книги Practical Guide on Normal Mapping for games by Alexey Oshchepkov (Superfranky)

Введение

Данное руководство создано для тех, кто стремится понять тему Normal Mapping. Оно написано как для новых людей в индустрии, так и для более опытных, которые хотят освежить знания по теме. Здесь я постараюсь рассмотреть каждую возможную проблему и предоставить простой и доступный ответ. Надеюсь, что это руководство даст вам все необходимое о Normal Mapping и о том, как его применять. Проблемы с Normal Mapping не должны стоять на пути вашего творчества!
Отдельное спасибо EarthQuake с Polycount за вдхоновение на создание этого гайда.

Условия использования
Пожалуйста, уважайте работу автора и не копируйте текст руководства никуда, кроме Polycount, без моего разрешения (Superfranky). Если вы увидели ошибку или хотите что-то добавить, то, пожалуйста, напишите мне на Polycount или отправьте письмо на networkcat2@hotmail.com.

Примечание
Перевод подготовлен специально для школы компьютерной графики XYZ. Некоторые главы, после согласования с автором, были расширены или обновлены для большей актуальности. Следовательно, некоторые части текста могут отсутствовать в оригинальном руководстве. По вопросам перевода пишите на nocstrig@yandex.ru. (Леонид Садеков)

Источники
Помимо оригинального руководства были использованы дополнительные источники информации:

A Practical Guide on Normal Mapping For Games:
http://polycount.com/discussion/146667/a-practical-guide-on-normal-mapping-for-games

You're making me hard. Making sense of hard edges, uvs, normal maps and vertex counts:
http://polycount.com/discussion/107196/youre-making-me-hard-making-sense-of-hard-edges-uvs-normal-maps-and-vertex-counts

The Toolbag Baking Tutorial:
https://www.marmoset.co/posts/toolbag-baking-tutorial/

Understanding averaged normals and ray projection:
http://polycount.com/discussion/81154/understanding-averaged-normals-and-ray-projection-who-put-waviness-in-my-normal-map

Техническая информация

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

Normal Mapping – это технология, используемая для имитации неровностей поверхности на объекте. Она применяется, чтобы сделать вашу финальную модель более похожей на ее HP (High Poly) версию. С ее помощью можно добить различные детали, которые нельзя передать через геометрию из-за ограничений полигонажа на вашем проекте, и заставить вашу модель выглядеть более скругленной для лучшей передачи освещенности и большей реалистичности.

Карты нормалей – это RGB изображения, где каждый из каналов (красный, зелёный, синий) интерпретируется в X, Y и Z координаты нормалей поверхности соответственно. Красный канал пространства касательных карты нормалей отвечает за ось X (нормали направленны влево или вправо), зелёный канал за ось Y (нормали направлены вверх или вниз) и синий канал за ось Z (нормали направлены прямо от поверхности).

Пространство касательных (Tangent Space)

Прежде чем мы перейдем к моделированию и запеканию, я должен рассказать вам о том, что такое пространство касательных (Tangent Space). Самый распространенный тип карты нормалей, залитый синим цветом и встречающиеся повсюду в интернете, называется картой нормалей пространства касательных (Tangent Space Normal Map).

В мире 3D существует множество координатных систем: мировое пространство, локальное пространство, пространство камеры и т.д. Пространство касательных – очередная координатная система со своим назначением. Она используется ради обозначения текстурных координат для поверхности полигона. Вы уже, вероятно, знакомы с UV координатами. Тогда представьте, что ось X сонаправлена с V, а ось Y с U. Теперь у нас есть координаты модели, представленные в 2D пространстве. Но координатной системе необходима третья ось для существования в 3D пространстве и для этого нам необходима нормаль поверхности (N). В координатах пространства касательных нормаль поверхности отвечает за ось Z в мировых координатах.

На этом изображении представлены мировые координаты внизу слева и координаты пространства касательных, привязанные к полигону, состоящему из двух треугольников

Это изображение позволяет представить координаты на самой распространенной форме – на кубе.

Оси U, V и N обозначают направления, в которых их значения изменяются вдоль поверхности, так же как X, Y, Z представляют направления, в которых изменяются их значения в мировых координатах.

Это означает, что мы можем передавать координаты пространства касательных через RGB каналы карты нормалей. Красный канал ответственен за ось U, синий за N, а зелёный за V.

Говоря простым языком, красный канал обозначает лево и право; зеленый - верх и низ; синий – вертикаль от поверхности.

Если вы увидите, что модель с применённой картой нормалей освещается не правильно, притом что используется карта нормалей пространства касательных, то, возможно, шейдеру необходимо передать красный или зелёный канал (или оба) инвертированными. Для этого измените настройки шейдера или вручную инвертируйте соответствующий канал в Photoshop, чтобы темные пиксели стали светлыми или наоборот.

Дело в том, что разные приложения могут также по-разному работать с зеленным каналом и порой, когда возникают проблемы с отображением в определенном приложении, то стоит попробовать инвертировать зелёный канал или, говоря по-другому, сменить DirectX на OpenGL или наоборот. (OpenGL – Y+; DirectX – Y-)

Таблица с ориентацией каналов для разных приложений:

Пространство объекта (Object Space)

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

Достоинства:
•Легче генерировать карту кривизны
•Слегка улучшенная производительность

Недостатки:
•Нельзя повторно использовать. Разные формы требует разных карт.
•Тайлить или отзеркалить можно только с поддержкой шейдера.
•Трудно добавлять отдельно запеченные детали из-за сильной вариативности цвета.
•Плохо сжимается.

Чувак, это сложно. Какое мне дело?

Карты нормалей пространства касательных используют особый вид вершинных данных, называемых базисом касательных (tangent basis). Если световые лучи существуют в мировом пространстве, то нормали, хранящиеся в карте нормалей, в пространстве касательных. Когда движок обрабатывает модель с примененной картой нормалей, световые лучи преобразуются из мирового пространства в пространство касательных, используя для этого базис касательных. К этому моменту падающие световые лучи сверяются с направлением нормалей с карты нормалей, что определяет освещенность каждого пикселя объекта. Однако вместо преобразования световых лучей, некоторые шейдеры преобразуют нормали из пространства касательных в мировое. Затем преобразованные нормали сверяются со световыми лучами для создания необходимой освещенности. Конечный способ определяется создателем шейдера, но результат в обоих случаях один и тот же.

Трудности могут возникнуть из-за существования множества разных способов расчета базиса касательных. Это значит, что карта нормалей, запеченная в одном приложении, может отображаться совершенно иначе в другом. Когда рендер (например, игровой движок) обрабатывает вашу модель, шейдер должен использовать тоже пространство касательных, что и приложение для запекания, иначе модель получит некорректное освещение, особенно вдоль UV швов.

Если вы не уверены в том, какое пространство касательных используется в конечном движке, то необходимо добавлять жесткие грани/группы сглаживания или использовать поддерживающую геометрию, чтобы минимизировать шансы появления нежелательных эффектов

Я хочу, чтобы мои нормали выглядели отлично без тонны лишней работы!

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

Xnormal запекает карты нормалей, используя пространство касательных - Mikk-Tspace. Приложения поддерживающие Mikk-Tspace:

• Unreal Engine 4
• Substance Painter
• Marmoset Toolbag
• Unity

Для ситуаций, когда необходимо конвертировать имеющуюся карту нормалей в карту, использующую другое пространство касательных, существует программа Handplane. Это полностью бесплатное приложение. Сначала необходимо запечь карту нормалей, используя пространство объекта (Object Space), которую затем конвертируют в карту нормалей с необходимым пространством касательных.

Запекая в Marmoset и используя выпадающее меню Tangent Space в свойствах объекта, вы можете установить нужное пространство касательных. Дополнительно (через Edit -> Preferences -> Content -> Default Tangent Space) можно установить какое пространство касательных будет использоваться для новых объектов в сцене по умолчанию.

Если вы запекаете, используя Maya, то помните, что она имеет общий алгоритм расчета пространства касательных с Marmoset Toolbag.

Создаем карту нормалей

Процесс создания карт нормалей (и не только их) обычно называют “запеканием”. Выглядит это следующим образом:

Как вы видите, карта нормалей способна лишь имитировать вид HP модели, не изменяя сам силуэт.

Создание HP модели

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

Толщина фасок

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

Детали со скосом

Из-за принципа работы проекции HP геометрии на LP запечка не может захватить слабозаметные детали. Поэтому, если вы хотите передать вдавливания или выступы через карту нормалей, то им необходимо добавить дополнительные фаски/скосы, чтобы стать заметными на плоской поверхности при виде спереди.

Пересечение геометрии

Стоит всегда думать о том, как будет выглядеть финальная модель при работе над HP. Иногда наилучший вариант - это создавать непрерывную LP, если объединяемые объекты не будут анимироваться или использоваться раздельно, как, например, ремень на штанах. Для данного примера наилучшим решением было бы держать штаны и ремень максимально близко друг к другу на этапе HP, чтобы позже, при создании LP, сделать их цельным объектом. Если HP и LP плохо согласуются друг с другом, то это вызовет ошибки на карте нормалей в местах наличия пустых пространств.

Необходимо помнить об этом при объединении двух объектов на LP. Но ,порой, лучше использовать пересекающуюся геометрию. На этом примере у меня маленький LP куб пересекается с большим. Два этих объекта необходимо запечь раздельно.

Разнесённая геометрия и бейк-группы

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

Чтобы избежать этого существует два способа:

Разнесенная геометрия (Exploded mesh)

Логично, что если расположить геометрию друг от друга на достаточное расстояние, то и их кейджи никогда не пересекутся, а, значит, и не возникнет ошибок на нормале. Чтобы после запекания не тратить лишнего времени на объединение модели вручную элементов модели, можно, используя 3D пакет, поставить ключ анимации на моменте, когда вся модель собрана, и еще один на моменте, когда каждый пересекающийся объект разнесен на нужное расстояние. Тогда после запекания у вас не будет проблем с тем, чтобы собрать модель обратно воедино.

Бейк-группы (Bake groups)

Помимо того, чтобы разносить объекты вручную, мы можем разнести объекты по логическим группам, чтобы они запекались отдельно. Дабы обозначить это, объектам необходимо назначить уникальные имена и добавить суффиксы - _low для LP и _high для HP.

Marmoset Toolbag.

Для загрузки с учетом бейк-групп, нажмите на значок загрузки моделей в панели Quick Loader. Выбрав свои LP и HP модели Marmoset автоматически создаст бейк-группы для запекания.

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

Substance Painter

Процесс подготовки объектов ничем не отличается от вышеописанного. Чтобы SP учитывал созданные бейк-группы при запекании, необходимо для поля Match выбрать By Mesh name.

Сокращение полигонажа (Decimating)

Если вы импортируете свою HP из Zbrush в другие приложения, то хорошей практикой будет предварительно сократить ее количество полигонов. Не существует четкого правила, определяющего, как сильно стоит урезать полигонаж, прежде чем HP начнет выглядеть некорректно, поэтому рекомендуется делать тестовые запечки, перед тем как идти дальше. В большинстве случаев достаточно сокращения в 20% от оригинала. Если модель выглядит хорошо после этого, то можно переходить к запеканию.

Если говорить прикладным языком, то вам необходимо воспользоваться инструментом Decimating Master в Zbrush. Для этого перейдите во вкладку Zplugin -> Decimation Master и в соответствующем поле установите процент “сокращения”, затем нажмите Preprocess All, чтобы Zbrush просчитал всю сцену, и после этого нажмите Decimate All. Тогда Zbrush начнет оптимизировать полигонаж модели, и если вы решите, что этого недостаточно, то повторите вышеуказанные шаги еще раз.

Все вышеописанное делается для того, чтобы не перегружать рендер лишним количеством полигонов. Ведь если объект выглядит одинаково при 4млн. и 2млн. полигонах, то зачем нагружать приложение? Главное, следите за объектом в процессе, поскольку вам также не нужны артефакты на карте нормалей и пропавшие детали.

Плавающая геометрия (Floaters)

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

Важно, чтобы плавающая геометрия имела плоские грани и располагалась, как можно ближе к основному объекту.

Когда стоит моделировать, а когда рисовать.

Иногда моделирование и добавление HP геометрии - независимо от того, плавающая геометрия это или нет - может быть лишней тратой времени. К примеру, небольшие детали можно запечь вовсе на отдельную плоскость и совместить с оригинальной картой нормалей через Photoshop. Данный подход позволяет легче дублировать объекты и помогает избежать проблем, когда мелким деталям не хватает разрешения, чтобы достаточно хорошо передастся через запекание.

Это лишь один из подходов. Использование формата .PNG позволяет сохранить карту с прозрачностью.

Затем перенесите полученный результат в Photoshop и скомбинируете его с оригинальной картой нормалей. Для комбинирования карт нормалей существует несколько методов:

Методы комбинирования карт нормалей

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

Плагин для Phostoshop – RNM Normal Map Combiner (http://farfarer.com/resources.htm), позволит автоматически смешать карты нормалей без потери векторной информации.

Для того чтобы сделать тоже самое вручную, нужно перейти в режим редактирования уровней (Level Adjustments) на синем канале и уменьшить количество белого с 255 до 128, после чего установить режим смешивания Hard Light для накладываемой карты нормалей.

Для пользователей Substance Designer существует готовое решение в виде ноды Normal Combine, которой лишь необходимо - в качестве входных значений - передать две карты нормалей.

Приложение Crazybump также позволяет совместить карты нормалей.

Внутри Substance Painter существуют специальные режимы смешивания карт нормалей, способные также решить проблему:

• Normal Map Detail (по умолчанию) – считает текущий слой добавленным.
• Normal Map Inverse Detail – считает нижележащий слой добавленным.
• Normal Map Combine – объединяет верхний и нижний слой с одинаковой интенсивностью.

Создание LP модели

Градиенты

Прежде чем переходить к запеканию, вам необходимо понять, что означают градиенты на картах нормалей. Области карты нормалей залитые синим цветом (R/G/B: 128/128/255) означают, что нормали в ней сонаправлены с интерполированными нормалями вершин объекта для этого пикселя. Когда карте нормалей необходимо компенсировать экстремальные углы на геометрии, тогда начинают возникать градиенты. Чем меньше карте нормалей приходится компенсировать нормали объекта, тем лучше. Однако это не означает, что градиенты - это зло.

Давайте проведем тест с запеканием простого куба. Каждая поверхность куба разделена на UV развертке и имеет уникальную группу сглаживания:

Выглядит хорошо, да? Без градиентов, все запеклось идеально. Но что это значит и как этого достичь? Или более интересный вопрос: мне стоит беспокоиться?

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

Но теперь давайте взглянем на сильные градиенты. Я сшил все UV острова вместе и применил одну группу сглаживания на весь объект.

Это тот же куб, но посмотрите, что выглядит теперь он совершенно иначе, и даже устрашающе. Я расскажу вам, что здесь происходит немного позже. Обратите внимание на разницу между двумя запечками, очевидно, что карте нормалей на объекте с одной группой сглаживания, приходится тяжело из-за необходимости компенсировать угол в 90 градусов у куба.Но это не означает, что вы должны избегать градиентов любой ценой. Это просто не слишком хорошая идея. Самые сильные градиенты могут стать проблемой, но чаще всего, вам не стоит бояться их, особенно если ваш инструмент для запекания карт нормалей синхронизирован с игровым движком. Всегда стоит делать тестовые запечки, чтобы проверить результат в движке, где вы будете использовать свой ассет.На конечный вид модели повлиял еще тот факт, что при запекании использовался алгоритм расчета пространства касательных отличный от используемого в движке для рендера. Выше уже упоминалось об этом, но давайте рассмотрим это чуть подробнее. Когда модель запекается с сильными градиентами, то для получения корректного результата необходимо, чтобы приложение для запекания карт нормалей и итоговый движок использовали единый алгоритм расчета пространства касательных, то есть, были синхронизированы между собой.В примере выше карта нормалей запекалась с учетом пространства касательных, используемым в 3DsMax, а движком для рендера был Marmoset Toolbag. Поскольку они не синхронизированы, результат вышел некорректным. Если запечь карту нормалей, используя пространство касательных Marmoset, или любое другое синхронизированное с ним пространства касательных, то результат будет выглядеть корректно, но только лишь внутри Marmoset Toolbag, а при использовании любого другого рендера - необходимо знать, какое пространство касательных он использует.

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

Существует несколько преимуществ от использования чистой запечки:

• Это лучший результат при работе с LOD объектами, которые имеют ту же текстуру, что и оригинальный объект: поскольку карте нормалей не придется сильно зависеть от нормалей объекта. Хотя иногда вам может понадобиться создать отдельную карту нормалей для LOD объектов, что будет расходовать больше VRAM.

• Это лучшее сжатие текстур. При запекании с градиентами, на mip-картах могут возникать артефакты, поскольку карты с низким разрешением не смогут корректно передать нужный цветовой диапазон градиента.

• Меньшее количество ошибок сглаживания из-за малого разрешения текстур. Такое случается, когда объект имеет мелкие треугольники, но отсутствует достаточное разрешение текстур для полной передачи их освещенности. Внутри движка это обычно выглядит, как маленькие светлые треугольники.

Жесткие грани и UV

Итак, скажем, вы не хотите видеть градиенты, а хотите ровную и красивую запечку карты нормалей. Значит, вам необходимо узнать, что такое жесткие грани/группы сглаживания на LP объекте. Каждый раз, когда вы используете жесткую грань на LP, это ослабляет градиент на выбранной грани.

Правило большого пальца - это расставление жестких граней/групп сглаживания на местах, где угол между двумя поверхностями составляет 70 градусов и более. Если взглянуть на поверхности с большим углом и одной группой сглаживания, то можно увидеть черные градиенты, которые карта нормалей попытается компенсировать, но , не сможет этого сделать, и на модели появятся ошибки затенения (шейдинга). Назначая жесткую грань/группу сглаживания на поверхности, вы выравниваете затенение, делая его более схожим с HP моделью, и освобождаете карту нормалей от сильной компенсации отличий затенения между LP и HP.

Как расставлять жесткие грани:

В 3DsMax для обозначения “жестких” поверхностей, необходимо использовать группы сглаживания. В режиме выделения полигонов выделите нужные полигоны и примените группу сглаживания из панели по правой стороне.

Если вы пользуетесь Maya, то в режиме выделения граней выберите нужные и во вкладке “Mesh Display” нажмите “Harden Edge” – для указания жесткой грани, и “Soften Edge” – для мягкой.

Рассмотрим это на примере простого куба. Сейчас объект имеет две группы сглаживания: одну для одной поверхности и другую для всех остальных. Вы можете увидеть, что поверхности с общей группой сглаживания имеют искажённое затенение. Если вы столкнулись с подобным, то это значит, что и на карте нормалей будут присутствовать подобные градиенты после запекания. Посмотрим, как это работает.

На скриншоте с картой нормалей видно, что одна поверхность выглядит отличной от остальных. Помните, что я ничего не делал с UV, а лишь применил другую группу сглаживания к поверхности. Сейчас она выглядит чистой и ровной, но вот в движке это смотрится не очень.

Давайте поближе взглянем на грани поверхности с отдельной группой сглаживания. Выглядит не очень, да?

Но пока забудьте пока о ней. Посмотрев на остальную часть объекта вы увидите, что градиенты ослабли не только на непосредственно отделенной поверхности на карте нормалей, но и на поверхностях, которые делят с ней ту же грань . Посмотрите, как градиенты на поверхностях слева (на карте) изменились. Чем ближе они к синему цвету, тем лучше это будет выглядеть в движке. Так что по поводу этой странно выглядящей…грани? Это ошибка возникающая, когда вы разделяете поверхности по группам сглаживания/жестким граням, но не на UV развертке. Из-за этого нормали двух разных частей развертки смешивается из-за чего возникается видимый шов.

В местах расположения жестких граней необходимо делать разрез на UV развертке!

Я разделил поверхность с жесткой гранью на UV. Перезапек карту и вот результат:

Теперь видно, как жесткая поверхность стала отдельной частью на развертке и отчего она отлично смотрится в движке.

Если я применю уникальную группу сглаживания для каждой поверхности и разнесу их на UV развертке, то получу идеальную карту нормалей. Но что если у меня не 6 поверхностей, а намного больше? Есть простой ответ на этот вопрос.

Для того чтобы быстро расставить группы сглаживания, скачайте плагин TexTools. (http://renderhjs.net/textools/3dsMax.html). После этого откройте его в 3DsMax и на основной панели, открыв вкладку Tools, выберете опцию “Smoothing groups from UV shells”, предварительно выделив нужный объект.

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

1. Разделить UV там, где вы предполагаете жесткую грань на LP модели.
2. Применить “Smoothing groups from UV shells” для назначения отдельной группы сглаживания каждому UV острову.

Однако очень просто стать жертвой такого простого подхода. Порой, вам нет необходимости разделять группы сглаживания на UV. К примеру, если вы отзеркалили UV остров, или круглый объект развернут в несколько UV кусков - нет нужды оставлять отдельные группы сглаживания.

Отражение UV

Если вам необходимо отразить половину LP объекта, то вот хороший способ сделать это:

1. Удалить симметричную половину.
2. Сделать развертку.
3. Применить симметрию обратно.
4. Сдвинуть отраженные поверхности на UV на один тайл в сторону.
5. Запечь карту нормалей.

Сдвигать поверхности на UV нужно всегда, когда два или более UV острова наложены друг на друга - иначе возникнут ошибки при запекании.

Округлость и волнистость на карте нормалей

С круглыми объектами возникает постоянная проблема - волнистость на карте нормалей.

После запекания, на карте нормалей вы можете заметить “волны” вдоль граней UV островов. Они возникают из-за несовпадения LP модели с HP.

Как вам избавиться от этой проблемы? Исправить это возможно добавлением дополнительных сегментов к LP цилиндру. После запекания цилиндра с большим количеством сегментов, вы можете удалить добавленные сегменты и получить более подходящий результат. Такой подход не рекомендуется, но теоретически возможен.Но этот вариант не является распространенным решением. К нему стоит прибегать с осторожностью. Если назначить карту нормалей на объект с отличными вершинными нормалями, то модель может выглядеть некорректно. Из-за того, что после запекания карта нормалей для обоих цилиндров будет выглядеть практически идентично, подобный подход может сработать, хотя все еще возможно смещение UV координат.Чаще всего проблемы “волнистости” на картах нормалей решаются с помощью Photoshop. Через инструмент “Smudge Tool” , ведя кисточку точно вдоль грани, можно аккуратно выровнять ее Поскольку карта нормалей хранит векторную информацию, то стоит с большой осторожностью подходить к редактированию карты нормалей в графическом редакторе.

Сопоставление геометрии во время ретопологии

При работе над ретопологией (LP моделью) очень важно максимально близко подводить геометрию к HP модели, иначе вы получите ошибки проецирования при запекании, и карта нормалей будет отображаться некорректно. Из-за этого также сложнее будет контролировать кейдж.

Триангуляция

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

3DsMax

Используйте модификатор Turn to poly, в настройках которого поставьте галочку на “Limit polygon size” и установите значение в поле равное 3. После этого ваша модель триангулируется, и вы сможете отправить ее на запекание!

Для просмотра триангуляции и внесения возможных изменений используйте панель Tris.

Maya

Выделите поверхности объекта и в настройках объекта выберите параметр Triangulate.

Наилучшие подходы в создании UV под запекание и текстурирование

Работая над разверткой, всегда важно думать о текстурировании. Если, например, вам нужно добавить одинаковые прямые детали к ремню, то важно расположить его UV остров ровным.

Сшивая UV острова, вы должны также думать о том, видна ли будет эта часть объекта или нет, можете ли вы позволить себе наличие градиентов в этой части.

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

Искаженные детали на запечках

Прежде чем переходить к практическим примерам, обсудим немного теорию. Почему некоторые детали после запекания выглядят искаженными на карте нормалей, и как это исправить? Это происходит из-за особенностей проецирования. Для запекания нормалей используется проецирующий кейдж, который оборачивает собой HP объект и испускает проецирующие лучи для переноса информации об освещенности HP объекта на карту нормалей. Существует два типа кейджей, используемых для запекания:

Averaged Normals:

Кейдж с усреднёнными нормалями игнорирует нормали LP объекта при определении направления проекции, усредняя все вершинные нормали. Основное достоинство состоит в том, что даже с использованием жёстких граней/групп сглаживания на местах фасок не появятся швы. Негативный эффект выражается в появлении искаженных деталей на карте нормалей.

Explicit Normals непосредственно использует нормали LP объекта для построения кейджа. Следовательно, если на LP объекте расставлены жесткие грани/группы сглаживания, то на финальной модели появятся швы на местах фасок. Но, в отличие от первого способа, все детали запекутся без искажений.

Несмотря на то, что чаще всего предпочтительным вариантом является метод Averaged Normals - из-за возможности передать фаски с применением жестких граней - не стоит игнорировать метод Explicit Normals. Всегда необходимо, в первую очередь, исходить из своей задачи и, поняв, как именно работают вышеописанные методы, самостоятельно выбирать, какой алгоритм работы является для вас наиболее предпочтительным. Несмотря на описанные достоинства и недостатки, не существует однозначно правильного и не правильного подхода.

Рассмотрим на примере, как бороться с искаженными деталями на запечке.

Можно сделать LP модель такой, добавив ей поддерживающие грани:

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

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

Модель без поддерживающих граней:

Модель с поддерживающими гранями:

Видите, насколько велика разница в полигонаже между двумя объектами после добавления дополнительной геометрии? Поэтому используйте этот подход только на свое усмотрение.

Что если я не хочу тратить лишние полигоны на LP, но и не хочу получить искаженных деталей?

Это очень интересный вопрос, и вот ответ на него!

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

Они практически идентичны. И почему так? Разве я не добавил дополнительной геометрии? Суть в том, что дополнительные грани помогают ослабить градиенты, но в данном случае я уже разделил UV острова на местах с жесткими гранями/группами сглаживания, поэтому дополнительной геометрии не пришлось ничего изменять.

Так почему это важно? Если я удалю добавленные грани и применю карту нормалей внутри движка, то вот что мы получим – идеальный результат. Нет никаких различий в положении нормалей у двух объектов, хотя один из них имеет меньшее количество полигонов. Круто.

Но теперь проведем другой тест. В этот раз я сошью UV острова и назначу одну группу сглаживания ко всему объекту только для того, чтобы показать сильные градиенты на карте нормалей.

Выглядит не очень, правда? Давайте посмотрим на второй вариант, где я добавил поддерживающих граней к объекту. Очевидно, что он выглядит намного лучше - это то, что нам нужно. Но после применения нижней карты к обоим объектам - вот что выходит:

Ух ты, кажется, мы что-то сломали.

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

Так что же делать, если у меня есть градиенты, но я не хочу назначать жесткие грани, разделять UV и прочее? Вот несколько способов:

Способ 1 (SkewMesh)

Один из простейших способов избавиться от искаженных деталей на объектах, где другие методы могут быть трудноисполнимыми, называется Skewmesh, который работает следующим образом:

То что мы и ожидали увидеть. Теперь исправим это.

1. Триангулируйте ваш LP объект.
2. Затем примените модификатор Tesselate.

Убедитесь, что значение в поле Tension – 0, и количество итераций установлено на значении 3 или 4.

1. Создайте кейдж.
2. Экспортируйте тесселированную LP и ее кейдж отдельно от финального объекта и импортируете их в Xnormal.
3. Внутри Xnormal запеките Object Space Normal Map.
4. После конвертируйте эту карту в карту пространства касательных (tangent space), используя вашу карту Object Space и финальную модель как входные данные для конвертера.

Marmoset Toolbag

Импортируете тесселированную модель в Marmoset Toolbag, отрегулируете кейдж и запеките карту Normals Object. Затем также конвертируете карту Object Space в Tangent Space, используя Xnormal.

Готово!

Способ 2

1 — Подготовьте два объекта: один без поддерживающих граней (ваша финальная модель) и другой - для запекания - с поддерживающими гранями.

2 — Вам необходимо запечь карту Object Space взамен привычной Tangent Space.

Xnormal

3 — Для запекания карты Object Space необходимо снять галку с Tangent Space в настройках.

4 — Выберите вашу модель (с поддерживающими гранями) и запеките ее.

Так выглядит карта Object Space, странного желтого цвета. Но это не важно. Что важно, так это то, что сейчас мы будем конвертировать ее в карту Tangent Space.

5 — Выберите Object/Tangent конвертер.

Загрузите вашу финальную модель в слот с LP. Карту Object Space добавьте в поле “Input normal map” и выберете формат, в котором вы хотите сохранить карту нормалей.

Вот наш результат при наличии всех градиентов. Так где разница, спросите вы?

Заметьте, что нет никакой разницы в нормалях между двумя объектами. Вот, что случилось:

Конвертер взял карту Object Space, которую мы запекли с модели с поддерживающими гранями, и сгенерировал карту Tangent Space с учетом затенения финальной модели. Теперь вы можете запекать карты нормалей с поддерживающими гранями, не волнуясь о вреде градиентов и искажений.

Способ 3 (Explicit Normals)

Xnormal

Вы можете избежать этих трудоемких способов, действуя следующим образом:

• Задайте жесткие грани для LP объекта и разнесите UV острова, чтобы ослабить градиенты.

• Запеките карту нормалей без кейджа, используя параметр Ray Distance.

Теперь вы получили чистый результат без искаженных деталей. После совместите необходимую часть с оригинальной картой нормалей в Photoshop или воспользуетесь описанным выше методом с картой Object Space, если необходимо назначить запеченную карту на LP модель с отличным сглаживанием.

Marmoset

Для того чтобы запечь детали без искажений в Marmoset Toolbag, необходимо в настройках Baker снять галочку с Smooth Normals.

Отрегулировав кейдж нужным образом, вы получите карту нормалей без искаженных деталей, после чего сможете совместить результат с оригинальной картой в Photoshop.

Способ 4

Внутри Marmoset Toolbag мы можем воспользоваться инструментом Paint Skew, чтобы избавиться от искажений на карте нормалей. Нажмите кнопку “Paint Skew”, чтобы перейти в режим редактирования, и начните кисточкой указывать области, которые хотите исправить. Эта функция работает путем попиксельного смешивания нормалей поверхности объекта и нормалей кейджа. На 2D карте черный цвет будет означать полностью исправленные искажения, а белый – оригинальные нормали.

Перекрывание несимметричных UV островов

Иногда (или довольно часто) делая UV развертку, вы можете увидеть множество одинаковых или очень схожих UV островов и подумать: “Ух ты, какая трата ценного UV пространства”

К счастью, существует простой метод наложить друг на друга UV острова, принадлежащие одинаковым объектам, и получить хороший результат.

Предположим, у вас есть вытянутый куб.

Если вы разделите каждую поверхность на UV согласно расставленным жестким граням, то получите 6 UV островов. Вот, что вы увидите после запечки:

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

Мне правда нужны все эти острова? Давайте сложим их друг на друга!

Мы так и сделаем, но сначала вы должны подумать о том, как собираетесь текстурировать эту модель. Нужны ли вам уникальные детали на каждой поверхности? Важно ли держать их отдельно для уникальных рельефных деталей или царапин? Сильно ли будет заметно то, что они отзеркалены?

Если вы решите накладывать острова друг на друга, то дальнейший процесс достаточно прост, хотя есть некоторые вещи, о которых необходимо помнить:

1. Помните об ориентации поверхностей, которые вы накладываете друг на друга. Особенно о простых квадратных поверхностях, которые ненамеренно можно перевернуть, а, значит, что ваши текстуры также будут инвертированы в ненужных местах.
2. Наложить UV острова друг на друга несложно. Внутри 3DsMax убедитесь в том, что инструмент Snap () активирован. Создать карусель Добавьте описание
3. Сместите перекрывающиеся UV на один тайл в сторону.
4. Запекайте.

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

Но что если мои UV острова различаются, а я все равно хочу их наложить друг на друга?

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

1. Подогнать один остров под размер другого.

Это может сработать с простыми квадратными UV островами, но, скорее всего, станет проблемой при работе с чем-то более сложным, и тогда себя сильно проявят потяги на развертке. Попробуйте и посмотрите сами. Вам также стоит остерегаться того, что, изменяя масштаб и размер островов, вы назначаете им непропорциональное количество текстурного пространства и соответственно получаете следующее:

Левый – подогнанная UV; средняя – оригинал; правая – меньший UV остров лежит внутри большего.

Можно заметить, что размер рельефных деталей слева отличается от оригинальной развертки. При правильном подходе это может стать преимуществом. Будьте внимательны, когда станете накладывать UV острова друг на друга.

И последнее - меньший UV остров лежит внутри большего.

Вот, что из этого выйдет:

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

Запекание

Сбросить трансформацию

Прежде чем запекать карты, убедитесь, что трансформация вашей LP модели сброшена. Это чрезвычайно важно! Часто в процессе моделирования модель вращается и масштабируется, и эти манипуляции могут создать путанные локальные координаты для модели, что часто оборачивается ошибками при запекание карт нормалей.

3DsMax

Во вкладке инструментов найдите Reset Xform. Примените его, желательно предварительно сбросив стек. После чего экспортируйте модель.

Maya

В закладке Modify вам необходимо воспользоваться инструментом Freeze Transformation, предварительно удалив историю для модели.

Отступ граней

Если карта нормалей не имеет достаточный отступ, то это создаст швы на границах UV островов.

Направление нормалей

Перед запеканием убедитесь, что ваша HP и LP модель имеет корректное направление нормалей, то есть, нет инвертированных нормалей. Внутри 3DsMax вы можете проверить это, выбрав Face Direction на выделенном объекте. После этого инвертированные поверхности подсветятся зеленым. Если инвертированные поверхности останутся незамеченными, то это выльется в ошибки проецирования, поэтому будьте внимательны.

Описание всего процесса

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

3DsMax

Примените модификатор Projection к LP модели.

На картинке видно, как кейдж полностью покрывает HP модель с плавающей геометрией. Очень важно, чтобы он закрывал собой все, иначе возникнут ошибки проецирования.

В поле Push настройте уровень отступа кейджа от объекта. Amount = расстояние. Вы можете также манипулировать кейджем вручную через вершины. В 3DsMax манипулирование кейджем может повлиять на расстояние проецирования и направление лучей проекции, поэтому двигая вершины вручную, необходимо быть крайне осторожным.

Maya

В настройках Transfer Map регулируете размер кейджа через слайдер “Search Envelope”. Поскольку, в отличие от 3DsMax кейдж в Maya можно регулировать лишь по величине отступа, то можно меньше волноваться о возможных ошибках проецирования.

Xnormal

Вы можете создать кейдж для своего объекта прямо внутри Xnormal. Для этого необходимо перейти в 3D Viewer.

Отметьте поле Edit Mesh и начните редактировать кейдж. Сохраните результат по окончанию.

Но из-за необходимости переключаться между приложениями и не слишком удобного управления в 3D Viewer - это не лучший подход в создании кейджа.

Вместо этого вы можете импортировать кейдж прямо из 3DsMax.

Внутри модификатора Projection, после создания кейджа, нажмите кнопку Export, что создаст отдельный объект для экспорта. Эскпортируйте его в формате .obj и откройте в Xnormal.

Нажмите ПКМ на строке с LP объектом в XNormal и выберете “Browse external cage file”, после чего добавьте экспортированный из 3DsMax кейдж.

Marmoset Toolbag

В Marmoset регулировать кейдж можно только по величине отступа от LP. Для этого воспользуйтесь параметром Min offset/Max offset. Используя Paint Offset можно точнее контролировать отступ кейджа. Он позволяет указывать отдельные области, где необходимо изменить отступ кейджа от LP. Если же вы не хотите производить ручных настроек, то нажмите кнопку Estimate Offset, функция которой попытается рассчитать наилучшую форму кейджа для LP модели.

Устранение ошибок

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

Будьте подготовлены

Если вы столкнетесь с проблемой, решение которой вам неизвестно - не пугайтесь. Обратите внимание на эти простые шаги, чтобы убедиться, что вы полностью подготовили ваш объект для запекания. Я продемонстрирую их, используя 3DsMax, но эти принципы можно применить и для всех остальных приложений.

1. Убедитесь, что нормали на ваших моделях указывают в одном направлении и не инвертированы. Существует много способов сделать это.
2. Убедитесь, что LP модель имеет подходящую топологию. Проверьте модель на предмет наличия любых возможных ошибок: несшитые вершины, наложенные друг на друга поверхности, инвертированные поверхности, изолированные поверхности, многоугольники и т.д. В 3DsMax вы можете использовать модификатор “STL Check” или Xview для обнаружения большей части из указанных проблем.
3. Сколапсите стек вашего объекта. (Удалите историю в Maya)
4. Убедитесь, что все перекрывающиеся UV острова сдвинуты на 1 тайл в сторону.
5. Примените Reset Transform. (Freeze Transform для Maya)
6. Проверьте группы сглаживания. (Жесткие грани для Maya)
7. Траингулируйте модель.
8. Создайте кейдж (если только не планируете запекать в Marmoset Toolbag)
9. Экспортируете LP модель как .obj или .fbx с группами сглаживания, нормалями, тангентами (для .fbx) и текстурными координатами.

Чаще всего, это все что нужно, чтобы быть уверенным, что модель полностью готова к запеканию.

Давайте взглянем на специфические проблемы.

Я все сделал правильно, но до сих пор вижу швы на карте нормалей!

Это идеально запеченная карта нормалей, за исключением одной детали. Когда вы видите подобные странные швы, при этом выполнив все необходимые шаги, то, вероятно, вы упустили одну важную деталь - отступ. Это простой куб, запеченный при разрешении 1024х1024, но UV острова имеют лишь один пиксель отступа между собой. Попробуйте повысить его до 8-16 пикселей, в зависимости от желаемого разрешения текстуры и величины анизотропной фильтрации в вашем движке.

Я вижу странный шум на поверхности объектов после применения карты нормалей.

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

1. 3DsMax добавляет шум на текстуру, чем удаляет видимые артефакты, но сам шум становиться заметен.
2. В Maya и Xnormal шум отсутствует, но возникает некий ступенчатый артефакт.

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

Если вы используете другой рендер, то сделаете тестовые запечки в .tga и ,чтобы исправить видимые артефакты, сделайте следующее:

Запеките карту нормалей при 16/32 глубине битов на канал (в формате .tiff, например). Затем экспорируйте в Photoshop и пересохраните с глубиной цвета 8 бит. Это поможет избавиться от артефактов за счет алгоритма сжатия.

Мои запечки желтого цвета, а должны быть синего. Что я должен делать?

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

Рисование вручную

Стоит ли исправлять карту нормалей руками?

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

Как добавить детали на карту нормалей.

Хорошо, я запек объект, но мне еще не хватает деталей. Как добавить, например, рельеф ткани или другие детали?

Существует множество способов создания дополнительных деталей для карты нормалей. Простой способ – это конвертировать карту высоты в карту нормалей через плагины в Photoshop, Xnormal, Quixel или Substance.

Карта высоты – это карта в градациях серого цвета.

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

Серый – средний слой.

Используя эту технику, вы можете конвертировать карту в серых тонах в карту нормалей.

Приложения для рисования на карте нормалей

С помощью Quixel и Substance Painter добавление деталей на карту нормалей стало достаточно простым процессом. Если вы работаете в SP, то можете с легкостью добавлять рельефные детали через канал Height, который, в свою очередь, автоматически перенесет полученную информацию на канал Normal, из которого вы можете выгрузить карту нормалей с учетом новых деталей.

https://www.allegorithmic.com/products/substance-painter

Также вы можете использовать Quixel Suite 2. Это плагин для Photoshop, позволяющий рисовать прямо на карте нормалей и быстро генерировать детали через внутренние инструменты Photoshop.

http://quixel.se