Rubber-way.ru

Рубер Вэй
0 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

Текстура замша штукатурка бесшовная

Кирпич.

Для создания текстуры кирпичной стены используем материал типа Standard. Шейдер оставим Blinn. Поскольку материал матовый, настройки блика оставляем без изменений.

В канал диффузного цвета поместим процедурную карту Bitmap, указав растровый рисунок кирпича, приведенный ниже. Я использовал готовую бесшовную (точно совмещающуюся по краям) текстуру из бесплатного набора сайта render911.ru. (Ссылка на ту же текстуру высокого качества: http://render911.ru/Textures_2/brick/brick_18.jpg).

Теперь посчитаем размеры накладываемой текстуры. Стандартные размеры полнотелого красного кирпича российского производства 25х12х6,5** сантиметров. Образец используемой нами текстуры насчитывает восемь целых кирпичей в ширину, а форма образца – квадратная. Соответственно, 25*8 = 200 сантиметров. Поскольку исходная текстура довольно высокого разрешения, мы вполне можем использовать её на больших поверхностях. В свитке Coordinates процедурной карты Bitmap выставляем размеры: 200 cm по высоте и длине.

**приведены размеры «классического» одинарного кирпича. Так же в строительстве применяется «полуторный» кирпич размерами 25х120х8,8 и «двойной», дырчатый внутри кирпич для облегченных кладок с размерами 25х120х10,3

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

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

В случае с нашей кирпичной кладкой используем канал Bump (визуальное выдавливание). В свитке Maps перетащим процедурную карту из канала основного цвета в канал Bump с условием копирования Copy (независимая копия).

Визуальная рельефность материала несколько возрастёт, и всё же это не совсем то, что нам нужно. Откроем текстуру в любом графическом редакторе (я использовал Adobe Photoshop CS3). На новом слое(!), ориентируясь на исходную текстуру, проводим кистью черные линии поверх полос раствора. Если не хочется заниматься рисованием, а текстура достаточно контрастная, можно переключиться на исходный слой и воспользоваться инструментом выделения Color Range (цветовой диапазон) из строки меню Select. Достаточно просто указать на рисунке цвет раствора, а затем увеличить параметр Fuzziness примерно до 120-140. (шаг А)

Переключимся на новый слой и зальём полученное выделение черным; Слой с текстурой можно отключить (шаг Б)

Как видим, картинка получилась не очень аккуратной – на поверхности кирпичей так же появились тёмные разводы. Можно оставить так (сами ведь кирпичи тоже не слишком ровные?) или же инвертировать выделение (горячие клавиши Ctrl_Shift_I) и удалить (Delete) разводы или же высветлить их, воспользовавшись широким ластиком с Opacity 25. (шаг В)

Снимаем выделение (Ctrl_D) и применяем к слою размывку по Гауссу (Filter > Blar > Gaussian Blar). Я выбрал значение 1,5. В Вашем случае это значение может быть иным, всё зависит от размеров исходной текстуры и её характера. Важно несколько размыть линии, избавившись от неизбежных в фотошопе «жестких» пиксельных краёв. (шаг Г)

Сохраните получившееся изображение в формате .JPEG в Вашу проектную папку, в sceneassets > images, назвав аналогично исходной текстуре, но добавив к имени файла _Bump. В моём случае я счел удачным добавить на нижний (белый) слой шум и также размыть его по Гауссу для создания нерегулярной структуры поверхности кирпича.

Вернёмся в 3Ds Max к нашему проекту. Клик в копию процедурной карты кирпича, лежащую в канале Bump позволит открыть свитки её координат. В свитке Bitmap Parameters находим длинную кнопку, на которой написан адрес использованного изображения. Кликнув в него открываем панель выбора процедурной карты. Выбираем только что изготовленную (если нет желания возиться с фотошопом – загрузите приведенное выше изображение) процедурную карту.

Вернувшись к свитку Maps установите степень воздействия процедурной карты на 90-120 чтобы обеспечить высокую рельефность.

Собственно, осталось выбрать в сцене нашу стену, выделить внешние полигоны и наложить на них наш материал. На рисунке ниже я привожу два рендера. Слева карта в канале Bump не применялась, справа – была применена со значением 100.

Штукатурка

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

Выбираем тип материала Standard (Вы можете так же использовать и VRayMtl, если знакомы с его настройками). Шейдер, цвет и мощность блика и прочие параметры оставляем без изменений. Диффузный цвет выставляем по своему усмотрению (я взял слегка желтовато-белый, RGB = 255, 255, 220).

В уже знакомый Вам канал Bump назначаем процедурную карту Noise (шум). В параметрах карты меняем: Size (размеры участка карты) 5.0, Tiling (плотность распределения) 3 по всем трём осям.

Степень влияния карты подбирается смотря по тому, насколько рельефной должна быть Ваша штукатурка. Я выбрал 40.

Собственно, материал готов.

Бетон

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

Тип материала Standard

Шейдер Blinn

Spekular Level 20

Glosiness 20

Soften 1

В канал диффузного цвета кладём карту Bitmap, готовую бесшовную текстуру бетона. Как и с кирпичами, я воспользовался бесплатным набором текстур на pixelbrush.ru (прямая ссылка: http://pixelbrush.ru/2009/04/03/tekstury-shtukaturki-i-betona.html)

Читайте так же:
Состав работ при простой штукатурке

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

Диффузной карте задаём размеры 50 по ширине и 40 по высоте; В свитке Maps перетаскиваем (мы делали точно так же в «кирпичном» материале) карту в канал Bump, степень влияния новой карты сразу установим на 50. Зайдя в настройки карты подменяем исходную картинку на черно-белую, полученную в фотошопе шагом раньше.

Создадим материал с теми же базовыми параметрами:

Тип материала Standard

Шейдер Blinn

Spekular Level 20

Glosiness 20

Soften 1

Diffuse (базовый цвет) выставим светло-серый, RGB 160, 160, 160

В канал диффузного цвета складываем процедурную карту Speckle (крапинки) со следующими настройками:

Tiling: 1x1x1

Blur: 20

Size: 0,3

Цвет в первом канале: RGB 20, 20, 20

Цвет во втором канале: RGB 200, 200, 200

Степень влияния карты я понизил до 19, чтобы сквозь «крапинки» лучше проступал исходный цвет. Копируем карту в Bump, ничего не меняя в ней кроме цвета – в первом канале ставим предельно черный (RGB 0, 0, 0), во втором – предельно белый (RGB 255, 255, 255).

Для демонстрации того и другого вариантов я создал в сцене несложный полигональный объект. Левая часть объекта затекстурирована «бетоном», основанным на бесшовном изображении, правая – аналогичным материалом, основанным на карте Speckle.

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

Пластик для оконных рам и откосов

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

Тип материала: Standard

Шейдер: Oren-Nayar-Blinn

Diffuse (базовый цвет): предельно белый , RGB 255, 255, 255

Spekular: предельно белый , RGB 255, 255, 255

Diffuse Level: 110

Spekular Level: 130

Glosiness: 45

Soften: 0,1

Как видим, на образце материал выглядит несколько более серым, чем хотелось бы. Действительно, при просчете картинки в прямом освещении затенение на материале может казаться чрезмерным, и тогда параметр Diffuse Level можно поднять примерно до 140. Но в непрямом освещении (а интерьер рендерят именно в нём) материалы со слишком высоким диффузным уровнем могут создавать вокруг себя совершенно лишнюю «световую ауру», почти так же, как если бы мы назначили им высокий уровень самосвечения. Так что чрезмерно задирать данный параметр не рекомендуется.

"Деревянное" покрытие для пола (простой ламинат или линолеум)

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

Тип материала: Standard

Шейдер: Multi Layer

Spekular 1: предельно белый , RGB 255, 255, 255

Spekular Level (1): 90

Glosiness(1): 80

Anisotropy (1): 80

Spekular (2): янтарный , RGB 233, 183, 224

Spekular Level (2): 35

Glosiness(2): 5

Anisotropy (2): 0

В канал диффузного цвета назначаем карту Bitmap, скачать которую Вы можете по ссылке выше. Либо можете скачать архив высококачественных текстур с 3Dsddesign.ru (ссылка есть в конце урока), либо найдите подходящую Вам текстуру через Интернет самостоятельно.

В моём случае это довольно «тяжелая» текстура высокого разрешения, так что в настройках координат карты Bitmap ставим размеры образца не менее чем 240х120 cm.

При желании добавить материалу реалистичности можно создать дополнительную процедурную карту в канал Bump. В сущности, приём тот же, что и с кирпичной кладкой – в графическом редакторе на новом слое наносим черные линии, соответствующие швам. Остальное поле – белое. Слабый Gaussian Blur или его аналог желателен. Ниже приведена собственно процедурная карта.

Собственно, без карты Bump вы получите градкую поверхность новенького линолеума, особенно если еще чуть-чуть поднять отражающую способность материала и "заострить" блик. это всё. Я наложил созданные по ходу урока материалы на объекты сцены, добавил также несколько дополнительных форм «за окном», и вот что вышло:

В уроке "Создание материала рельефного ламината — в 3Ds Max + VRay" вы увидите более сложные, но и более качественные настройки материала ламината со сложным рельефом.

17 бесплатных библиотек 3D текстур и материалов

Бесплатные и актуальные библиотеки текстур для любых проектов. Бесшовные, 4k текстуры стен, камня, обоев и прочего.

Если вы CG-художник, то, вероятнее всего, вы ищете текстуры для проектов через поисковую систему. Но, к сожалению, из-за ограничений авторского права, а также не прописанных тегов alt, вы можете не получить нужного результата. Для поиска нужных изображений могут пригодиться библиотеки текстур. В данной статье мы подобрали 17 бесплатных веб-ресурсов для поиска текстур и материалов в высоком качестве.

17 бесплатных библиотек 3D текстур и материалов

FreePBR

FreePBR — веб-ресурс с 100% бесплатными PBR материалами как для Unity, так и для Unreal Engine 4. Сайт открылся всего год назад, поэтому на данный момент коллекция насчитывает 50+ полностью готовых к использованию материалов. Если вы не работаете в Unity/UE4, то в архиве материала вложены текстурные карты 2048х2048 для использования в других программах.

17 бесплатных библиотек 3D текстур и материалов

WildTextures

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

Читайте так же:
Сухая грунтовка для стен под штукатурку

17 бесплатных библиотек 3D текстур и материалов

Более 600+ бесплатных текстур, доступных в настоящее время для скачивания. 3DXO не самая большая библиотека, но здесь можно легко и просто найти необходимую бесшовную текстуру, будь то обои, пол, дерево и т.д. На сайте также есть небольшая библиотека 3D-моделей и фотографий.

17 бесплатных библиотек 3D текстур и материалов

TurboSquid

TurboSquid не только библиотека 3D моделей, но и «самая большая в мире коллекция текстур». TurboSquid содержит более 3000+ текстур разного качества, залитых на сайт пользователями со всего мира. Начиная с текстур травы, заканчивая текстурами подошвы ботинка, веб-ресурс может удовлетворить практически любой запрос. Найдите то, что вам нужно, а затем сужайте свой выбор, проверив совместимость с 3ds Max, Cinema 4D, Maya и многими другими программами для моделирования.

17 бесплатных библиотек 3D текстур и материалов

3dtextures

В 3D textures вы найдете все необходимые текстурные карты. Коллекция бесплатных 3D-текстур от Joao Paulo не такая большая, как некоторые другие библиотеки, но с отличным качеством, а также содержит следующие карты в паке: Diffuse, Normal, Displacement, Roughness, Ambient Occlusion. Вы можете скачать паки по одному, но если вы купите Paulo кофе (порядка 3$), то он даст вам ссылку на папку, содержащую все его текстуры, чтобы вы могли скачать их разом.

17 бесплатных библиотек 3D текстур и материалов

Texturer

Texturer — довольно древняя библиотека текстур, содержащая бесшовные изображения в невысоком качестве. Их можно использовать как в личных проектах, так и в коммерческих.

17 бесплатных библиотек 3D текстур и материалов

Poliigon

Данная библиотека основана Adnrew Price, известным CG-Artist, использующий Blender в качестве основного 3D пакета для моделирования, текстурирования и прочего. Вообще практически весь успех блендера, как и огромное коммьюнити — это заслуга Andrew Price. Poliigon — один из самых качественных веб-ресурсов на момент написания статьи. От удобного дизайна до текстур «под ключ» (все карты уже подготовлены к использованию). Есть возможность скачать текстуры бесплатно, но размером 1024×1024. Для 4K и 16K придется оформлять подписку.

17 бесплатных библиотек 3D текстур и материалов

TextureKing

Texture King, хоть и не столь обширен, как Mayang или CG Textures, но также является отличным ресурсом для поиска бесплатных текстур в Интернете. Все изображения полностью бесплатны для использования в коммерческих проектах, и вам не нужно беспокоиться об ограничениях на скачивание. Не стоит ожидать каких-либо новых текстур, так как библиотека не поддерживается с 2015 года, но всё равно она стоит внимания.

17 бесплатных библиотек 3D текстур и материалов

FreeStockTextures

Free Stock Textures предлагает 100% бесплатные текстуры, которые можно использовать как в личных, так и в коммерческих проектах. У них очень простое перемещение по категориям, а также есть возможность находить текстуры на основе цвета. Ограничений на скачивания нет, но убедитесь, что у вас достаточно места на жестком диске. Практически каждая текстура здесь около 10мб.

17 бесплатных библиотек 3D текстур и материалов

TextureMate

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

17 бесплатных библиотек 3D текстур и материалов

GoodTextures

Библиотека текстур, существующая с 2009 года. Недавно Goodtextures обзавелся новый дизайном, что позволило новичкам быстрее ориентироваться на сайте. Качество текстур от 1K до 4K, зачастую бесшовные.

17 бесплатных библиотек 3D текстур и материалов

Lostandtaken

Lostadntaken — огромная библиотека текстур для CG-специалистов. Чтобы скачать все текстуры разом, необходимо заплатить 50$. Либо воспользоваться бесплатным вариантом и качать текстуры по одной за раз. Ресурс содержит множество текстур тканей, дерева и кирпичей, а также есть возможность поиска по цвету.

17 бесплатных библиотек 3D текстур и материалов

Hdrihaven

HDRIhaven — проект, основанный Greg Zaal, профессиональным CG-художником. До недавнего времени библиотека hdri карт была платной, пока Greg не открыл Patreon. На данный момент у создателя более 552 донатеров, в общей сумме каждый месяц приносящих доход в 2100+ долларов. Автор предоставляет только "неоптимизированные" HDRI карты, то есть сырые hdri, содержащие реальный свет, а не фейковый, зачастую неправильный, предлагаемый другими источниками (даже платными). Сейчас Hdrihaven развивается сверхбыстрыми темпами, частота обновления чуть ли не несколько hdri-карт за неделю.

17 бесплатных библиотек 3D текстур и материалов

CubeBrush Pack1

Более 800+ текстур, раздаваемых Joost Vanhoutte для коммерческого использования на Cubebrush. Размер архива — 7 гигабайт. Для удобства автор предоставляет возможность скачать с Torrent. Некоторые текстуры были сняты несколько лет назад, так что качество может варьироваться.

17 бесплатных библиотек 3D текстур и материалов

CubeBrush Pack2

Второй пак текстур от Joost Vanhoutte. Более 1000 высококачественных текстур в архиве. Скачать можно через torrent или cubebrush. Для того, чтобы скачать пак бесплатно, укажите в цене 0$. Если кнопка для скачивания недоступна, значит лимит скачиваний за день исчерпан.

17 бесплатных библиотек 3D текстур и материалов

TextureNinja

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

Что такое тайловое текстурирование — общие принципы и использование Статьи редакции

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

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

Читайте так же:
Способы нанесения обычной штукатурки

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

Tile — произносится как «тайл», переводится как «плитка», а означает повторение. Повторяющуюся текстуру используют для текстурирования больших поверхностей: грунта, стен, домов, модулей и иногда мелких объектов. Такой вид текстур позволяет добиться высокого качества и при этом уменьшить количество применяемых материалов в игровой сцене.

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

Trim Sheet или тримы , в какой-то степени — это тоже тайлы, однако они бесшовные лишь по одной оси и применяются к вытянутым объектам: балкам, перилам, плинтусам, узорам на стенах и многим другим. Наглядные примеры таких текстур ниже.

Tile Atlas или атлас тайлов — несколько тайлов на одной текстуре. При использовании атласов приходится жертвовать числом полигонов, чтобы использовать оверлапинг — наложение UV-островов на один участок текстуры. Атласы создают ради того, чтобы снизить количество материалов, чаще всего используются в мобильных играх, где требования к оптимизации более высокие.

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

Оптимизация. Известно, что файлы игр состоят примерно на 60-80% из текстур, а возможно и на 95% — всё зависит от конкретного проекта. Однотипные, бесшовные текстуры часто используются повторно на различных моделях, тем самым позволяя экономить место на жёстком диске, снижать время загрузки и обращение к видеопамяти. Повторное использование материала в сцене вместо создания нового снижает количество Draw Calls — вызовов отрисовки.

Сокращение времени на разработку. Опытный левелдизайнер может создавать новые и уникальные локации, используя одни и те же модели и текстуры. Разумеется, это занимает меньше времени нежели создание каждой сцены с нуля.

Повторяемость ассетов. Если в игре часто использовать ассеты повторно, то через несколько часов геймплея визуально игра станет скучной. Этим особенно страдают игры с большим миром, например TESO, да и вообще вся серия «Свитков». После нескольких походов по пещерами можно увидеть все возможные тайлсеты, и новые локации не вызовут никаких впечатлений, так как они почти идентичны во всём, кроме проектировки уровня.

Зато большая часть Тамриеля (Мира вселенной The Elder Scrolls) умещается в 95 гигабайт, что по сравнению с новыми играми не так уж и много.

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

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

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

Обработка фотографий в 2D редакторе — в Photoshop или в специализированных программах. Для создания полноценного PBR-материала не достаточно одной текстуры цвета — необходимы маски метала, шероховатости и карта рельефа (Metallic, Roughness, Normal Map). Всё это нужно либо рисовать вручную, либо генерировать из той же фотографии, что, конечно, даст результат, но не лучшего качества. По этой причине способ считается устаревшим.

Для генерации существуют отдельные программы — например бесплатный materialize или Bitmap2Material — который по сути является набором нод из Substance Designer. Ещё есть онлайн-сервис NormalMap-Online, он может создать Normal, AO, Sepcular из любого изображения. У всех этих генераторов похожий принцип, цвет используется как маска, карта нормалей получается вдавленной в тёмных местах и выдавленной на светлых, в некоторых случаях из этого можно получить приемлемое качество.

Моделирование и запекание. Художник создаёт геометрию на прямой плоскости при помощи скульптинга или моделирования. Геометрию окрашивают ID-материалами или через Vertex Paint. Далее это запекается на обычный плейн в текстуры: Normal, ID map, Curvature, Ambient Occlusion.

Остальное создаётся вручную. ID Map помогает отделять друг от друга элементы на плоской текстуре. Metallic, roughness и базовый цвет можно создать в Substance painter, в Blender через нодовый редактор, в Photoshop или даже внутри игрового движка, смешивая текстуры по ID-маске.

Hand Paint — создание текстур вручную, рисование в Photoshop или в других 2D-редакторах. Как правило, этот метод подходит для стилизованной графики, так как добиться реализма мазками кисти крайне сложно, если вообще возможно. Для создания стилизованной графики с PBR можно комбинировать с методом запекания.

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

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

Читайте так же:
Способ нанесения декоративной штукатурки отточенто

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

Как сделать бесшовную текстуру в Photoshop

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

Что такое бесшовные текстуры? Зачем нужны бесшовные текстуры и как их использовать?

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

В игрострое довольно часто используется техника тайлинга текстур или затайливания текстур (от англ. tile — плитка). Тайлинг позволяет повторять текстуры на поверхности 3D модели. Очень часто затайленные текстуры применяются на ландшафте, либо для текстурирования дорог, домов и так далее. О тайлинге я уже рассказывал в уроке От тайлинга и смещения до атласа текстур на примерах смены обложки для книги и текстуры одежды и кожи персонажа.
Но для того чтобы затайленная текстура хорошо смотрелась на 3D модели, необходимо чтобы она была бесшовной.

not-seamless-texture-unity3d. Как сделать бесшовную текстуру в Фотошопе

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

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

tiled-not-seamless-texture-brick-wall-photoshop. Как сделать бесшовную текстуру в Фотошопе

Как вы можете видеть на рисунке выше такую текстуру не стоит использовать для затайливания ландшафта или любого другого 3D объекта, да и просто для заливка фона сайта или холста в Фотошопе. И для создания паттерна для Фотошопа она не подойдет. Чтобы наложить текстуру на 3D модели без стыков (или залить фон сайта или холста), заметных пользователю, необходимо воспользоваться инструментами редакторов изображений.

Как сделать бесшовную текстуру в Фотошопе. Подготовка изображения в Фотошопе

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

not-seamless-texture-free-brick-wall

Если вы не нашли текстуру размером 512 на 512 пикселей (1024 х 1024, 2048 х 2048 или 4048 х 4048 пикселей), а нашли, например, текстуру размером 1300 на 700, то обрежьте изображение в Фотошопе до размера в 512 х 512 пикселей при помощи инструмента Рамки/Crop (в панели инструментов слева) или использовав инструмент изменения размера холста «Canvas Size», который вы можете найти во вкладке «Image» главного меню.

canvas-size-crop-texture-photoshop

Также вы можете использовать инструмент свободного трансформирования (Ctrl+T) либо инструмент Scale, который вы найдете в меню Transform вкладки Edit главного меню.

scale-transform-photoshop

Если вы применяли инструмент масштабирования или перемещения текстуры, необходимо выделить все видимое изображение на холсте (Ctrl+A) и скопировать его на новый слой (Ctrl+C и затем Ctrl+V). Если этого не сделать, то выступающее за холст изображение нам помешает. Альтернативой копипасту может послужить упоминавшийся ранее инструмент обрезки изображения Crop. Далее мы будем работать с новым созданным слоем: выделите его в панели справа, щелкнув на нем Левой Кнопкой Мыши.

Смещаем изображение в Фотошопе, используя фильтр Смещение («Offset»)

Итак, как сделать бесшовную текстуру в Фотошопе… Фотошоп предоставляет вам отличный инструмент, который подойдет для создания бесшовной текстуры. Данный инструмент представляет собой фильтр в Фотошоп и называется Смещение или «Offset«. Я уже рассказывал про смещение текстур на поверхности 3D моделей (а на самом деле в uv пространстве), в частности, использующихся в компьютерных играх, в статье Эффекты в Unity3D. Часть III. Билборды (биллборды), бегущая строка, неоновая реклама, информационные щиты, реклама, рекламные щиты, баннеры.. Здесь фильтр Смещения также позволяет двигать текстуру по горизонтали и вертикали.

Чтобы сместить изображение текстуры, выберите вкладку фильтров «Filter» в главном меню и в открывшемся выпадающем меню выберите вкладку «Other«, в которой, в свою очередь, выберите вкладку «Offset…».

texture-offset-photoshop

В окне фильтра «Смещение» выставьте значение для смещения по горизонтали равным 256 пикселям (Horizontal 256 pixels right) и смещение по вертикали равным также 256 пикселям (Vertical 256 pixels down), чтобы сместить изображение текстуры на 256 пикселей по горизонтали и вертикали. Нажмите кнопку «OK«, чтобы применить фильтр и сместить текстуру. Как вы можете видеть (и себя на холсте или на рисунке выше) в центре изображения появились швы, поскольку края изображения не совпадают друг с другом.
Для текстуры 1024 на 1024 смещение по вертикали и горизонтали можно выставить в 512 пикселей, для 2048 – 1024 пикселей, хотя и не обязательно.
Данные значения смещения служат лишь рекомендательными и могут для изображения 512 на 512 пикселей (а также для 1024х1024, 2048×2048) составлять 128 пикселей, 256 пикселей и так далее.

offset-128-for-512-texture

Главное, чтобы вам было удобно работать в процессе удаления швов текстуры.

Читайте так же:
Состав цементной штукатурки цемент песок

Используем инструмент клонирования Штамп («Clone Stamp Tool»), чтобы скрыть швы на изображении

Чтобы удалить швы на текстуре, в Фотошопе существует несколько инструментов. Одним из таких инструментов является «Штамп» («Clone Stamp Tool«), иногда еще называемый кистью клонирования или клонирующей кистью.

clone-stamp-tool-photoshop. Как сделать бесшовную текстуру в Photoshop

Инструмент «Штамп» в Фотошопе позволяет создавать клоны участков изображения и вставлять их в указанное место холста. Чтобы указать место на изображении, с которого будет клонироваться часть изображения, удерживайте клавишу ‘Alt’ и кликните Левой Клавишей Мыши в точке изображения, которая станет точкой отсчета клонирования участка-донора.

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

seamless-texture-brick-wall-photoshop. Как сделать бесшовную текстуру в Фотошопе

А вот так выглядит получившаяся текстура в Unity3D.

tiled-seamless-texture-brick-wall-photoshop. Бесшовная текстура для Unity3D

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

Вместо Штампа или в качестве дополнения к нему вы можете использовать инструменты «Заплатка» (Patch Tool), Healing Brush Tool, Spot Healing Brush Tool

Возвращаем текстуру на место

Теперь, когда вы удалили все швы на изображении, превратив ее в бесшовную текстуру, необходимо вернуть её на место. Конечно, вы можете не возвращать ее, а использовать в том виде, в котором она сейчас есть — со смещением. Так можно поступить для бесшовной текстуры травы или бесшовной текстуры камней, каменной или кирпичной кладки. Однако такое смещение и результирующая текстура практически неприемлемы для текстур деталей, например, sci-fi стены или sci-fi плитки пола, создание которой рассматривается в уроке по созданию 3D модели sci-fi плитки пола в Blender. Превращаем 3D модель в sci-fi текстуру через запекание карт. Создание текстуры сетки для забора или пола для Unity3D, поскольку оставляет по краям затайленной 3D модели половинки текстур.

Проверка бесшовности текстуры и коррекция швов текстуры

Чтобы проверить, насколько «бесшовной» получилась ваша текстура, вы можете, если сместить текстуру не на 256 пикселей по вертикали и горизонтали, а например на +128 и +128 пикселей, или на -128 и +128 пикселей, или на +128 и 0 пикселей и так далее. Только не забывайте (а лучше записывайте) на сколько пикселей и в какую сторону каждый раз смещали текстуру, чтобы иметь возможность вернуть ей изначальное нулевое смещение. Если подобное смещение выявило нарушение бесшовности, то подредактируйте стыки текстур, как было описано выше, чтобы избавиться от швов на текстуре (смещенной). Не забывайте, что не стоит залезать на края изображения, чтобы опять не пришлось править несовпадения краев текстур.

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

Используем инструмент Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) для осветления изображения в Фотошопе

Если текстура неоднородно освещена, то при затайливании текстуры, например, в игровом движке Unity3d, Unreal Engine, Amazon Lumberyard, Cryengine и других, или в 3D редакторах 3ds MAX, Cinema4D, Blender и т.д., такие затенения образуют повторяющийся узор. На небольших расстояниях камеры или точки наблюдения такой эффект не особо заметен. Чем больше камера будет удаляться от поверхности с такой затайленной текстурой, тем сильнее будет заметен эффект паттерна.

Чтобы избежать подобного эффекта, необходимо, чтобы все участки текстуры были одинаково осветлены/затемнены. Для осветления текстуры (отдельных ее участков) вы можете воспользоваться инструментом «Dodge Tool«, работа с которым более подробно описана в ///уроке про осветление карты высот для создания ландшафта.

dodge-yool-burn-tool-photoshop

Как и где еще используются затайленные текстуры

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

Получившуюся бесшовную текстуру можно использовать для раскрашивания ландшафтов или 3D моделей в Unity3d.

maze-terrain-unity-3d

Также если заменить черный фон прозрачным фоном и изменить режим получившейся бесшовной текстуры на 8 бит или 16 бит в градациях серого (Grayscale, оттенки серого), то можно использовать получившуюся текстуру в качестве кисти для изменения формы/создания ландшафта в Unity3D. О создании кисти и использовании ее в Unity3d для редактирования ландшафта более подробно рассказывается в статье Террейн в Unity 3D. Часть Вводная – для затравки. Создание лабиринтов и подземелий в Unity3D.

Результирующую бесшовную текстуру можно также сохранить в качестве паттерна или кисти для Фотошопа.

define-pattern-photoshop

Вы можете сохранить получившуюся текстуру и использовать ее в качестве кисти в Blender для раскрашивания 3D модели текстурой в Blender или использовать для редактирования 3D модели в режиме скульптинга.

голоса
Рейтинг статьи
Ссылка на основную публикацию
Adblock
detector