Rivalry2

HTML Diff

0 added 0 removed

Original 2026-01-01

Modified 2026-03-07

1 Всем привет, это Антон Агеев - автор курса<a>"Процедурный трип"</a>. На нём я учу создавать процедурные текстуры на профессиональном уровне.

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

3 В прошлый раз я рассказал о создании материала<a>бетона в Substance Designer</a>, а в этом гайде покажу, как делать стекло в Substance Painter - на примере модели будильника.

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

5 В статье два раздела: о создании текстуры в Substance Painter, и о её импорте и настройке в Marmoset. Методику из второго раздела я частично заимствую из<a>материала</a>художника Ognyan Zahariev.

6 Substance Painter

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

8 Создание шейдера

9 Чтобы создать новый шейдер текстурного сета стекла, нажимаем на Main Shader в Texture Set List:

10 Переименуем его в разделе Shader Settings:

11 Сменим типа шейдера на pbr-metal-rough-alpha blending:

12 В SP 2 типа прозрачности: alpha-blending и alpha-test.

13 <ul><li>В Alpha-test нет градаций. Пиксель либо полностью прозрачный, либо нет. Этот тип подходит, когда нужна жёсткая маска, - например, текстура листьев. Это более "дешёвая" альфа с точки зрения производительности.</li>

14 <li>Alpha-blending более "тяжёлый", он поддерживает степень прозрачности и подойдёт для стекла</li>

15 </ul>Канал OpacityПосле настройки шейдера добавим новый канал - opacity - в текстурный сет стекла.

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

17 Для оптимизации процесса уберём каналы Metallic, Normal и AO из текстурного сета.

18 Базовый слой

19 Создадим первый слой - обычный Fill Layer с базовым значением Roughness и цветом непрозрачности.

20 По мере загрязнения, ближе к краям, стекло будет становиться непрозрачным. Цвет в канале BaseColor в этом слое позволит настроить его оттенок.

21 Roughness

22 Создаём детализацию в канале Roughness, отключаем все остальные. Значение Roughness в слое выставляем на 1.

23 Теперь добавляем маску для слоя.

24 <ol><li>Создаем процедурную текстуру Scratches generator.</li>

25 </ol>Настраиваем её так, чтобы было похоже на царапины на стекле - тонкие и прямые. Уменьшим их количество, чтобы они не были слишком навязчивыми. И понижаем прозрачность слоя на 50%.

26 2. Создаём якорь над царапинами чтобы копировать эффект в другие слои. Позже добавим эти царапины в normal другого слоя.

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

28 4. Делаем маску более интенсивной по краям и прозрачной в центре.

29 Дублируем слой и используем разные бленды для настройки интенсивности.

30 5. Повышаем резкость маски с помощью Sharpen.

31 6. И создаём якорь для маски целиком.

32 Он понадобится в следующем слое - из него же мы создадим маску прозрачности.

33 Готово! Финальный стэк эффектов Roughness выглядит так:

34 Детали в нём намного проще создавать и настраивать до того, как мы сделаем стекло прозрачным, - поэтому мы и создаём материал в таком порядке.

35 Opacity

36 В следующем слое создаём маску прозрачности.

37 На этом слое отключаем все каналы кроме opacity, а значение прозрачности устанавливаем на 0,15-0,18.

38 Этот параметр задаёт максимальную прозрачность стекла. В реальной жизни оно всегда немного непрозрачное, поэтому не стоит устанавливать параметр на 0.

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

40 Для того, чтобы материал по краям циферблата был непрозрачным, добавим в слой opacity чёрную маску и скопируем в неё информацию из слоя Roughness с помощью якоря:

41 С помощью levels в якоре инвертируем её и увеличиваем контрастность маски, чтобы уменьшить площадь загрязнения.

42 Финальная маска слоя и канал Opacity выглядят так:

43 Добавление текстуры в канал Opacity делает края непрозрачными

44 Добавляя текстуру в канал Opacity делаем края непрозрачными.

45 Цвет непрозрачности задаём в нижнем слое, Glass BM:

46 Height

47 В этом слое настроим Height по маске царапин, чтобы на блике они смотрелись объёмнее.

48 Экспорт

49 Создадим новый шаблон, потому что у нас в модели нестандартный набор текстур. Стекло в Marmoset настраивается иначе, поэтому мне понадобятся не все каналы.

50 В проекте оставим только Normal, Roughness и маску Opacity.

51 Обратите внимание: используем альфу из канала, а не сам канал.

52 Информация из альфа-канала идентична маске слоя, она понадобится в Marmoset для настройки материала. Но есть загвоздка: в Marmoset обратная логика маски прозрачности.

53 Прозрачный пиксель - черный, непрозрачный - белый

54 Чтобы прозрачность в SP отображалась корректно, отключим на время этот эффект. Обратно его можно включить во время экспорта, чтобы в результате маска прозрачности была правильной.

55 Marmoset

56 В стандартном шейдере Marmoset прозрачность подключается в разделе Transparency.

57 На выбор есть несколько типов прозрачности. Ни один из них не работает так же, как в Substance Painter.

58 Единственный способ добиться схожего результата - использовать два типа прозрачности - один поверх другого - на разных геометриях.

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

60 В Marmoset создаём 2 материала для обоих стёкол

61 Первый будет использовать тип прозрачности add, а второй - dither.

62 Add

63 Тип Add игнорирует канал цвета Albedo - он делает цвет полностью прозрачным. Отражения при этом рендерятся поверх задней геометрии.

64 В результате детализация в Roughness и в Normal будет видна на блике, но маску прозрачности использовать не получится. Параметр Alpha в настройках Transparency делает прозрачнее только отражения.

65 В этом материале используем только карту нормалей и Roughness

66 Dither

67 Прозрачность Dither рендерит Roughness, Normal и Albedo. Для каждого из каналов степень прозрачности пикселя задаётся чёрно-белой маской. Для всех каналов она одинаковая.

68 Это значит, что если в Albedo пиксель прозрачный, то отражений тоже не будет видно.

69 В материале glass_dither используем текстуру Roughness и маску прозрачности

70 Регулируем оттенок грязи цветом Albedo, так же, как в SP. Там мы делали это через слой, а здесь настроим цвет в самом материале.

71 Готово!

72 Можно включить видимость всех слоёв и посмотреть, как они выглядят вместе:

73 Если хочешь научиться текстурированию на профессиональном уровне, бронируй место на<a>курс</a>по процедурным текстурам - он стартует 1 ноября.

74 Узнать все подробности и забронировать место можно на нашем сайте:<a>https://www.school-xyz.com/texture</a>

75 Успехов!

76 Хочешь получать лучшие статьиот XyZ раз в неделю?

77 Подпишись на рассылку XyZ

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