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

Урок по созданию бесшовной текстуры в Фотошопе | Тайлинг текстуры

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

Подготовительная часть



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

- если у вас есть возможность сделать фотографии с материалами для создания текстур самому, СДЕЛАЙТЕ!
- при съёмке образцов материалов для будущих текстур, старайтесь держать камеру перпендикулярно. Тогда вам не придётся в дальнейшем исправлять вертикали на фотографиях.
- свет должен быть максимально однородным по всей поверхности снимаемой области. Избегайте световых бликов и теней, потому что потом от них будет трудно избавиться.
- если снимаемый на камеру образец материала обладает отражательными свойствами, старайтесь не размещать его рядом с объектами, которые будут в нём отражаться. Сделать это может быть довольно трудно, но вы уж постарайтесь, потому что это действительно важно.

Делаем тайлинговую текстуру


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

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


Откройте эту фотографию в Фотошопе, перейдите в меню Filter > Other > Offset.

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


В поля Horizontal и Vertical введите положительные значения, равные половине размера фото. Например, если размер вашей фотографии составляет 900х900 пикселей, введите величину смещения +450 в оба поля.

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

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


Всё можно лёгко изменить при помощи инструмента Clone Stamp с различными параметрами твёрдости и диаметра кисти.

Вот конечный результат нашей работы (кликните по изображению, чтобы увеличить его).

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


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

Другие материалы:

Здесь с 11.10.2011
1 комментарий
Откуда: Россия
Репутация: 0

#1 добавил Григорий

11 октября 2011 15:52 | Комментариев: 1
Полезный урок! А мне когда то пришлось до этого самому додуматься...

--------------------
Здесь с 27.11.2011
12 комментариев
Репутация: 0

#2 добавил JVMaker

10 декабря 2011 00:44 | Комментариев: 12
а как быть вот с таким
Здесь с 21.01.2010
1288 комментариев
Откуда: Earth
Репутация: 9

#3 добавил DDT

10 декабря 2011 13:44 | Комментариев: 1288
Ну вы это нарисовали и вам с этим теперь жить smile А если серьезно, то вопрос в чем?
Здесь с 27.11.2011
12 комментариев
Репутация: 0

#4 добавил JVMaker

11 декабря 2011 08:11 | Комментариев: 12
ну как из такой сделать бесшовную, цвета сильно отличаются, либо нужно все таки однотонную делать
Здесь с 21.01.2010
1288 комментариев
Откуда: Earth
Репутация: 9

#5 добавил DDT

11 декабря 2011 13:14 | Комментариев: 1288
Ну поищите еще другие уроки по созданию бесшовных текстур, их в инете навалом. Хотя должно было и по этому получиться.
Здесь с 23.06.2012
29 комментариев
Репутация: 0

 

#6 добавил shokoladka

25 июня 2012 19:22 | Комментариев: 29
DDT
Блин, вообще это оказывается ТАК ЛЕГКО! А я раньше ТАК ПАРИЛАСЬ!!!! Пипец!
Спасибо за уроки!
Они действительно очень хорошо описаны!
Спасибо!!!!
Здесь с 22.02.2012
3 комментария
Репутация: 0

#7 добавил maniap

13 октября 2012 18:50 | Комментариев: 3
а вот с такими примерами помочь можете? http://files.mail.ru/0V3HW7?t=1
сфотографировать нет возможности, нужны конкретно эти обои, а лучшего кач-ва картинок просто нет
Здесь с 21.01.2010
1288 комментариев
Откуда: Earth
Репутация: 9

#8 добавил DDT

13 октября 2012 22:44 | Комментариев: 1288
Вот полнофункциональная демо-версия плагина для Фотошопа, который создаст вам бесшовную текстуру из фото без лишней мороки. Работает 30 дней.

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.