Как создать бесшовную текстуру в фотошопе: Как сделать бесшовную текстуру в Photoshop / Skillbox Media

Как сделать бесшовную текстуру в фотошопе, делюсь опытом

Фотошоп

Автор Иван Фролов На чтение 3 мин Просмотров 1.3к. Опубликовано Обновлено

Читатель, доброго и познавательного тебе! Как часто возникала у тебя потребность использовать на разных предметах и фоне определенный узор? Уверена, что много, иначе ты бы не искал статью о том, как сделать бесшовную текстуру в фотошопе.

На самом деле, это не так трудно, нужно лишь знать о некоторых инструментах. Ниже мы разберем, о каких именно – будь уверен, ты нашел что искал. Итак!

Содержание

1. Начнем работу
2. Этапы работы
3. Проверка

Начнем работу

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

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

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

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

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

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

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

Этапы работы

Перейдем к конкретным шагам. Для добавления текстуры из сырой картинки делаем следующее:

• Открываем Фотошоп. Перетаскиваем туда исходный рисунок.

• Определяем на глаз границы узора. Вытягиваем из колонок линейки( если у вас её нет по умолчанию, открываем комбинацией кнопок Ctrl+R) направляющие, 4 штуки, по границе узора, будет достаточно. Должен получится прямоугольник.

• Инструментом «прямоугольное выделение» выделяем этот кусок по границе направляющих.

А далее идут шаги, которые одинаковы как для готового макета текстуры, так и для выделенной нами области узора. Итак:

• Щелчок ПКМ на выделенной области (если это целый макет, выделяем полностью) — «скопировать на новый слой».
• Делаем фон невидимым, щёлкая на глазик рядом с фоновым слоем.
• Инструментом «прямоугольное выделение» опять выделяем наш кусок с узором.
• Сверху во вкладке «изображение» выбираем «кадрировать».

• Также сверху «редактировать»-«определение узора» — даём имя узору — ок.

Проверка

Узор готов. Осталось лишь его проверить:

• Создаём новый пустой файл.
• ЛКМ щелкаем по замочку на фоновом слое.
• Двойным щелчком ЛКМ нажимаем на этот слой, чтоб открыть меню.
• В меню выбираем «наложение узора», в списке узоров выбираем свой.
• Меняем масштаб, чтобы понять, видны ли стыки у границ текстур. Нет? Значит работа выполнена отлично, и глазомер вас не подвёл.

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

С вами была Оксана.

photoshop уроки фотография фотошоп

Создание бесшовной текстуры плитки — Строим дом

Содержание

1. Как сделать бесшовную текстуру в Photoshop
2. Как сделать бесшовную текстуру в Photoshop
3. Что такое бесшовные текстуры? Зачем нужны бесшовные текстуры и как их использовать?
4. Как сделать бесшовную текстуру в Фотошопе. Подготовка изображения в Фотошопе
5. Смещаем изображение в Фотошопе, используя фильтр Смещение («Offset»)
6. Используем инструмент клонирования Штамп («Clone Stamp Tool»), чтобы скрыть швы на изображении
7. Возвращаем текстуру на место
8. Используем инструмент Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) для осветления изображения в Фотошопе
9. Как и где еще используются затайленные текстуры

Как сделать бесшовную текстуру в Photoshop

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

Итак, как обычно, начнем с основных определений. Бесшовная текстура – это текстура, которая при сопоставлении со своей копией образует единый монолитный фон без каких-либо швов. Т.е., вы составляете единый рисунок из множества «кусочков», при этом фон будет смотреться идеально, будто бы он таким и был изначально.

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

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

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

При необходимости, в «редактировании» используйте инструмент «трансформирование», чтобы увеличить или уменьшить участок под бесшовную текстуру. И когда вы найдете такой участок, нужно будет все лишнее обрезать.

Для этого в панели инструментов выберите инструмент «рамка», чтобы видеть границы картинки. Тут вы можете дополнительно подредактировать картинку, а уже после нажать Enter и обрезать все ненужное. После этого, в верхнем меню, выберите пункт «фильтр», затем выберите «другое», после чего выберите «сдвиг».

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

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

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

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

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

Ну а вот, как это выглядит в случае с бесшовной текстурой:

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

Источник статьи: http://adobeuroki.ru/kak-sdelat-besshovnuju-teksturu-v-photoshop/

Как сделать бесшовную текстуру в Photoshop

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

Что такое бесшовные текстуры? Зачем нужны бесшовные текстуры и как их использовать?

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

В игрострое довольно часто используется техника тайлинга текстур или затайливания текстур (от англ. tile — плитка). Тайлинг позволяет повторять текстуры на поверхности 3D модели. Очень часто затайленные текстуры применяются на ландшафте, либо для текстурирования дорог, домов и так далее. О тайлинге я уже рассказывал в уроке От тайлинга и смещения до атласа текстур на примерах смены обложки для книги и текстуры одежды и кожи персонажа.
Но для того чтобы затайленная текстура хорошо смотрелась на 3D модели, необходимо чтобы она была бесшовной.

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

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

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

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

Как вы можете видеть на рисунке выше такую текстуру не стоит использовать для затайливания ландшафта или любого другого 3D объекта, да и просто для заливка фона сайта или холста в Фотошопе. И для создания паттерна для Фотошопа она не подойдет. Чтобы наложить текстуру на 3D модели без стыков (или залить фон сайта или холста), заметных пользователю, необходимо воспользоваться инструментами редакторов изображений.

Как сделать бесшовную текстуру в Фотошопе. Подготовка изображения в Фотошопе

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

На рисунке показана текстура кирпича, которая будет превращена в бесшовную текстуру.

Если вы не нашли текстуру размером 512 на 512 пикселей (1024 х 1024, 2048 х 2048 или 4048 х 4048 пикселей), а нашли, например, текстуру размером 1300 на 700, то обрежьте изображение в Фотошопе до размера в 512 х 512 пикселей при помощи инструмента Рамки/Crop (в панели инструментов слева) или использовав инструмент изменения размера холста «Canvas Size», который вы можете найти во вкладке «Image» главного меню.

На рисунке показаны инструменты, позволяющие обрезать изображение Canvas Size (A) и Crop (B).

Также вы можете использовать инструмент свободного трансформирования (Ctrl+T) либо инструмент Scale, который вы найдете в меню Transform вкладки Edit главного меню.

На рисунке показан инструмент Scale для изменения масштаба изображения (в данном случае, подгонки изображения) в Photoshop.

Если вы применяли инструмент масштабирования или перемещения текстуры, необходимо выделить все видимое изображение на холсте (Ctrl+A) и скопировать его на новый слой (Ctrl+C и затем Ctrl+V). Если этого не сделать, то выступающее за холст изображение нам помешает. Альтернативой копипасту может послужить упоминавшийся ранее инструмент обрезки изображения Crop. Далее мы будем работать с новым созданным слоем: выделите его в панели справа, щелкнув на нем Левой Кнопкой Мыши.

Смещаем изображение в Фотошопе, используя фильтр Смещение («Offset»)

Итак, как сделать бесшовную текстуру в Фотошопе… Фотошоп предоставляет вам отличный инструмент, который подойдет для создания бесшовной текстуры. Данный инструмент представляет собой фильтр в Фотошоп и называется Смещение или «Offset«. Я уже рассказывал про смещение текстур на поверхности 3D моделей (а на самом деле в uv пространстве), в частности, использующихся в компьютерных играх, в статье Эффекты в Unity3D. Часть III. Билборды (биллборды), бегущая строка, неоновая реклама, информационные щиты, реклама, рекламные щиты, баннеры.. Здесь фильтр Смещения также позволяет двигать текстуру по горизонтали и вертикали.

Чтобы сместить изображение текстуры, выберите вкладку фильтров «Filter» в главном меню и в открывшемся выпадающем меню выберите вкладку «Other«, в которой, в свою очередь, выберите вкладку «Offset…».

На рисунке показано окно настроек фильтра Смещения («Offset»).

В окне фильтра «Смещение» выставьте значение для смещения по горизонтали равным 256 пикселям (Horizontal 256 pixels right) и смещение по вертикали равным также 256 пикселям (Vertical 256 pixels down), чтобы сместить изображение текстуры на 256 пикселей по горизонтали и вертикали. Нажмите кнопку «OK«, чтобы применить фильтр и сместить текстуру. Как вы можете видеть (и себя на холсте или на рисунке выше) в центре изображения появились швы, поскольку края изображения не совпадают друг с другом.
Для текстуры 1024 на 1024 смещение по вертикали и горизонтали можно выставить в 512 пикселей, для 2048 – 1024 пикселей, хотя и не обязательно.
Данные значения смещения служат лишь рекомендательными и могут для изображения 512 на 512 пикселей (а также для 1024х1024, 2048×2048) составлять 128 пикселей, 256 пикселей и так далее.

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

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

Используем инструмент клонирования Штамп («Clone Stamp Tool»), чтобы скрыть швы на изображении

Чтобы удалить швы на текстуре, в Фотошопе существует несколько инструментов. Одним из таких инструментов является «Штамп» («Clone Stamp Tool«), иногда еще называемый кистью клонирования или клонирующей кистью.

На рисунке показан инструмент Штамп в Фотошопе.

Инструмент «Штамп» в Фотошопе позволяет создавать клоны участков изображения и вставлять их в указанное место холста. Чтобы указать место на изображении, с которого будет клонироваться часть изображения, удерживайте клавишу ‘Alt’ и кликните Левой Клавишей Мыши в точке изображения, которая станет точкой отсчета клонирования участка-донора.

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

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

А вот так выглядит получившаяся текстура в Unity3D.

На рисунке показана затайленная бесшовная текстура кирпичной стены в Unity3D.

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

Вместо Штампа или в качестве дополнения к нему вы можете использовать инструменты «Заплатка» (Patch Tool), Healing Brush Tool, Spot Healing Brush Tool

Возвращаем текстуру на место

Теперь, когда вы удалили все швы на изображении, превратив ее в бесшовную текстуру, необходимо вернуть её на место. Конечно, вы можете не возвращать ее, а использовать в том виде, в котором она сейчас есть — со смещением. Так можно поступить для бесшовной текстуры травы или бесшовной текстуры камней, каменной или кирпичной кладки. Однако такое смещение и результирующая текстура практически неприемлемы для текстур деталей, например, sci-fi стены или sci-fi плитки пола, создание которой рассматривается в уроке по созданию 3D модели sci-fi плитки пола в Blender. Превращаем 3D модель в sci-fi текстуру через запекание карт. Создание текстуры сетки для забора или пола для Unity3D, поскольку оставляет по краям затайленной 3D модели половинки текстур.

Проверка бесшовности текстуры и коррекция швов текстуры

Чтобы проверить, насколько «бесшовной» получилась ваша текстура, вы можете, если сместить текстуру не на 256 пикселей по вертикали и горизонтали, а например на +128 и +128 пикселей, или на -128 и +128 пикселей, или на +128 и 0 пикселей и так далее. Только не забывайте (а лучше записывайте) на сколько пикселей и в какую сторону каждый раз смещали текстуру, чтобы иметь возможность вернуть ей изначальное нулевое смещение. Если подобное смещение выявило нарушение бесшовности, то подредактируйте стыки текстур, как было описано выше, чтобы избавиться от швов на текстуре (смещенной). Не забывайте, что не стоит залезать на края изображения, чтобы опять не пришлось править несовпадения краев текстур.

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

Используем инструмент Осветлитель (Dodge Tool) и Затемнитель (Burn Tool) для осветления изображения в Фотошопе

Если текстура неоднородно освещена, то при затайливании текстуры, например, в игровом движке Unity3d, Unreal Engine, Amazon Lumberyard, Cryengine и других, или в 3D редакторах 3ds MAX, Cinema4D, Blender и т.д., такие затенения образуют повторяющийся узор. На небольших расстояниях камеры или точки наблюдения такой эффект не особо заметен. Чем больше камера будет удаляться от поверхности с такой затайленной текстурой, тем сильнее будет заметен эффект паттерна.

Чтобы избежать подобного эффекта, необходимо, чтобы все участки текстуры были одинаково осветлены/затемнены. Для осветления текстуры (отдельных ее участков) вы можете воспользоваться инструментом «Dodge Tool«, работа с которым более подробно описана в ///уроке про осветление карты высот для создания ландшафта.

На рисунке показаны инструменты осветления и затемнения изображения Dodge Tool и Burn Tool.

Как и где еще используются затайленные текстуры

После того, как вы узнали, как сделать бесшовную текстуру в Фотошопе, давайте посмотрим, где еще могут быть использованы бесшовные текстуры, созданные в Фотошопе.

Получившуюся бесшовную текстуру можно использовать для раскрашивания ландшафтов или 3D моделей в Unity3d.

На рисунке показан 3D ландшафт, созданный в Unity3D в одном из уроков по созданию террейнов в Unity3D.

Также если заменить черный фон прозрачным фоном и изменить режим получившейся бесшовной текстуры на 8 бит или 16 бит в градациях серого (Grayscale, оттенки серого), то можно использовать получившуюся текстуру в качестве кисти для изменения формы/создания ландшафта в Unity3D. О создании кисти и использовании ее в Unity3d для редактирования ландшафта более подробно рассказывается в статье Террейн в Unity 3D. Часть Вводная – для затравки. Создание лабиринтов и подземелий в Unity3D.

Результирующую бесшовную текстуру можно также сохранить в качестве паттерна или кисти для Фотошопа.

На рисунке показан процесс создания паттерна для Фотошопа из изображения.

Вы можете сохранить получившуюся текстуру и использовать ее в качестве кисти в Blender для раскрашивания 3D модели текстурой в Blender или использовать для редактирования 3D модели в режиме скульптинга.

В следующем уроке я расскажу, как сделать бесшовную текстуру в GIMP.

Автор: Максим Голдобин aka MANMANA

Источник статьи: http://www.3dbuffer.com/articles/create-seamless-texture-in-photoshop/

Как сделать бесшовную текстуру в Photoshop (3 шага)

Вы когда-нибудь пытались обернуть текстуру вокруг 3D-объекта или увеличить его, создав из него узор? Чем ты всегда заканчиваешь? Эти большие уродливые швы, где сходятся края!

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

Узнайте, как сделать бесшовную текстуру в Photoshop здесь!

Примечание: скриншоты ниже взяты из Photoshop CC для Windows, Mac или других версий, они могут немного отличаться.

Содержание

• Шаг 1. Откройте изображение
• Шаг 2. Выделите края
• Шаг 3. Удалите швы

Шаг 1. Откройте изображение

9 0002 Давайте посмотрим на это изображение.

Посмотрите, что получится, когда я соединим края. Простой способ убедиться в этом — использовать шаблон Pattern Preview 9.Функция 0028. Перейдите к View и выберите Pattern Preview.

Как вы можете видеть, по краям изображений появляется очевидный шов.

Нажмите Ctrl + Z  или Command + Z , чтобы отменить действие и выйти из предварительного просмотра шаблона.

Шаг 2: Покажите края

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

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

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

Нажмите OK , когда будете готовы.

Шаг 3. Удаление швов

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

Я предлагаю начать с довольно автоматического инструмента Spot Healing Brush .

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

Другой вариант Инструмент «Штамп» . Это отлично подходит для очистки того, что оставляет инструмент точечного лечения.

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

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

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

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

Хотите узнать больше о Photoshop? На нашем сайте есть что посмотреть! Вы можете начать с изучения того, как накладывать изображения здесь!

О Каре Кох

Кара увлеклась фотографией примерно в 2014 году и с тех пор исследует все уголки мира изображений. Когда она почувствовала, что Lightroom ограничена, она с головой погрузилась в Photoshop, чтобы научиться создавать изображения, которые она хотела.

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

Введение

Предварительные условия

Нет.

Создание бесшовных текстур — важный навык, если вы хотите, чтобы ваши текстуры покрывали большую площадь и плитку. К счастью для вас, процесс на самом деле довольно прост. В Photoshop мы рассмотрим функцию смещения и способы создания пользовательских кистей, уникальных для текстуры, над которой мы работаем. Также используйте проверенный метод штампа клонирования, чтобы избавиться от швов, которые создает фильтр смещения.

Photoshop

Настройка документа

Создавая любую текстуру, вы хотите убедиться, что она остается квадратной. Размерность должна быть равнодействующей 2 в любой степени. То есть: 2, 4, 8, 16, 32, 64, 128, 256, 512, 1024, 2048 или 4096.
Вы также должны убедиться, что параметр DPI вашего файла установлен на 72. Единственный раз, когда вы хотите изменить DPI, когда вы производите что-то для печати, и в этом случае он будет установлен на 300. Все остальное можно оставить в покое.

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_split NULL.jpg) Подготовка текстуры для тайлинга

нет явных закономерностей. Взгляните на свою текстуру и посмотрите, есть ли какие-то пятна, которые действительно выделяются среди остальных. Они выдадут шаблон, поскольку вы сможете определить их повторение. Вся наша текстура должна иметь одинаковый уровень детализации и цвета. Это не значит, что вся текстура должна быть пресной, просто убедитесь, что ни одна часть не привлекает внимание больше, чем другая. Еще кое-что, на что вам нужно обратить внимание, — это блики и тени. Если есть какие-либо тени, которые слишком темные, вы можете осветлить их с помощью 9.0027 Инструмент Dodge ( alt+shift+d ). В качестве альтернативы вы можете затемнить блики с помощью инструмента Burn ( alt+shift+b ). Текстура, которую я хотел, также была немного темнее, поэтому я пошел дальше и отрегулировал общую яркость текстуры. После того, как вы удалили все выдающиеся детали из своей текстуры, мы рассмотрим, как создать несколько пользовательских кистей, которые позволят нам добавить менее очевидные повторяющиеся детали.

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_selection NULL.jpg) Создание пользовательской кисти

Мы создаем собственные кисти, потому что хотим, чтобы процесс клонирования выглядел максимально естественно. Эти кисти будут созданы из элементов нашей текстуры и помогут скрыть швы, которые создаст смещение текстуры. Наш первый шаг — взять наш инструмент Magic Wand и использовать его для выбора части нашей текстуры. Выбранное выделение будет основой для нашей кисти. Размер выбора зависит от вас, как и то, что вы выбираете. Старайтесь, чтобы выделение было меньше, чтобы, если использовать его несколько раз поверх создаваемых деталей, не было слишком много узора. Если вы обнаружите, что ваш выбор слишком велик или слишком мал, вы можете изменить «Допуск» в настройках инструмента поверх Photoshop. Чем выше допуск, тем больше выберет инструмент. Сделайте выбор, которым вы довольны, и выберите Инструмент выбора ( клавиша «v» ) из меню инструментов. Теперь перейдите к Edit> «Define Brush Preset», выберите его и дайте имя своей кисти. Вот и все, теперь вы можете делать свои собственные кисти. Не стесняйтесь сделать несколько разных пользовательских кистей для вашей текстуры. Чем их больше, тем менее очевидным будет тайлинг 🙂

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_offset NULL.jpg) Смещение

Мы хотим использовать фильтр Offset для выравнивания краев нашей текстуры. Единственным недостатком использования смещения является то, что оно оставляет 2 основных шва, которые пересекают нашу текстуру в центре. Вы можете увидеть это на картинке слева. Фильтр «Смещение» можно найти в меню «Фильтр»> «Другое». Когда вы используете фильтр «Смещение», вам нужно изменить два параметра. Вертикальные и горизонтальные ползунки позволяют выбрать соответствующие расстояния в пикселях. Мы хотим установить оба значения равными половине ширины нашей текстуры в пикселях. Для квадратной текстуры размером 512 пикселей это означает, что для них обоих нужно установить значение 256. Примените фильтр «Смещение» к слою с текстурой. Мы почти закончили, но что мы можем сделать с этими швами?

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_stamped NULL.jpg) Clone Stamp

Ваша текстура теперь смещена, но мы должны избавиться от этих швов. Давайте начнем с выбора Clone Stamp (клавиша s), а затем выбора пользовательской кисти, которую мы создали в меню кистей ( клавиша «F5» ). Наведите указатель мыши на часть текстуры, удерживая нажатой клавишу Alt, а затем щелкните, чтобы установить эту область в качестве источника клонирования. Теперь вы сможете щелкнуть в любом месте холста и отпечатать часть этого изображения в форме вашей пользовательской кисти. Сделайте это, чтобы покрыть все швы в вашей текстуре. Старайтесь делать это ровно столько, сколько вам нужно, и не штампуйте края изображения, за исключением тех мест, где швы пересекают край. Вы также должны выбирать разные источники клонирования, чтобы не клонировать одну и ту же область снова и снова.

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_marquee NULL.jpg) Наш последний шаг в удалении швов — копирование пикселей из четырех точек, где швы пересекают края нашего документа. Мы хотим, чтобы эти точки были зеркальными копиями друг друга. Для этого мы собираемся сделать полукруглое выделение вверху, Копировать ( ctrl+c ) пикселей, Вставить ( ctrl+v ) их на Новый слой ( ctrl +shift+n ), отразите их по вертикали (Редактирование > Трансформировать > «Отразить по вертикали») и переместите вниз к нижнему краю. То же самое будет сделано, отражая пиксели левого края вправо, но мы будем отражать пиксели по горизонтали. Как только это будет сделано, используйте ластик ( клавиша «e» ) с вашей пользовательской формой кисти, чтобы смешать края вставленных слоев с вашей базовой текстурой. Когда это будет сделано, убедитесь, что ваш слой с рисунком кисти скрыт и Объединить видимые слои ( ctrl+e ), чтобы получить один слой. Если вы немного запутались в процессе, посмотрите на схему слева. Мы просто копируем пиксели более темных оттенков, отражаем их и помещаем вместо соответствующих более светлых оттенков.

(http://www NULL.terrymatthes NULL.com/wp-content/uploads/2010/12/m_101_seamless_final NULL.jpg) Определение шаблона

Чтобы проверить нашу текстуру. Мы превратим его в шаблон, а затем заполним новый файл большего размера нашим пользовательским шаблоном. Для создания нашего шаблона мы будем Select All ( ctrl+a ), убедитесь, что наш Select Tool ( клавиша «v» ) активен, перейдите в меню Edit и выберите «Define Pattern». Дайте вашему шаблону имя и создайте новый документ, который как минимум в два раза больше вашего текущего холста. В новом файле создайте Новый слой ( ctrl+shift+n ) и снова перейдите в меню «Правка» и нажмите «Заполнить». В появившемся диалоговом окне под свитком «Использовать» выберите «Шаблон», выберите свой шаблон и нажмите «ОК». Ваш документ должен быть мозаичным с вашей пользовательской текстурой, как в нашем примере выше. Найдите минутку, чтобы просмотреть это и убедитесь, что вы не можете заметить никаких швов. Если вы заметили какие-либо, вернитесь и исправьте их; смотреть вблизи. Если их нет, вы закончили и добавили новый навык в свой набор инструментов 😀

Заключение

Если вы новичок в создании бесшовных текстур, этот урок может показаться сложным, но это нормально. Пройдитесь еще раз, пришлите мне вопросы, отправьте запрос. Я не против протянуть руку, если вам нужна помощь. Вы преуспеете в этом; Поверьте мне.

Дополнительная литература

Hourences – трюки с текстурами (http://www NULL.