Статья как создаются текстуры фотошоп. Советы и хитрости для создания бесшовных текстур. Создание текстур для трехмерной модели

Maya 3D Paint является, конечно, хорошим инструментом, но его часто бывает недостаточно. Иногда нужны более сложные инструменты редактирования для рисования текстур, и в этом нам может помочь Photoshop или другие редакторы изображений. Давайте я покажу вам, как р исовать текстуры Мауа например в программе Photoshop. Мы выделим нашего персонажа, и перейдем в UV Texture Editor. Выбираю UV Texture. И сейчас мы видим мою развёртку для этого персонажа.

Я могу экспортировать её как изображение, для этого я перейду в Polygons/ UV Snapshot. И затем я должен заполнить эту форму. Тут уже есть название файла. Итак, я иду в мою папку Source Image и назову файл Mapping. Мы дали во такое имя общего характера. Теперь я выберу размер, мне нужно примерно 1000, поэтому я оставлю 1024 на 1024 и сохраню соотношение сторон.

Затем я могу выбрать цвет UV развертки. И затем, указать формат изображения. У нас есть все стандартные форматы изображений. Я буду использовать JPEG, потому что это проще всего. Теперь мы можем нажать OK, и моя карта экспортируется в папку. Давайте перейдем в Photoshop и откроем ее. Я иду в File/ Open и найду здесь файл Mapping. Открываю его. Итак, вот наша развертка, и мы можем использовать её в качестве основы для рисования новой текстуры.

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

Очень часто вам будет нужно рисовать по референсу, и гораздо удобнее постоянно видеть его при этом. Самый простой способ сделать это - инвертировать изображение и умножить его. Позвольте мне показать вам, что я имею в виду. Я выбираю слой Background, на котором расположена моя карта, выбираю Image/ Adjust/ Invert. Затем выберу мой уровень и нажму Multiply. Это покажет каркас поверх моего цвета, и так мне будет намного проще рисовать.

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

И это вещи, которые вы не сможете сделать в Maya 3D Paint. Вы не сможете сделать материал с помощью добавления текстур или помещения изображений. Если я хочу поместить изображение на мою карту, я должен вставить его сюда. Так, скажем, мы хотели сделать персонажу брюки. И мы можем, конечно, использовать для этого нашу развертку. Давайте просто сделаем прямоугольное выделение. Вот отверстия для рук. Давайте выделим область немного ниже и выберем темно-серый или даже темно-синий цвет. Или возможно такой, серовато-синий.

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

И мы просто занимаемся добавлением цвета. Но если я хочу, я могу добавить текстуру. Я могу нарисовать всё, что захочу. Скажем, я могу нарисовать подобие ромба в центре на груди персонажа. Возможно это будет логотип или что-то вроде этого. Видите, я могу сделать огромное количество разных вещей в Photoshop, это очень хороший способ рисовать текстуры.

Когда я закончил, я должен сохранить получившееся изображение, и оно станет текстурой. Я выключаю Background, потому что я не хочу отображать развертку, и просто сглаживаю изображение. Теперь давайте сохраним его. File/ Save as, назовем наш файл просто Texture. И сохраним его как JPEG, готово. Теперь вернемся в Мауа.

У меня есть эта текстура на персонаже. Если я выделю его, войду в Attribute Editor и выберу материал Body в Сolor, то мы увидим, что у меня есть файл charactershape_color.iff. Если я открою его, то мы увидим то, что мы нарисовали в прошлый раз в 3D Paint. Я больше не собираюсь использовать 3D текстуру

Я собираюсь использовать ту текстуру, которую я создал в Photoshop.. Я перейду вот сюда в папку Source Images и затем просто выберу файл Texture и у нас появилось то, что мы создали. Давайте откроем его. Она применилась к модели. Теперь мой персонаж имеет текстуру, которую я создал. Если мы хотим, мы можем также посмотреть на нее в UV редакторе. И если я нажму на нашего персонажа, то видим что все ему соответствует.

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

Бесшовные текстуры - это изображения с текстурой какого-либо материала, поверхности, вещества, которые при состыковки с любой стороны относительно друг-друга образуют целую сплошную картинку, без смещений и искажений. Подобные текстуры (фоны) обычно применяются в 3D моделировании и веб-дизайне. Если вы хоть раз работали в каком-нибудь 3D редакторе, к примеру 3D max, то знаете не по наслышке о том, что бесшовные текстуры в 3D моделировании - очень важный элемент, поскольку именно от их качества зависит качество модели в целом. Чем больше размер текстуры, тем лучшего качества 3D модель получится в результате.

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

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

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

Теперь необходимо узнать размер изображения, для этого в верхнем меню переходим в "Изображение" - "Размер холста", либо нажимаем комбинацию клавиш Alt + Ctrl + С.

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

Нам необходимо убедиться, что размеры изображения имеют четные значения, потому что нам нужно будет разделить значения длины и ширины изображения ровно пополам. В моем случае и ширина изображения (596px) и высота (380px) делятся на 2, поэтому менять ничего не нужно. Если же у вас одно из значений или оба не четные числа, то необходимо изменить размеры холста, прописав уменьшив число на единичку до четного и нажав кнопку "Ок". При этом, при изменении размеров холста имейте в виду, что стороны холста не должны быть закреплены, т.е. скрепка указанная на картинке выше не должна быть активирована, иначе вы измените, к примеру высоту на четное число, а ширина станет нечетной.

Запоминаем размеры нашего холста (изображения), делим их на 2 и получаем следующее: ширина - 298px и высота - 190px. Теперь переходим в верхнем меню в "Фильтр" - "Другое" - "Сдвиг".

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

В результате у нас получается изображение, сложенное из 4-х частей, стыки которых не совпадают и явно выделяются.

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

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

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

Как видите, теперь швов (стыков) не видно, что и требовалось сделать, у нас получилась бесшовная текстура для 3D max или фотошопа. Еще раз напомню, если хотите получить текстуру высокого качества, то необходимо использовать большое изображение и чем больше, тем лучше.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Немного о программе для создания бесшовных текстур – Texture Maker.

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

Возможности программы

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

перевести изображение в контур, :

или получить псевдофрактальное изображение:

создать текстуру бесшовного текста:

А также базовые инструменты для редактирования фотографий, такие как обрезка (crop), отредактировать цветовой тон текстуры (Color Adjustments), настроить освещение, или угол падения света (Shader), инструмент клонирование области, подобный инструменту Штамп в фотошопе (clone), рисование кистью (brushes), как обычной, так и текстурной. С помощи текстурной кисти вы можете очень просто создать текстуру на любом фоне.

А также в программе вы найдете арсенал масок, градиентов, стикеров и др.

Интерфейс программы Texture Maker – англоязычный. Однако не смотря на это в ней не сложно разобраться.

Интерфейс состоит из рабочей зоны, панели команд и панели инструментов.

Перевод основных команд Texture Maker:

• File – файл,
• Edit – редактирование,
• Image – изображение,
• Tool – инструменты,
• Functions – функции,
• Scripts – скрипты,
• Configurations – конфигурации,
• Windows – окна,
• Help – справка.

Готовые текстуры программы вы найдете через команды меню –> Scriptes –> Textures.

Создание бесшовных текстур из изображений

Вы можете создать текстуру из готового изображения следующим образом. Откройте изображение в программе File –> Open…

Затем примените команды Tools –> Kaleidoscope. Перемещайте многоугольник в левом окне, в правом окне следите за полученным результатов бесшовной текстуры. Изменяйте настройки по своему усмотрению. Когда вам понравится результат, нажмите на кнопку “render”.

В новом окне снова нажмите “Render”

Сохраните результат на компьютере после рендеринга (обработки изображения), нажав кнопку “save” или произведите изменения исходного изображения в программе, одобрив кнопкой “accept”.

Такие бесшовные текстуры получились у нас при помощи инструмента Калейдоскоп.

Вы можете также смешивать текстуры между собой при помощи инструмента Multitexture mixer, создавать матрицы из нескольких текстур или цветов с помощью инструмента Neighbor Texture Transitions, проводить дискретиризацию (составление текстур, состоящих из мелких отрезков исходного изображения) – команда Tool Resamples и много других инструментов для создания бесшовных текстур.

Недостаток программы Texture Maker

– программа условно-бесплатная. Вы можете свободно пользоваться ею в течении 30 дней после установки.

Информация о файле TextureMaker31Setup.exe:

• Операционная система — Windows Vista, XP, 7
• размер файла 13 Mb,
• shareware,
• скачать с

Умение создавать текстуру в 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-файлы текстур помещенные в слоты растровых карт материалов!

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