Создание сложных текстур

Создание сложных текстур

author

Лукьянченко Павел Алексеевич г. Ростов-на-Дону 21 год работаю архитектором, совмещаю приятное с полезным занимаясь 3D моделированием архитектурных и дизайнерских объектов помимо проектирования. Работаю в AutoCAD, 3D max, Photoshop, CorelDRAW. Pasha_sevkav@mail.ru

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

Мы рассмотрим способ работы с рельефом, а точнее с текстурой для него. Для этого нам понадобится Photoshop (описание данного урока основано на версии CS2). Попытаюсь дать вам более раскрыто и более понятно, ведь немногие владеют Photoshop или владеют в неполной мере.

Хотя сам принцип построения технологии работы над изображением будет интересен и владеющим этим мощным пакетом.

Для данного урока нам необходим, или топосьемка местности, или схема нашей области (в дальнейшем станет текстурой), а можно и DWG файл. И небольшое количество вспомогательного материала (мы воспользуемся имеющимися текстурами из папок 3D max, …maps\ArchMat).

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

pic1

1. Нам необходимо точно повернуть и отмасштабировать нашу съемку по отношению имеющейся моделью рельефа и определиться с разрешением будущей текстуры (отредактировать можно нажав комбинацию клавиш Alt +Ctrl+I). Откройте в Photoshop нашу топосьемку и картину вида сверху нашего рельефа отрендеренного видом сверху без перспективы. Зажав клавишу Ctrl перетащите картинку с рельефом в окно с топосьемкой (это действие создаст новый слой). Отмасштабируйте

(удерживая клавишу shift, чтобы изображение не исказилось) две картинки, так, чтобы по характерным точкам сошлись обе картинки и обрежьте по крайним точкам рельефа (с помощью инструмента Crop Tool ©) для того, чтобы при натяжении текстура рельефа совпала с моделью.

Затем удаляем слой картинки вида сверху, путем нажатия кнопки в виде корзины (delete layer) в плавающем меню layer.

pic2

2. Дальше открываем файл генплана (этот пункт может и не иметь места в работе) в AutoCAD.

Есть масса способов, как перекинуть векторное изображение в растровое. Рассмотрим один из них. Заходим в file/export и выбираем wmf расширение. Учите, нужно отключить толщины линий (которые отображаются на экране (LWT), а не для печати.) Далее с помощью любой программы (лучше воспользоваться CorelDRAW, в нем он откроется как векторный и с ним можно будет произвести нужные вам изменения, толщины, цвета…) сохраняем в растровое изображение. И переносим в Photoshop, также масштабируя относительно тапосьемки.

3. Затем наступает самый долгий и тяжелый процесс. С помощью инструментов Lasso и Marquee Tool (L) выделите отдельно все дороги как существующие, так и проектируемые, если они одного вида покрытия (те, кто владеет Photoshop хорошо, могут сказать что это мартышкин труд, но это вызвано тем что в дальнейшем нужны будут ровные края дороги и воспользоваться др. видом выделения не предоставляется возможным). Для тех кто не знает сообщаю, что при удержании клавиши shift выделяя вы добавляете к выделенной области, а Alt вырезаете.

После того как вы доблестно выделили все дороги нажмите Ctrl+J(Создать/копировать слой), после этого удерживая Ctrl на появившийся новом слое в панели layer нажмите на картинку (у вас выделится слой по граням) затем выберите яркий цвет в панели tools и нажмите Alt+delete (залить все). См. Для удобства выделения нажмите кнопку, показанную на full screen mode with

menu bar (F), это даст возможность выходить за грани вашего изображения.

pic3

pic4

pic5

4. Теперь начинаем работать непосредственно с тапосьемкой. Открываем текстуру из стандартной библиотеки в 3D max (…maps\ArchMat) Concrete.Cast-In-Place.Exposed Aggregate.Recessed.jpg. Нажимаем Ctrl + shift+U (В оттенки серого цвета), так же удерживая Ctrl перетаскиваем на окно с тапосьемкой. Масштабируем относительно изображения (ненужно увлекаться до того момента пока картинка станет маленьким серым квадратиком, камушки должны быть видны.) Нажимая Ctrl+J копируем и раскладываем полоску у меня получилось на 2-х полосную дорогу 2х3 текстуры с помощью, которой будем стелить асфальт. Через клавишу Ctrl выделяем в панели layer новые слой и нажимаем Ctrl+E (объединить выделенные слои). Полученный слой называем (несколько раз щелкнув по названию слоя) к примеру, дорога, это поможет в дальнейшем быстро ориентироваться.

pic6

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

pic7

5. После окончания этой операции выделите первый слой дорога и удерживая shift последний. Затем нажимает Ctrl+E и, удерживая Ctrl нажимаем по картинке слоя красной подложки (см.пн.5), тем самым повторяем выделение сделанное ранее. Далее shift+ Ctrl+I (инверсия выделения) и delete удаляя рваные края. Мы имеем дорогу, по которой уложен асфальт. Пока выглядит далеко не натурально.

pic8

6. Теперь нажав правой кнопкой мыши на вашем слое, дорога в панели layer, выберите Blending Options. В появившемся меню с левой стороны установите галочку в разделе stroke. Замените красный цвет на серый (ближе к белому R.G.B ///240). И с помощью настройки Size установите толщину, измеряемую в пикселях (5).

pic9

pic10

pic11

7. Теперь у вашего слоя справа появилась стрелочка с правой стороны направленная вниз. Нажав на нее, развернется список используемых эффектов. Нажав правой кнопкой мыши по эффекту stroke выберите Create Layers. У вас появился новый слой, залитый цветом эффекта обводки и чуть больше размера, чем дорога. Назовем его бордюр. Нажав на картину слоя дорога через Ctrl при активном слое бордюр нажмите delete.

8. Поднимите свой бордюр выше слоя дороги путем простого перетаскивания. Повторите действия для вызова панели с эффектами для слоя бордюр. Установите галочку в разделе drop shadow. И установите приблизительно следующие параметры distance - (0 px); Spread (16 %); size (9 px) и в разделе quality, нажав на окошко с диаграммами установите Gaussian. Далее выбираем Filter/ texture/ craquelure. С параметрами Crack Spacing-43; Crack Depth-6; Crack Brightness-8.

9. Теперь начинаем работать с дорогой, для этого нам не нужны все остальные слои и их лучше скрыть. Выделяем контур дороги (по принципу из пункта 5) и нажимаем кнопку, показанную на Editin Quick Mask mode (Q). Тем самым мы включили маску.

Нажав Ctrl+I инвертируем маску и применяем фильтр filter/blur/Gaussian blur со степенью размытости 40 px. Далее выключаем маску нажав левую кнопку или (Q).

pic12

10. С помощью этого выделения мы припылим и замусорим края дороги инструментом

Image/adjustments/(Brightness/Contrast) высветлим по значениям Brightness-80, Contrast-(-70). Затем Ctrl+U и впоявившемся окне установите галочку Colorize. Изменяя параметр Hue, установите охристый оттенок, а saturation насыщенность цвета, по вкусу ?

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

11. Далее мы для слоя дорога, снова воспользуемся обводкой, как и для бордюра, но только выставим в position – (inside) что даст нам производить те же действия, но не в стороны, а во внутрь. Увеличивайте параметр size, пока обводка на ровном участке дороги не сойдется и закроет всю дорогу, кроме сложных участков и развилок. Так же переводим в отдельный слой, и выделяем по краям (см.пн.5). Переходим в режим «маска». Но возможно вам нужно будет подкорректировать выделенное. Это можно сделать любым инструментом рисования с учетом того, что выделенное это черный цвет, а не выделенное это белый. Поле корректировки вы так же размываете фильтром, после чего отключите режим «маска» и высветлите, задаете цвет также как и у краев дороги. Для получения неоднородной и более естественной поверхности включите «маску», нажмите Alt+delete и выберите filter/render/Clouds. И выключив «маску» получится неоднородное выделение, с помощью которого вы сможете применять разливные фильтры, контрастность, яркость и эффекты.

pic13

pic14

12. Фактически дорога готова, но на ней нет ни разметки, ни люков и др.

Для этого мы нажимаем на кнопу Create new layer. В новом слое рисуем разметку либо карандашом, либо кисточкой (для того, чтобы провести линию ровно нужно держать shift, советую сразу выставить неоднородного типа кисть и не белый цвет- с ним тяжело работать). А дальше размойте немого фильтром и примените тот же фильтр что и для бордюра, только чтобы был явно виден рисунок трещин черного цвета. Далее примените наложение для этого слоя, выбрав (Lighten) как показано на. После чего у вас черное станет прозрачным, так же можно вставить изображение люков и др. элементов воспользовавшись различными типами наложений.

pic15

pic16

pic17

13. По принципу дороги можно сделать тротуар (применив другую фактуру, цвет или размер текстуры). Траву можно просто размножить до полной заливки всей области, но лучше разбить на зоны (к примеру, отдельно газон, пустырь, палисадники…), но для достижения хорошего результата нужно добиться неоднородности путем комбинирования текстур различными системами и возможностями Photoshop многие ранние были перечислены.

После окончания над непосредственно работой с текстурой, мы будем двигаться дальше. А именно создадим отдельно текстуру для Bump, Specular Level и Displacement.

14. Для этого мы отключим эффекты слоев (тени от бордюра)… выключим разметки дорог. Bump - переведите все слои в серый (Это только для вашего восприятия потому что после окончания работы с этими материалами их лучше сохранить в оттенках серого дабы сэкономить размер файла, Image/Mode/Grayscale но учтите что эта команда объединит все слои, выполняйте ее в конце) инструментом image/adjustments/(Brightness/contrast); (Curves) настройте по смыслу контрастность ваших слоев, из расчета того, что трава более шершавая, следовательно контрастнее, а асфальт тусклее.

pic18

Specular Level- достаточно сложно понять для новичков. Это установка блика для текстуры, а для такой как наша с несколькими видами поверхности, так как мы для травы выбираем инструмент image/adjustments/Threshold и добиваемся почти черного изображения с мелкими и редкими проблесками белых точек. А асфальту даем большую контрастность до явно видимых черных и белых пятен.

pic19

Vary-Displacement Mod-отключаются абсолютно все эффекты и дополнительные элементы, а все, оставшиеся заливаются полностью оттенками серого, в зависимости от их расположения, относительно условной отметки 0 (за которую принимаем R.G.B ///127). Исходя из этого бордюр будет белым R.G.B ///255), дорожки (R.G.B ///100), дорога (R.G.B ///180), трава (R.G.B ///50) и, к примеру, канавки или трещины (R.G.B ///0)

pic20

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

pic21

559 0 850 55
35
2006-08-02
Зачем же извращаться и обводить лассо, это же гемор немеренный. Проще PenTool-ом, а затем директ селекшенм.
2006-08-02
...ведь немногие владеют Photoshop или владеют в неполной мере - эт ты загнул. о Фотошопе умеют много кто работать :) :) :) Вобщем урок достаточно подробный и грамотный, но актуальность хромает. поставил 5 за качество (для земляка ничего не халко!) и 3 за актуальность (ну тут ничо не поделаешь). надож тебе из минусов то вылазить начинать:). зы товарисчу из РнД респект от товаристча из РнД
2006-08-02
Ну не знаю. Какой-то способ больно обходной.
2006-08-02
Как говорил мой препод по вышке - тривиальщина.
2006-08-02
2Nords, а можно разшифровать?
2006-08-02
Об актуальности можно сказать только то что это специализированный урок для Архитекторов и людей занемающихся архитектурой... ________Спасибо за тем кто подержал...
2006-08-02
Согласен с 007 Кажому свое!
2006-08-04
Ну может быть для архитекторов........
2006-08-04
Про актуальность вообще не приходится говорить, так как постоянно попадаются объекты хоть с каким-то рельефом, на котором, к несчастью, что-то должно быть построено, да еще в короткие сроки. А люди, которые вообще не занимаются архитектурой, что вы тогда лезете оценивать то, к чему не имеете никакого отношения, а просто портите человеку картину баллов? Нехорошо.
2006-08-05
Я что то так и не понял причём тут сложные текстуры.. не легче сделать нормальный скан, засунуть в фотошоп, взять текстуры обычные и поиграться с blend. А потом всемогущий copy&past и всё.
2006-08-06
Рельеф можно и поликами сделать быстро по "тапосьемке". Сетка контролируемая и нужные участки легче прорабатывать.
2006-08-22
Мда....Впечатляет!
2006-08-29
это урок по фотошопу. а вместо трёхмероного пакета можно выбрать не только мах.
2006-08-29
Лажа в том что урок по фотошопу запихнули в раздел 3Д....."Render.ru Уроки 3D Studio Max Создание сложных текстур" Прошу прощения,но про 3Д упоминается два раза и то очень в скользь...это урок по 2Д,по Фотошопу...хороший как для архитекторов наверно....но не по 3Д графике... Вот по этому и непонятки и такие оценки..вообще не голосовал принципово...
2006-09-08
Более неудобный способ трудно предположить:=(
2006-09-11
Неужели сам автор пользуется этим способом???
2006-09-11
А кто из вас делал кварталы 2/3 км. Там дарог немеренно и это все моделить!!!!!!!
2006-09-11
В общем, для конкретной задачи, по-моему, вполне удобно. Действительно сподручнее, чем моделить целый квартал. Вот если бы еще все это дело процедурно описать, скрипт, в общем, сделать, была бы вещь незаменимая. Потому ведь работа, в сущности, неблагодарная - под каждый проект окружающую среду моделить. Делал однажды визуализацию, вписанную в обстановку - проект - два дня, обстановка - 4. Цифры говорящие, так что, по-моему, это хорошо.
2006-09-11
Можно, но для этого нужны определенные знания... Но если есть автокадовский фаил все намного проще становится...
2006-09-12
По мне, так лучше вручную.
2006-09-12
Наверное, это надо самому попробовать, чтобы оценить.
2006-09-27
Приветствую коллега! Молодец что затронул такую тему. Не все тут архитектуру ворочают. Поэтому урок твой полезен не всем. Урок мне понравился. Я в некоторых случаях и проще делал, но твой способ хорош! Более детально все проработано. Удачи.
2006-09-27
Спасибо, я уже по истечении времени, нашел недачеты и исправил в этом уроке. И думаю написать следущий и веду опрос по актуальности, а урок про AutoCAD 2007. Это полностью измененый в плане 3D и очень удобный для использования архитекторам.
2006-11-03
мне урок понравился, и пригодился на практике. За очень короткое время позволяет воссоздать улицы и дворы с разнообразным рельефом. Очень хорошо. Автору спасибо!
2006-12-17
Я думаю ,что это кому нибудь пригодиться.А насчёт того что урок по фотошопу, так это ты не парься, ведь урок весьма полезный.Любой труд заслуживает похвалы ,а отзывы , особенно одобрительные, подвигают на новые труды . Так что дерзай !!!!!
2006-12-21
Жаль поздно увидел урок, а так бы проголосовал максимальным балом. Столкнулся с архитектурной визуализацией. Смоделил целый квартал и чуть не погиб на текстурировании. А насчет фотошопа, каждый его пользует при создании или обработки текстур.Отлично.
2007-01-30
Молодец! Нужные вещи описываеш. Давай есче!
2007-08-20
Очень полезный урок. Хотел город моделировать, но при мысли моделировании всех этих улочек и дорожек у меня руки опускались.
2008-01-26
Спасибо огромное! Наставил на путь истинный! 5/5
2008-03-12
По моему способ очень хорош для небольших реалистичных сцен. А вот насчет квартала в 2-3 км сильно сомневаюсь. Такое количество дисплейса скорее всего приведет к нереальным тормозам и вылетам при рендере..
2008-05-31
Спасибо за урок! Вот только ...не "топасьемку", а "топосьёмку",а та всё супер!!!!!
2010-02-26
[quote=DROWA] [/quote] я бы даже сказал "топосЪёмку";-) да, полезный урок! спасибо!
2012-02-28
Автор так мастерски владеет русским языком, что понять его, местами, нелёгкий труд
2012-12-06
Эх, это для меня как раз не сложные текстуры. В фотошопе можно всё сделать, если это рендер с птичего полёта. А вот если приходится рендерить какой нибудь экстерьер в относительной близости, тут уже текстуры минимум 4094! Тайлинг на тот-же асфальт особо не поюзаешь, нужно ухитрится как-то юзать процедурные карты и так далее, а в максе всё это эпически неудобно, хотя-бы на развёртки посмотрите. Я пробовал 9к текстуру делать того-же асфальта, но фотошоп загибается что-то делать в таких размерах. Я бы с удовольствием посмотрел урок по текстурингу какой - нибудь хаты модной, с подробностями...
2014-10-25
Видео версия данной статьи
RENDER.RU