Бесшовные текстуры - это изображения с текстурой какого-либо материала, поверхности, вещества, которые при состыковки с любой стороны относительно друг-друга образуют целую сплошную картинку, без смещений и искажений. Подобные текстуры (фоны) обычно применяются в 3D моделировании и веб-дизайне. Если вы хоть раз работали в каком-нибудь 3D редакторе, к примеру 3D max, то знаете не по наслышке о том, что бесшовные текстуры в 3D моделировании - очень важный элемент, поскольку именно от их качества зависит качество модели в целом. Чем больше размер текстуры, тем лучшего качества 3D модель получится в результате.
Для создания бесшовных текстур и фонов используют различные специальные программы, существуют и различные плагины для фотошопа, которые способствуют созданию бесшовных изображений. Мы же рассмотрим простой способ создания бесшовной текстуры в фотошопе, без использования плагинов и сторонних программ. Для создания бесшовной текстуры нам нужно изображение данной текстуры, обычно производят фотосъемку, либо отрисовывают ее в ручную.
Мы же возьмем готовую картинку (текстуру) земли (почвы), которую я нашел в интернете и сделаем ее с помощью фотошопа бесшовной.
Первым делом открываем изображение программой фотошоп и разблокируем его, если оно заблокировано (значок замочка на против слоя), кликнув по замочку левой кнопкой мыши. Данная процедура дает возможность редактировать изображение, если же замочек не снять, то с картинкой никаких манипуляций произвести не удастся. В моем случае изображение заблокировано не было.
Теперь необходимо узнать размер изображения, для этого в верхнем меню переходим в "Изображение" - "Размер холста", либо нажимаем комбинацию клавиш Alt + Ctrl + С.
Размер изображения логично конечно посмотреть выбрав пункт "Размер изображения", но мы выберем холст, чтобы при необходимости сразу изменить размеры, а не повторять эти же действия по несколько раз. И так, кликнув по пункту "Размер холста" появится всплывающее окошко с параметрами.
Нам необходимо убедиться, что размеры изображения имеют четные значения, потому что нам нужно будет разделить значения длины и ширины изображения ровно пополам. В моем случае и ширина изображения (596px) и высота (380px) делятся на 2, поэтому менять ничего не нужно. Если же у вас одно из значений или оба не четные числа, то необходимо изменить размеры холста, прописав уменьшив число на единичку до четного и нажав кнопку "Ок". При этом, при изменении размеров холста имейте в виду, что стороны холста не должны быть закреплены, т.е. скрепка указанная на картинке выше не должна быть активирована, иначе вы измените, к примеру высоту на четное число, а ширина станет нечетной.
Запоминаем размеры нашего холста (изображения), делим их на 2 и получаем следующее: ширина - 298px и высота - 190px. Теперь переходим в верхнем меню в "Фильтр" - "Другое" - "Сдвиг".
Во всплывающем окне вводим наши полученные методом деления на 2 значения ширины и высоты изображения, а так же выбираем пункт "Вставить отсеченные фрагменты".
В результате у нас получается изображение, сложенное из 4-х частей, стыки которых не совпадают и явно выделяются.
Нам нужно удалить данные погрешности. Для этого мы будем использовать инструмент "Точечная восстанавливающая кисть", можно так же использовать инструмент "Штамп" - это уже на ваше усмотрение - экспериментируйте. В левой панели программы выбираем необходимый нам инструмент и аккуратно обрабатываем стыки.
После того, как избавитесь от видимых швов (стыков) необходимо снова войти в фильтр "Сдвиг" и прописать значения горизонтали и вертикали по нулям. В результате у меня получилось бесшовное изображение (текстура).
Теперь давайте проверим как это будет выглядеть, для этого я возьму несколько получившихся текстур и состыкую их друг с другом разными сторонами.
Как видите, теперь швов (стыков) не видно, что и требовалось сделать, у нас получилась бесшовная текстура для 3D max или фотошопа. Еще раз напомню, если хотите получить текстуру высокого качества, то необходимо использовать большое изображение и чем больше, тем лучше.
Всегда интересно создавать собственными руками текстуры в программе Adobe Photoshop, и использовать их потом для оформления фоновой картинки веб-сайта, в качестве оригинальных текстур для 3D графики и так далее. Узнать о том, как сделать текстуру, а также ознакомиться с четким действием определенных функций, вы сможете в нашем руководстве. Существует ряд тонкостей, зная которые, создание текстур не будет казаться таким уж сложным занятием. Итак, приступим к делу.
В виду того, что для образования текстур применяются фигуры, то очень сложным становится момент сглаживания мест их состыковки друг с другом. Согласитесь, качество такой текстуры будет не самым лучшим. Как решить эту задачу?
Теперь, при помощи той же кисти, которая применялась для рисования изображения, соединяем «оборванные» края. Когда получилось единое изображение, опять применяем фильтр Offset (Ctrl+F). Новый узор лучше занести в набор, применив команду Edit > Define Pattern.
Таким образом, рисовать текстуры легко и просто. Данная техника позволяет, как создавать новые, уникальные текстуры, так и редактировать уже имеющиеся или загруженные.
Также, существует еще один способ создания текстур. Ознакомиться с ним и узнать больше о том, как сделать бесшовную текстуру можно здесь: "Photoshop School. Часть 1. Бесшовные текстуры ". Только бесшовная текстура позволяет рисунку выглядеть как законченное, оригинальное и абсолютно уникальное изображение. Причем оно может быть таким, каким захочет его видеть пользователь.
Посмотреть отличное обучающее видео о том, как сделать прозрачные текстуры, можно здесь: "Valve Hammer Editor №25: Создание текстуры с прозрачным фоном ". Наглядное пособие ориентировано на практическую демонстрацию действий по созданию различных прозрачных фонов и авторских текстур. Применение различных техник и способов является главным фактором в создании требуемых текстур с неповторимым рисунком.