Создание текстуры для готовой модели. Как создать свои текстуры

Для того, чтобы редактировать текстуры - вам понадобиться редактор изображений с поддержкой прозрачности (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" и так далее. В итоге получаем случайные текстуры для зомби. Так можно поступить с любыми мобами.

Умение создавать текстуру в Photoshop - полезный навык, особенно для работающих с 3ds Max. Для 3D графики текстуры играют очень важную роль. От качества текстур напрямую зависит качество визуализации 3D-сцены. Можно сказать, что 90% свойств материала несет в себе карта диффузного отражения, которая делается по фотографиям реальных фактур. В этом уроке я расскажу как создавать бесшовные текстуры из фотографий. В английском языке их обычно называют patterns или seamless textures .

Данный урок - первый в серии, посвященной подготовке текстур.

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

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

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

Проверим выбранный кусок в качестве текстуры.
Командой Select > All выделяем все изображение целиком.
Вызываем в нем команду Edit > Define Pattern , которая определяет изображение как шаблон для заливки.
Теперь создаем новый документ большого размера, скажем 1024х768.
Вызываем команду Edit > Fill и выбираем образец для заливки.

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

Для того чтобы получить возможность ретушировать стыки применим к кадрированному квадратику фильтр Filter > Other > Offset . В поля диалогового окошка вводим примерно половину размера картинки, хотя если просто подергать ползунки, то не составит труда загнать стыки в середину изображения.

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

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

3ds Max неверно интерпретирует CMYK-файлы текстур помещенные в слоты растровых карт материалов!

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

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

5 способов применения текстур в дизайне

Добавляем текстуру ржавчины

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

Создаем реалистичную текстуру бумаги за 5 минут

Эффект печенья в Photoshop

Создаем макет сайта с использованием различных текстур

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

Добавляем текстуру на изображение

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

Текстура камней в Photoshop

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

3 простых шага в добавлении текстур

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

Создание гранж-текстур в фотошопе

В уроке показан быстрый и простой способ создания фона гранж-тектсур в Photoshop.

Используем различные текстуры для создания композиций в Photoshop CS5

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

Создаем гранж-дизайн, используя Photoshop

Урок по созданию световых эффектов

Урок по созданию текстуры дерева

Простой способ создавать реалистичную текстуру дерева.

Создаем бетонный эффект, используя различные стили слоя

Удивительно, что можно сделать, играясь с разными стилями.

Чешуйчатая кожа

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

Добавление текстур к коже

Совет: как превратить деревянную текстуру в удивительный фон

Динамичная акварельная типографика

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

Время чтения:4 минуты Изображений:10

Бесшовная текстура в Photoshop

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

Как создать?

1. Открываем Photoshop и создаем новый документ (славиши Ctrl+N ) размерами например 400х400 пикселей. Размер по большому счету не очень важен, поскольку мы можем в дальнейшем легко масштабировать созданную нами текстуру. Далее выбираем Custom Shape Tool (клавиша U ):

и выбрав нужную форму создаем в центре некую композицию, которую мы будем в дальнейшем делать бесшовной. Я создал вот такую небольшую композицию Думаю получилось очень даже симпатично. :-)

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

теперь нажмите сочетание клавиш Ctrl + E (Layer > Merge Layers ). У вас должен получиться один слой с нашей композицией.

2. Сдвигаем текстуру. Теперь самое время сдвинуть текстуру так чтобы она давала правильное заполнение в последствии. Для этоко к нашему объединённому слою применим фильтр Filter >Other > Offset :

значения сдвига должны быть равны половине размера текстуры. Ну вот и получили мы бесшовную текстуру. Правда в центре у нас образовалось пустое место. Заполняем также какими нибудь объектами на наше усмотрение. Я добавил несколько фигур:

Вот такая симпатичная бесшовная текстура получилась у меня. Не забудьте также слить слои в один, но не ливайте с фоном. Фоновый слой можно выключить и оставить только слой с самой текстурой. Теперь осталось только определить нашу текстуру как образец.

Все гениальное - просто!

Основная цель этой статьи – это показать некоторые приемы и правила текстурирования, которые поднимут ваши текстуры на новый уровень качества. Все советы, которые вы прочитаете в этой статье – это не единственный метод решения проблем, но судя со своего многолетнего опыта создания текстур, могу сказать, что эти методы работают наилучшим образом (быстро и качественно).

1. Выразительность материала – что это такое?

Понятие выразительности материала я буду использовать очень часто.

Демонстрация НЕ(!)выразительности материала.

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

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

Но если работаешь над современными материалами или материалами нового поколения (NextGen materials), то это не всегда возможно. Тем не менее, если все же можно распознать материал, то это отличный шанс, что материал будет отлично выглядеть и на модели. Но если материал распознать не удается, то большая вероятность того, что вы будете смотреть на набор случайных цветов и пикселей, но на самом деле это будет должно было быть металлом.

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

Помимо хорошей диффузной карты (diffuse map ) также большое значение имеет качество карты отражений (specular map ). Существует множество инструментов, которые создадут карту отражений за вас, но они не дают нужного контроля. Особенно когда вы работаете над разными материалами, размещенными на одной текстуре, или с ярким текстом.

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

Выше приведена картинка, где показано, как можно создать карту отражений для простой текстуры с двумя материалами: бетон и металл. Каждый материал имеет свою собственную коррекцию уровней (Levels 1 и 2) с маской. Вы также можете вместо коррекции уровней использовать регулировку яркости/контраста (Brightness/Contrast), но использование уровней дает побольше контроля над картинкой. А сверху корректирующих слоев (Levels 1 и 2) лежит Hue/Saturation для того чтобы карта отражений стала черно-белой.

2. Базовый материал

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

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

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

3. Вся красота в невидимых на первый взгляд деталях.

Качественная текстура на low-poly модели.

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

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

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

Но основной момент – это сделать все это незаметным/неброским. Если с этим переборщить, то эффект будет противоположным и картинка испортится.

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

4. Делайте ваши текстуры четче.

Будьте осторожны. Некоторые любят четкие (sharp ) и резкие (crisp ) текстуры, а другие – оставляют их немножко размытыми.

Лично я предпочитаю четкие текстуры, поэтому я всегда финальным шагом применяю фильтр четкости (Unsharp mask в Photoshop) ко всей текстуре.

По существу, я просто делаю копию всей своей текстуры и делаю эту копию самым верхним слоем. Потом применяю к этому слою фильтр Unsharp mask (несмотря на свое противоречивое название, этот фильтр сделает вашу текстуру именно четче).

Я предпочитаю вместо Sharpen использовать фильтр Unsharp mask - с ним вы 100% не испортите текстуру. К тому же Unsharp mask дает дополнительный контроль над финальной картинкой.

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

Первая картинка (normal) – это оригинальная текстура. Так она выглядит в Photoshop без каких-либо коррекций.

Вторая картинка – это оригинал с примененным фильтром Unsharp mask на 70%. Очень хорошо выступили детали на краске и царапины.

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

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

5. Будьте осторожны, используя фотографии.

Тщательно избегайте использовать фотографии при создании своих текстур. О причине этого читайте в одном отличном . Очень редко выпадает возможность использовать часть фотографии непосредственно в текстуре без добавления/убирания деталей или подгона фото под UV-развертку.

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

6. Используйте фотоналожение (Photo overlays).

Даже с учетом совета №5, использование фотографий – это не всегда плохо.

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

Лучший способ продемонстрировать, о чем сейчас идет речь - это показать текстуру с и без фотоналожения.

Лучший способ получить хороший эффект – это пройтись по всем режимам смешивания (blending modes ) в Photoshop"е и выбрать наиболее подходящий для пары: базовый материал + фото.

Обычно хорошо работают режимы Overlay и Vivid Light . Результат от других режимов смешивания сильно зависит от картинки, но очень часто получается выжженная картинка. Но всегда нужно держать в уме тот факт, что фотоналожение должно быть едва различимым .

Эти маленькие детали должны быть совсем неброскими.

Еще одна вещь, которую нужно всегда держать в уме – это масштаб деталей .

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

Для лучшего эффекта наложения советую уделить немного времени опции Blend if (Смешать если) для каждого слоя.

Это опция чрезвычайно полезна, если у вас на картинке есть очень светлые или темные участки, которые портят всю красоту. С помощью Blend if вы значительно можете их сгладить. А если зажать Alt и потянуть ползунок , то он расщепится и получиться сглаженный переход между тем, что смешивается и тем, что не будет смешиваться.

Подпишитесь на обновление блога (вот ).

Введите ваш e-mail:

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