Применение различных текстур к элементам может значительно улучшить ваш дизайн. Текстуры можно использовать для создания дизайнов полиграфии или для различных веб-проектов, и в любом случае нужно правильно уметь обращаться с ними в фотошопе. Ведь умение создавать различные текстур может также отлично также пригодиться для зд-моделирования. Поэтому сегодня вашему вниманию будет предоставлена подборка уроков, в которых вы найдете различные техники работы с текстурами.
В этом уроке вы узнаете, как с помощью дополнительных корректирующих слоев, настроек цвета и простых фильтров добавлять текстуру ржавчины к различным объектам. Эту технику можно применять к более сложным иллюстрациям и коллажам.
Создание такого шаблона займет у вас меньше часа. В уроке вы сможете найти несколько практических советов.
Эта техника подойдет не ко всем иллюстрациям — с одними наложенная текстура будем смотреться лучше, с другими хуже. Очень важно не переборщить с подобными текстурами в своих изображениях.
В этом уроке будет показан быстрый и простой способ создания реалистичной текстуры камней с помощью фильтра Liquify. Этот урок создан для пользователей, которые уже имеют представление с работой в фотошопе.
Использование текстур в дизайне — достаточно важная вещь. Этот урок поможет сделать это очень быстро и легко.
В уроке показан быстрый и простой способ создания фона гранж-тектсур в Photoshop.
Конечно. можно сделать фотографию и использовать ее для текстуры. Но это не единственный вариант. Текстур дерева можно создать самостоятельно, руководствуясь шагами данного урока.
Простой способ создавать реалистичную текстуру дерева.
Удивительно, что можно сделать, играясь с разными стилями.
Вещь, за которую нужно поблагодарить Photoshop — он может значительно упростить работу. Представьте себе, сколько бы времени ушло на создание иллюстрации с драконом, динозавром или другой рептилией, которые имеют чешуйчатую кожу.
В этом уроке будет рассказано, как смешивать некоторые векторные элементы и акварельные эффекты в своем дизайне. Очень быстрый эффект, который в основном зависит от правильного выбора изображения и цвета.
Надеемся, вы уже успели опробовать на своих фотографиях текстовые эффекты, о которых мы рассказывали в прошлых статьях. Сегодня мы займемся текстурами. Текстура - это рисунок, характерный для того или иного материала. Любые объекты, которые нас окружают, имеют свой характерный рисунок, по которому мы можем безошибочно узнать объект. Подобная идентификация происходит на подсознательном уровне. Если в Photoshop создать рисунок поверхности объекта, то у зрителя обязательно будет возникать ассоциация с этим объектом. Поэтому текстуры часто используются как элементы оформления разнообразных изображений, в том числе и фотографий.
Мех леопарда
Для формирования текстуры меха леопарда прежде всего создайте новое изображение в режиме RGB размером 200x100. Используя соответствующие образцы цвета на палитре инструментов, измените цвета переднего плана и фона. Для переднего плана установите черный цвет, а для фона - светло- коричневый. Воспользуйтесь инструментом Paint Bucket для заливки изображения фоновым цветом. Активизируйте инструмент Brush и задайте его основные настройки: Master Diameter - 16 и Hardness - 100%. Нарисуйте на изображении пятна леопарда. Изменяйте диаметр кисти в процессе работы, чтобы пятна были разного размера.
Следите за тем, чтобы пятна не повторяли друг друга по форме и находились на разном расстоянии друг от друга. Примените к изображению фильтр Gaussian Blur, чтобы придать пятнам естественность и избавиться от резких очертаний. В настройках фильтра установите значение параметра Radius равным 1. Теперь добавим на текстуру мех. Для этого поочередно применим два фильтра: Add Noise и Motion Blur. Первый служит для добавления шума на изображение. Этот фильтр незаменим при создании текстур и во многих других случаях. Выберите фильтр из группы Noise и задайте такие значения его параметров, как показано на рис. 1.
Примените фильтр Motion Blur. Этот интересный фильтр применяется в основном для создания эффекта быстрого перемещения. Размытие происходит в заданном направлении, благодаря чему складывается впечатление движения объекта. Примерно так выглядят фотографии автомобилей, снятых в движении на большой скорости. Мы же воспользуемся им для создания меха. Установите такие значения параметров, как показано на рис. 2. Такая текстура очень эффектно смотрится в качестве рамки для фотографии (рис. 3). Эта рамка была создана описанным выше методом, после чего к слою был применен эффект Bevel and Emboss.
Джинсовая текстура
В 1853 году в США, где в то время бушевала "золотая лихорадка", немецкий торговец Леви Страусс (Levi Strauss, или Levi"s) продал золотоискателям штаны, сшитые из особого типа ткани, которая ранее использовалась для парусов. Новые крепкие штаны быстро обрели популярность. Так родились джинсы, о которых спустя полтора века после изобретения знает вся планета. Предлагаем вам создать свою собственную джинсовую текстуру, которая прекрасно подойдет для оформления фотографий с молодежных вечеринок, походов и туристических поездок.
Создайте новое изображение в режиме RGB размером 200x200. Установите синий цвет в качестве цвета переднего плана и залейте им изображение. Примените к изображению фильтр Halftone Pattern из группы Sketch. Он предназначен для перерисовывания исходного изображения в полутоновое. Цвета полутонов определяются исходя из активных, в данное время основных, цветов Photoshop. Данный фильтр применяется не так часто, однако есть и интересные варианты его использования, как, например, в нашем случае. В настройках фильтра установите следующие значения параметров: Size - 1, Contrast - 5, тип рисунка - Dot. Благодаря этому мы получим заготовку для текстуры, которая пока не слишком похожа на джинсы. Но мы только в начале пути. Используем фильтр Grain для добавления на изображение шума. Используйте такие параметры: Intensity - 100, Contrast - 38, тип шума - Regular. На первый взгляд может показаться, что полученное изображение (рис. 4) похоже на текстуру джинсов еще меньше, чем предыдущее, но это не так. Особенно если в вашем распоряжении есть мощные инструменты настройки оттенков и насыщенности цветов Photoshop. Вызовите окно Hue/Saturation и установите флажок Colorize. Используя это окно, можно изменять тон, насыщенность и яркость отдельных цветовых составляющих изображения.
Передвигая маркер Hue, вы перемещаетесь по цветовому кругу, который состоит из последовательно расположенных красного, оранжевого, желтого, зеленого, синего и фиолетового цветов. Установив флажок Colorize, вы превратите изображение в двухцветное. Оно будет состоять из белого и еще одного - по выбору - цвета. Выберите для параметра Hue значение 212, а для Saturation - 39. Текстура станет именно такой, как нам нужно - джинсовой. Чтобы сделать ее еще более правдоподобной, примените к изображению уже знакомый вам фильтр Motion Blur. Значение параметра Distance установите равным 2 пикселя, а Angle - 37. В результате на джинсовой текстуре появится строчка. Как уже было сказано выше, такая текстура как нельзя лучше подходит для оформления рамок фотографий из отпуска (рис. 5).
Мрамор
Некоторые материалы имеют довольно сложный рисунок, поэтому может показаться, что на его создание уйдет много времени. Это далеко не так. Для человека, который в совершенстве владеет арсеналом средств Photoshop, не составит большого труда создать сложный узор текстуры, используя стандартные фильтры и инструменты программы. Вот пример создания такого "сложного" материала, как мрамор. Создайте документ размером 800x800 в режиме RGB и примените к нему фильтр Difference Clouds. Этот фильтр создает некие образования, весьма похожие на облака.
Цветовая гамма облаков определяется из установленных в данный момент цветов фона и переднего плана. Эти цвета смешиваются с исходным изображением. Фильтр Difference Clouds часто применяется как первый этап создания некоторых текстур по той же причине, что и Add Noise - их вид случайный. Результат использования этого фильтра, как правило, очень сюрреалистичен, что некоторые и используют. Примените этот фильтр несколько раз - до тех пор, пока рисунок будущей текстуры не станет немного похожим на узор мрамора (рис. 6).
Чтобы лучше рассмотреть результат, вы можете увеличить яркость и контрастность изображения. Для получения мраморных прожилок необходимо подкорректировать уровни яркости. В окне Levels, передвигая маркеры либо задавая числовые значения, можно осветлять или затемнять некоторые области. Передвиньте средний ползунок в крайнее левое положение, чтобы он совпал с маркером черной точки. Корректируя уровни яркости, вы можете наблюдать результат в окне проекта - рисунок станет больше похож на мрамор, на нем появятся прожилки (рис. 7).
На этом этапе изображение необходимо окрасить в какой-нибудь цвет. Сделать это можно с помощью окна Hue/Saturation. Не забыв установить флажок Colorize, подберите значения параметров цвета. Такой материал можно использовать в качестве отделки рамки фотографии или для создания различных коллажей. Вот как с ее помощью мы преобразовали фотографию ступеней в парке (рис. 8).
Древний свиток
Людей часто привлекает необычное, то, что им не встречается на каждом шагу. Именно поэтому изображения, выполненные "под старину", всегда привлекают внимание. В этом примере мы попробуем освоить один из методов старения изображения в Photoshop и создадим текстуру древнего свитка. Создайте новое изображение размером 700x700 в цветовом режиме RGB, после чего создайте новый слой (Shift+Ctrl+N). Выберите инструмент Rectangular Marquee и выделите внутреннюю часть изображения, оставив неширокую рамку. Залейте изображение бежево-коричневатым цветом, который характерен для старой бумаги (рис. 9). Примените к изображению фильтр Add Noise и подберите подходящее значение параметра Amount. В настройках фильтра установите тип распространения Gaussian и используйте монохромный шум.
Снимите выделение и возьмите инструмент Brush. Установите большое значение жесткости и небольшой диаметр и создайте рваные края на изображении, пройдясь по периметру. Чтобы довершить изображение, необходимо затемнить бумагу в некоторых местах. Для этого подойдет инструмент Burn, который уменьшает яркость пикселей, что приводит к затемнению изображения. Работа с этим инструментом напоминает работу с кистью, поэтому он тоже имеет такие параметры, как радиус и жесткость кисти. Выберите небольшое значение параметра Hardness, небольшой диаметр кисти и закрасьте края изображения так, чтобы казалось, будто они потемнели от старости. Затем увеличьте диаметр кисти, сделайте ее более мягкой и немного затемните центр вашего древнего свитка. Это потребует от вас усидчивости. Текстура древнего свитка очень эффектно смотрится, если использовать ее в качестве фона для текста - например, для поэтических строк классика (рис. 10).
Мятая бумага
Бумага - один из материалов, который лучше всего узнается. Именно поэтому его часто используют при создании текстур. В этом примере мы уже не будем старить бумагу, а попробуем просто ее смять.
Создайте новое изображение произвольного размера в цветовом режиме RGB. Выберите инструмент Gradient и установите тип Black, White. В списке Mode выберите режим смешения Difference и проверьте, чтобы значение параметра Opacity было равным 100%. Создайте градиентную заливку на изображении под некоторым углом. Повторите несколько раз эту операцию, изменяя угол наклона градиентной заливки и ширину перехода. В результате вы получите изображение, состоящее из хаотично пересекающихся градиентов. Участки помятости возникнут там, где градиенты пересекаются, поэтому желательно добиться рисунка, на котором большинство градиентных переходов сходятся в одной точке (рис. 11). Примените к изображению фильтр Emboss. Он позволяет создавать из исходной картинки имитацию объемной лепнины, напоминающей барельеф. Особенность этого фильтра в том, что практически все изображение становится серым. Цвета есть, но только на краях и скосах. Настройки этого фильтра будут зависеть от того, какой рисунок у вас получился, а также от размеров изображения. Уверены, что вы без труда сможете подобрать настройки этого несложного фильтра. Чем больше значение Height, тем более округлые формы будут у изгибов бумаги, поэтому выбирайте небольшое значение этого параметра.
Параметр Angle определяет угол падения света на "барельеф". Параметр Amount отвечает за яркость и контрастность цветов. При малых значениях изображение уходит в сплошной серый фон, при максимальных - становится очень ярким, поэтому лучше придерживаться золотой середины. Подкорректировать эффект можно при помощи окна Brightness/Contrast. С его помощью можно сделать изображение более ярким или более темным, а также увеличить или уменьшить контрастность изображения. В данном случае для нас важно изменить яркость изображения, установив максимальное значение этого параметра. После этого мы получим ярко-белый лист мятой бумаги. Наконец, завершающий этап работы - окрашивание бумаги. С помощью настроек окна Hue/Saturation можно выбрать для бумаги любой оттенок. Текстуру мятой бумаги можно без труда использовать для того, чтобы "смять" фотографию. Для этого позаботьтесь о том, чтобы размеры текстуры совпадали с габаритами фотографии, которую вы желаете смять. Выполните этот пример вплоть до применения фильтра Emboss, но не делайте изображение более ярким, после чего откройте фотографию в Photoshop. Переместите полученную текстуру на фотографию, создав тем самым новый слой. Перейдите на палитру Layers и измените режим смешения на Linear Light. Этот режим дает максимальное преимущество цвета смешения. Значение параметра Opacity установите равным 30%. Фотография станет мятой (рис. 12).
Продолжение следует.
Сергей и Марина Бондаренко
Как известно, шмоток модов много не бывает, но каждому хочется выделить своего персонажа из толпы довакинов\нереваринов\эльфиек\вампиров...
Прекрасно знаю, как по-разному может выглядеть одна и та же вещь с разными текстурами. Поэтому, решила написать небольшой тутор по созданию текстур и ретекстуров для готовых моделек. А если точнее, то распишу последовательность действий, в которой я обычно работаю.
Недавно сделала несколько новых моделей, на примере одной из них буду показывать и рассказывать. Итак:
Название: Текстуры - тонкая материя.
Уровень сложности: Адепт.
Нужности: Photoshop+NVIDIA Tools Normalmap Filter+DDS Plugin, Autodesk 3D Max+Nif Plugin (Importer-Exporter).
Рейтинг: NC-17.
Размер: Миди.
Статус: Закончено.
Текстуры во многих играх "запаковываются" в форматDDS, по своей сути это еще один алгоритм сжатия изображения, как PNG или JPEG, который имеет гибкую систему настроек. Чтоб создавать игровые текстуры, нужно у
Если открыть чужую текстуру и с ходу начать поверх нее работать, то можно перепутать верх и низ, один элемент с другим, лево и право (да-да,так тоже можно). Некоторые текстуры интуитивно понятны, а в некоторых черт ногу сломит. Дабы не гадать на бобах и не запускать по сто раз игру для проверки, надо выяснить, с чем мы имеем дело
Цель описанных далее манипуляций - определить, как лучше работать над текстурой в 2D. Если вы ровненько наложили красивые текстурки и не можете понять, почему же в игре великолепные узоры поплыли, то 3D вам в помощь.
Нам понадобится рассмотреть выбранную модель в 3D максе. Макс у меня открыт почти все время, пока я делаю текстуру, в нем можно быстро посмотреть результат манипуляций в 2D редакторе, подключить сетку для лучшей ориентировки и т.д.
Модели в Скайриме (и еще в некоторых играх) в формате Nif. И для экспорта в макс нужно поставить Nif Plugin
.
Нажимаем на эмблему макса в левом верхнем углу, Import.
Легче всего взять файл прямо из Data, но если вы выложили модель в любое другое место, проверьте, чтобы в пути к файлу не было русских букв (макс может выдавать ошибку). У меня импортер не ругается только на русскоязычные название жестких дисков и рабочий стол, но у всех по-разному, у вас может с рабочего стола не открыть.
Опять жмякаем Import.
Готово, модель с нами.
Выделим ее ЛКМ . Справа, на панели инструментов заходим во вкладку Modify , в списке у вас будет три модификатора.
Щелкаем на верхней строчке ПКМ , выбираем Collapse to -> Yes . (Просто мера предосторожности, чтоб избежать вылетов.)
Добрались до главного. Чуть выше, в Modifier List находим модификатор Unwrap UVW . Весь список не листаем, достаточно щелкнуть по нему и нажать U на клавиатуре, все просто. У меня этот модификатор до кучи вынесен на отдельную кнопку, прямо под списком, вместе с другими "горячими" модификаторами:D
[Для справки: этот модификатор позволяет присвоить пространственным точкам модели (вертексам) такое значение на плоскости, при котором рисунок, наложенный в дальнейшем на плоскость в 2D редакторе, не будет искажен на данной объемной модели. ]
Open UV Editor.
Открывшееся окно разворачиваем, в нем нам нужен пункт рендера развертки...Tools -> Render UVW Template.
Теперь выберем размер в пикселях. Корректными значениями будут: 8х8, 16х16,....512х512, 1024х1024, 2048х2048, 4096х4096. Выбирайте размер под свои нужды. Обычно я беру 4к или 2к (для больших и мелких объектов соответственно), изначальный большой размер дает лучшее качество при дальнейшем сжатии. 4к можно потом уменьшить на 2к, 2к на 1к и т.д. без значительных потерь. Уменьшать - не растягивать:D
Render UVW Template.
Полученное изображение сохраняем в формате PNG. Формат PNG очень классный, он сохраняет прозрачность. На кой черт оно нам надо? Изображение помещается в фотошопе на самый верхний слой, оно прозрачное и не содержит ничего лишнего, кроме граней модели. Если исходные текстуры на выбранной вами модели очень мусорные и невозможно из них понять, что к чему относится, то отрендеренная развертка поможет четко разграничить объекты.
Как я уже писала в самом начале, 3D макс оставляю открытым почти все время текстурирования. Есть еще несколько вещей, которые хотелось бы упомянуть.
Если после рендера все еще остается непонятным, какой элемент развертки за что отвечает, то можно использовать окно Unwrap
, чтобы все прояснить. В левом нижнем углу нужно отметить "выделение по полигонам" и "выделение по элементу". Это позволит выделить элемент полностью, нажав на любой полигон, относящийся к нему.
Во вьюпорте элемент тоже выделяется.
Очень удобно для выявления вот таких маленьких объектов.
Развертки бывают разные..
Правильно сделанная развертка - залог вкусной текстурки. :3 Плохая развертка несет с собой отчаяние, разрушение и багет:С Она непредсказуема, с ней сложно работать в 2D редакторе. Прежде чем браться за ретекстур не лишним будет проверить, а стоит ли?
Material editor -> Diffuse -> Checker.
Перетаскиваем сферу (материал) на объект. Это стандартный материал макса для проверки на вшивость. Представляет из себя "шахматную доску". Там, где растягиваются квадраты, растянется и итоговая текстура. Все дело в степени потянутости...Есть приемлемые растяжения, а есть не совместимые с жизн работой в 2D редакторе. Некоторые модели лучше оставить в покое, серьезно..для безопасности своих же нервов.
При желании можно увеличить тайлинг (квадраты уменьшатся), чтобы оценить адекватность развертки на мелких деталях.
Плохо._____.
Приемлемые потягушки.
Сразу несколько примеров.
Все хреново:D
Обычно никто не заморачивается над мелкими деталями (шнурки, тонкая подошва, люверсы, заклепки, ремешки) - как развернулись, так и развернулись. Они могут растягиваться, лежать в куче, перекрывать друг друга. В подобных случаях, вытянуть ретекстур, не затрагивая исходную развертку, можно, но сложно. Одним из простых решений является однотонная заливка.
Еще чекер помогает увидеть соразмерность объектов. Больше квадраты - меньше места на развертке, меньше квадраты - больше места на развертке. Чем больше объект (платье, брюки, целое тело), тем больше информации в пикселях он потребует для качественного результата. Если маленький объект (бусина, пуговица, манжет) на развертке увеличен в ущерб бОльшему, это не есть гуд:С
Адекватная соразмерность.
Что-то не так...
Чужая модель - потемки. Если свой собственный меш я знаю от и до, какие где швы находятся, имеются ли искажения, как части развертки соотносятся друг с другом по размеру..и прочие мелочи, то чужой меш приходится изучать.
Ладно,перейдем уже к фотошопу.
Начнем с создания Diffuse map, а, проще говоря, нарисуем карту цвета. Одно важное действие, которое полезно предварительно сделать. Создать "маску" для каждого элемента. В кавычках потому, что это не маска слоя. Это всего один слой, на котором у меня лежать все силуэты элементов, залитые каким-нибудь одним цветом.
Вот так это выглядит.
Зеленые линии - границы элементов (верхний слой).
Маску всегда создаю с небольшим припуском, с помощью инструмента "перо". Никакие сглаживания не делаю, только грубое выделение. Главное - не оставлять открытые участки.
Все, что происходит в Вегасе, остается в Вегасе.
Все, что происходит дальше - находится между первым слоем и слоем с маской. Слоев получается много, очень много..слишком:\ (Я делаю резервные копии всего, что только можно, поэтому к концу работы собирается огромная группа "Резерв".)
Для каждого объекта (или материала) создаю свою папку, чтобы они не зависели друг от друга. Я не сливаю слои до последнего, чтоб была возможность скорректировать один элемент, не затрагивая остальные.
В процессе работы на слоях скапливается много шлака. В любой момент можно встать на слой-маску, сделать выделение нужного объекта, инверсию выделения и быстро удалить весь мусор. Или нарезать и примерить пачку фото, в поисках подходящей текстуры.
Кстати, не всегда можно найти подходящую под замысел картинку в и-нете, иногда приходится действовать по вдохновению, my brothers. Например, за основу для подошвы я взяла фото собственного сапога. И вообще, стараюсь фотографировать все, что может пригодиться для текстурирования. Также для создания подошвы мне понадобились старый забор, гвоздодер и наждачка.
Еще слой-маска полезен, если у вас нет возможности или желания запекать карту теней. Выделяем нужный объект и, ориентируясь по слою с разверткой, чисто и быстро накидываем тени.
Cнова открыв Material editor , можно примерить текстуру на модель: Diffuse -> Bitmap -> Твоя_текстура.jpg\png\tiff....
Теперь уже можно в целом посмотреть на то, что мы натворили. Включив сетку, увидим, как исправить тот или иной косяк, на какое конкретно место что нужно передвинуть.
Теперь пора оживить модель. Normal map - та самая карта, которая дает плоскому Diffuse map рельеф. Грубо говоря, эта карта создает реакцию на свет и тень. Наложив нормали на лоу-поли модель можно добиться эффекта объема.
Мидл-поли штаны и хай-поли обувь.
Normal map штанов.
Реакция на освещение.
Карту для штанов я снимала с хай-поли модели.
Нормали могут выглядеть по-разному. Для рендера в 3D максе, например, подходит ч\б версия диффуза, но он также воспринимает и другие виды нормалей. Далее я распишу один из способов создания подобной карты в фотошопе.
Нам понадобится установить NVIDIA Tools Normalmap Filter
.
Сперва нужно обесцветить созданный ранее диффуз. Но перед этим важно учесть одну особенность: темные оттенки воспринимаются как углубления, а светлые - как выпуклости. Что из этого следует? Нужно обратить внимание на материалы: царапины всегда будут светлее основы, а т.к. царапины - это углубления, то придется их сделать темными, чтоб фильтр их понял правильно.
Например, на этой текстуре присутствует два материала: кожа и металл. Оба они имеют царапины.
Простое обесцвечивание даст нам инверсию света и тени при рендере. Правильная основа для применения фильтра будет выглядеть примерно так.
В данном случае я инвертировала сразу оба материала.
Что касается наших ботинок, то на них есть некоторые материалы, которые не нуждаются в инверсии. Колдовать придется с металлом, темными швами и царапинами на подошве. Подошва представляет собой наиболее сложный объект, т.к у нее есть ребристая поверхность, которую НЕ нужно инвертировать, и царапины, которые нужно инвертировать. Упорядочивание слоев и групп может показаться слишком педантичным, но сейчас без этого было бы очень сложно.
Первым шагом я создаю две новые группы Normal и Diff (да-да, снова группы, еще больше групп). В Diff скидываю весь диффуз и отключаю тени, сейчас они не понадобятся. Далее, стоя на группе Diff, нажимаю Ctrl+Alt+Shift+E. Создается слой со всем содержимым, который отправляется в папку Normal (можно перед этим еще фон отключить, но это не столь важно). Применяем к нему обесцвечивание.
Группу Normal пока можно скрыть и заняться сложными пациентами. После обработки, накладываю инвертированные объекты поверх обесцвеченных. Можно еще подтянуть контраст или наоборот, приглушить некоторые моменты. Теперь все готово к применению фильтра Normalmap .
Заходим в Фильтр -> NVIDIA Tools -> NormalMapFilter . В окне настроек можно поменять Scale, попереключать каналы (задействует красный, зеленый, синий или все сразу) и посмотреть на результат. Сейчас меня устроили такие настройки.
Результат можно оставить как есть, он вполне самодостаточен.
Нормал, снятый с хай-поли модели, имитирует общую форму, нормал, полученный в фильтре, имитирует микрорельеф. Их можно миксовать между собой, чтобы добиться более реалистичного эффекта.
Вот что получаем на выходе.
Рельеф сразу же хорошо прочитывается. Но, на мой взгляд, выглядит плосковато, при приближении это видно.
Добиться лучшего эффекта можно несколькими простыми действиями. Копируем полученный слой, ставим ему режим перекрытия и применяем на нем фильтр Размытие по Гауссу . А дальше только нажимаем Ctrl+J (скопировать слой) и Ctrl+F (применить последний фильтр, в нашем случае "размытие").
Теперь больше похоже на правду.
Кратко о Specular map
(карта блеска). Тут уже более-менее без выкрутасов. Нам понадобится простой ч\б вариант диффуза. Регулировка производится таким образом: черный цвет - нет блеска, белый цвет - есть блеск. Металл может быть ржавый, тусклый. Или наоборот - отшлифованный. Кожа может быть матовой, потертой или лакированной. Свойства материала настраиваются в соответствии с задумкой.
Спекуляр может быть сохранен как отдельная карта или вставлен в альфа-канал нормала.
Последним пунктом является сохранение созданных текстур в DDS формате. Файл -> Сохранить как , выбираем расширение DDS . В открывшемся диалоговом окне нам предлагают выбрать тип текстуры и степень сжатия. Подробно про разные алгоритмы сжатия можно почитать и еще . Сейчас я сохраняю в DXT5 .
Теперь можно закинуть получившиеся файлы в нужную директорию и посмотреть на результат в игре.
Достаточно было зайти в Скай один раз, чтобы убедиться, что все в порядке.
All done. Постаралась рассказать обо всем понемногу. Надеюсь, вы нашли для себя что-то полезное в этом руководстве.
Все гениальное - просто!
Основная цель этой статьи – это показать некоторые приемы и правила текстурирования, которые поднимут ваши текстуры на новый уровень качества. Все советы, которые вы прочитаете в этой статье – это не единственный метод решения проблем, но судя со своего многолетнего опыта создания текстур, могу сказать, что эти методы работают наилучшим образом (быстро и качественно).
Понятие выразительности материала я буду использовать очень часто.
Демонстрация НЕ(!)выразительности материала.
Но вообще, в конечном счете, не имеет особого значения, выглядит сама текстура хорошо или плохо, если она отлично смотрится уже на готовой модели.
Однако, отличный способ проверить качество текстуры – это взглянуть на раскладку и отметить для себя, можно ли распознать, где какой материал (метал, камень, резина и т.д.) или определить какая часть модели здесь развернута.
Но если работаешь над современными материалами или материалами нового поколения (NextGen materials), то это не всегда возможно. Тем не менее, если все же можно распознать материал, то это отличный шанс, что материал будет отлично выглядеть и на модели. Но если материал распознать не удается, то большая вероятность того, что вы будете смотреть на набор случайных цветов и пикселей, но на самом деле это будет должно было быть металлом.
(Использование фотографий в качестве текстуры может легко это исправить, но об этом ниже.)
Помимо хорошей диффузной карты (diffuse map ) также большое значение имеет качество карты отражений (specular map ). Существует множество инструментов, которые создадут карту отражений за вас, но они не дают нужного контроля. Особенно когда вы работаете над разными материалами, размещенными на одной текстуре, или с ярким текстом.
Поэтому Photoshop остается единственным отличным инструментом для создания карт отражений. Используя его можно сделать маску, которая будет исключать области, где карта отражений не нужна. А если у вас на текстуре присутствует белый текст, то с помощью маски можно приглушить яркость этого текста на карте отражений.
Выше приведена картинка, где показано, как можно создать карту отражений для простой текстуры с двумя материалами: бетон и металл. Каждый материал имеет свою собственную коррекцию уровней (Levels 1 и 2) с маской. Вы также можете вместо коррекции уровней использовать регулировку яркости/контраста (Brightness/Contrast), но использование уровней дает побольше контроля над картинкой. А сверху корректирующих слоев (Levels 1 и 2) лежит Hue/Saturation для того чтобы карта отражений стала черно-белой.
Хорошим тоном при создании текстуры считается старт работы с базового материала. Если вы создаете материал металла, то сначала создайте равномерную (желательно повторяющуюся - tiled) текстуру, сплошь заполненную металлом. Если металл нужен поврежденный, то повреждения можно дорисовать поверх базового материала.
Обязательно сохраняйте базовые текстуры. Таким образом, если вам опять понадобится создать материал металла, то вы берете базовый материал и создаете на его основе новый.
Это очень удобно, если вы работаете над рядом типовых объектов или зданий. Таким образом, начиная с базового материала для каждого типа материалов на вашей текстуре, можно создать хорошую выразительность материала. После того как каждая часть будет иметь свой материал, можно начинать добавлять детали.
Качественная текстура на low-poly модели.
Это то, что множество людей пропускают при создании текстур – мелкие детали . Они не видны при беглом просмотре, но очень сильно увеличивают интересность и живость текстуры.
В зависимости от стилистики и тематики вы можете использовать как минимализм в деталях, так и экстремально насыщенные деталями текстуры.
Ваша работа как раз и заключается в том, чтобы дать зрителю объект который офигительно выглядит. Неуловимые детали как раз идеальны для этой задачи, а этими деталями может быть все что угодно. Наклейки, остатки краски, заклепки, болты, какие-то каракули черным маркером, грязь, жировые пятна, да все что угодно.
Но основной момент – это сделать все это незаметным/неброским. Если с этим переборщить, то эффект будет противоположным и картинка испортится.
Объект на картинке ниже – это очень хороший пример создания деталей в нужном количестве. Как вы, наверное, заметили, диффузный цвет сразу подгружается с деталями и большинство из них незаметны на первый взгляд. На объекте кусочки пленки, разводы, наклейки с текстом, царапины, заклепки, этикетки и др. Именно эти детали придают реалистичного вида двадцати двум треугольникам модели.
Будьте осторожны. Некоторые любят четкие (sharp ) и резкие (crisp ) текстуры, а другие – оставляют их немножко размытыми.
Лично я предпочитаю четкие текстуры, поэтому я всегда финальным шагом применяю фильтр четкости (Unsharp mask в Photoshop) ко всей текстуре.
По существу, я просто делаю копию всей своей текстуры и делаю эту копию самым верхним слоем. Потом применяю к этому слою фильтр Unsharp mask (несмотря на свое противоречивое название, этот фильтр сделает вашу текстуру именно четче).
Я предпочитаю вместо Sharpen использовать фильтр Unsharp mask - с ним вы 100% не испортите текстуру. К тому же Unsharp mask дает дополнительный контроль над финальной картинкой.
Есть большой соблазн сделать ну очень четкую текстуру, но это может привести к разного рода артефактам на картинке.
Первая картинка (normal) – это оригинальная текстура. Так она выглядит в Photoshop без каких-либо коррекций.
Вторая картинка – это оригинал с примененным фильтром Unsharp mask на 70%. Очень хорошо выступили детали на краске и царапины.
Правда теперь очень выразительным стал блик на горизонтальном ребре, но его можно немного притушить. (Сделать это нужно на оригинальной текстуре и заново применить фильтр Unsharp mask. В таком случае вы будете иметь на выходе полностью четкую текстуру и сохраните в идеальном порядке ваш.psd файл).
На последней картинке ясно видны артефакты, которые вам точно не нужны. Здесь явно доминирует белый цвет, а также ярко оранжевые пиксели по бокам краски и т.д. Такого нужно тщательно избегать.
Тщательно избегайте использовать фотографии при создании своих текстур. О причине этого читайте в одном отличном . Очень редко выпадает возможность использовать часть фотографии непосредственно в текстуре без добавления/убирания деталей или подгона фото под UV-развертку.
Я не говорю, что это невозможно. Некоторым специалистам по текстурированию это очень хорошо удается. Но в большинстве своем, использование фотографий для текстур – это прерогатива новичков. Но лучше бы им посмотреть на другие техники создания базовых текстур.
Даже с учетом совета №5, использование фотографий – это не всегда плохо.
Фотографии – это отличный способ добавить мелких деталей. Т.е. таких деталей, как мелкие поры, которые разбавляют простую однородную заливку и делают модель не такой мультяшной.
Лучший способ продемонстрировать, о чем сейчас идет речь - это показать текстуру с и без фотоналожения.
Лучший способ получить хороший эффект – это пройтись по всем режимам смешивания (blending modes ) в Photoshop"е и выбрать наиболее подходящий для пары: базовый материал + фото.
Обычно хорошо работают режимы Overlay и Vivid Light . Результат от других режимов смешивания сильно зависит от картинки, но очень часто получается выжженная картинка. Но всегда нужно держать в уме тот факт, что фотоналожение должно быть едва различимым .
Эти маленькие детали должны быть совсем неброскими.
Еще одна вещь, которую нужно всегда держать в уме – это масштаб деталей .
Если вам нужно добавить небольшой дефект на краске, как на второй картинке дверей, то вы должны подобрать масштаб деталей такой же, как масштаб вашего объекта. Если масштабы не будут совпадать, то зритель сразу заметит подвох, поскольку эти дефекты краски будут неуместны.
Для лучшего эффекта наложения советую уделить немного времени опции Blend if (Смешать если) для каждого слоя.
Это опция чрезвычайно полезна, если у вас на картинке есть очень светлые или темные участки, которые портят всю красоту. С помощью Blend if вы значительно можете их сгладить. А если зажать Alt и потянуть ползунок , то он расщепится и получиться сглаженный переход между тем, что смешивается и тем, что не будет смешиваться.
Подпишитесь на обновление блога (вот ).
Подяка спонсору, сайту, который поможет вам с автопродажей любой марки автомобиля. Те, кто хоть раз сталкивались с проблемой продажи авто, оценят этот сайт по достоинству.
Для того, чтобы редактировать текстуры - вам понадобиться редактор изображений с поддержкой прозрачности (paint не подойдет) и хотя бы начальные знания по пользованию этой программой. Из самых популярных это photoshop, также есть gimp и еще множество других программ.
Если у вас уже стоит подходящая программа, то вам нужно взять некоторую текстуру за основу. Если вы хотите делать все с нуля, то можно взять стандартные текстуры: (cкачиваний: 1585)
Распаковываете архив и получаете папку подпапками и картинками. Дальше вам нужно лишь найти соответствующую картинку и отредактировать ёё.
Давайте рассмотрим, структуру папок и что вы там можете найти:
| terrain.png | Самый важный файл - текстуры блоков. Лежит в корне |
| pack.png | Иконка вашего текстурпака, которая отобразится в списке текстурпаков в игре. |
| pack.txt | Подпись вашего текстурпака, которая отобразится в списке текстурпаков в игре. |
| ctm.png | Файл для объединения блоков. Например, если поставить 2 сундука рядом, то получится двойной сундук. Или соединения стекол. |
| particles.png | Текстуры частиц. Огоньки, эффекты от зелий и прочие маленькие штуки, которые летают в воздухе. |
| achievement | Папка с текстурами для интерфейса и иконок достижений. |
| armor | Папка с текстурами брони (chain - кольчужная, cloth - кожаная, diamond - алмазная, gold - золотая, iron - железная). Также присутствует файл witherarmor.png, относящийся к мобу Иссушитель и power.png - текстура эффекта, когда в вас или моба ударила молния. |
| art | Папка содержит 1 файл с текстурами картин. |
| environment | Папка с текстурами облаков, дождя, снега и освещения. |
| gui | Папка с текстурами интерфейса игры, а также текстуры предметов в items.png. |
| item | Немного особых предметов типа стрел, вагонеток, дверей, сундуков. Также есть текстура шариков опыта (xporb.png). |
| misc | Папка разных текстур: цветовые гаммы, смена дня и ночи, освещение, текстура воды. |
| mob | Папка текстур мобов. |
| terrain | Луна и солнце. |
| title | Логотип и фон в меню. |
И не бойтесь использовать прозрачность. Лишь так можно узнать все тонкости, лишь так можно научиться делать неповторимые текстуры. Исследуйте понравившиеся вам чужие творения и не бойтесь экспериментировать сами!
Например, картины можно делать фигурными, используя прозрачность. Вы не ограничены квадратной рамкой:
Или у зомби, как и у текстур игрока есть слот под "шляпу", зная это вы можете создавать интересные текстуры, например, сделана следующая текстура зомби:
А на деле выглядит так:
Чтобы создать текстуры более высоких разрешений нужно или взять за основу текстуры нужного разрешения или вручную растянуть стандартные текстуры до нужного разрешения (для разрешения 32 растянуть в 2 раза, для 64 в 4 раза итд). Более никаких особых действий не нужно.
Растягивать следует без использования сглаживания, иначе получившиеся текстуры будут размытыми (если вы собрались переделывать все, то это не особо важно), например, в фотошопе при изменении размера нужно выбрать интерполяцию "По соседним пикселам":
Для Gimp нужно выбрать качество интерполяции "Никакой":
Тогда вид неизмененных блоков останется стандартным.
Можно сделать, чтобы у мобов могли быть разные модельки. Не 100 зомби одинаковых на лик, а разношерстная толпа. Например, сделаем случайные текстуры для зомби. Для этого рисуем столько текстур для зомби, сколько сможем и сохраняем их как "zombie.png", "zombie2.png", "zombie3.png" и так далее. В итоге получаем случайные текстуры для зомби. Так можно поступить с любыми мобами.
