Photoshop school. Часть1. Бесшовные текстуры

[Alisа]

Может кому интересно, особенно начинающим.

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

Способ 1. (Всего знаю их два, но пока первый)
Этот способ довольно простой. Его можно использовать для текстур разного плана, однако, мне кажется, что лучше для текстур с крупным рисунком.
Идея не моя, я ее когда-то давно, не помню где, прочла, но мне понравилось.
Берем кусок текстуры над которой будем работать.
В данном случае, «не мудрствуя лукаво», я просто использую отсканеный кусок мятой бумаги.
Из этого куска фиксированым квадратным выделением (у меня 300х300) копируем более-менее однородный кусок. Однородный по количеству и качеству пожмяканости. :xe
[IMG]http://img377.**************/img377/3477/413cm.jpg[/IMG]

Создаем новый файл размером 300х300 с прозрачным фоном. Вставляем скопированый кусок.

[IMG]http://img377.**************/img377/4149/422gq.jpg[/IMG]

Теперь Filter-Other-Offset, с размером по горизонтали и по вертикали в половину изначального рисунка (150 пикселей, для этого как раз и нужно копировать квадрат), и ставим ”пстису” там где Wrap Arround.

[IMG]http://img376.**************/img376/3980/435mg.jpg[/IMG]

Получаем вот такую картинку.

[IMG]http://img376.**************/img376/9449/458xx.jpg[/IMG]

Берем инструмент «штамп», устанавливаем нужный нам размер кисти с мягкими (или очень мягкими) краями. Mode=Normal, Opasity=100%, Flow=100%.
Аккуратненько «заштампуем» срезы, добиваясь однородного рисунка.

[IMG]http://img376.**************/img376/2259/467eu.jpg[/IMG]

Получилось вот так.

[IMG]http://img376.**************/img376/2643/475jj.jpg[/IMG]

А вот так выглядит заливка готовой текстурой.

[IMG]http://img466.**************/img466/2435/485pr.jpg[/IMG]


Можно использовать такой метод и немного по другому – особенно если плохо владеете «штампом».

Я взяла текстуру «камня», которую легко сделать самому, если кому интересно – выложу как.

[IMG]http://img466.**************/img466/940/494nj.jpg[/IMG]

Делаем тот же Filter-Other-Offset.
Но швы заделываем по-другому. Берем перо, обводим кусочки более-менее подходящие по рисунку, ставим радиус в 10-15 пикселей.

[IMG]http://img466.**************/img466/7971/4106gg.jpg[/IMG]

Копируем, вставляем, двигаем на нужное место и слегка подтираем ластиком (прозрачность 40%) неудачные места, для лучшего совмещения.

[IMG]http://img466.**************/img466/2448/4111ib.jpg[/IMG]

Получилось вот так.

[IMG]http://img466.**************/img466/520/4126mm.jpg[/IMG]

А это заливка.

[IMG]http://img466.**************/img466/3123/4131aw.jpg[/IMG]

[Alisа]

Бесшовная текстура 2
Бесшовную текстуру можно сделать еще одним способом. Это очень просто. Способ не мой, я его только немного усовершенствовала, то есть упростила. :4:
Заодно расскажу, как проще всего, создать текстуру дерева.
1.Создаем новый файл 300х300, RGB, прозрачный фон.
Зальем желаемым оттенком коричневого цвета.
[IMG]http://img466.**************/img466/4544/511ti.jpg[/IMG]

2. К заготовке применим фильтр Filter – Noise -- Add Noise, с параметрами как на иллюстрации.

[IMG]http://img466.**************/img466/399/523bw.jpg[/IMG]

3. Теперь применим фильтр Filter – Blur – Motion Blur, с углом 0 и расстоянием, примерно как у меня, так чтобы полосы получились более-менее одинаковые на всей протяженности.

[IMG]http://img466.**************/img466/13/539gs.jpg[/IMG]

4. Следующим шагом создания текстуры будет применение уже знакомого фильтра Filter – Other – Offset. После чего следует повторить Motion Blur, примерно с теми же параметрами.

[IMG]http://img466.**************/img466/7373/53a6gg.jpg[/IMG]

5. А вот дальше наступает простор для творчества – чтобы создать искревления полос древесины, места где были сучки и пр. Мы будем использовать два фильтра, можно в одном и том же месте, можно в разных, короче на вкус художника.
Выделение должно быть овальным, выделяем в разных местах, несимметрично.
[IMG]http://img466.**************/img466/9716/543yw.jpg[/IMG]

Используем Filter – Distort – Pinch

[IMG]http://img466.**************/img466/9271/558vp.jpg[/IMG]

и Filter – Distort – Twirl.


[IMG]http://img466.**************/img466/9721/561sf.jpg[/IMG]

6. Вдоволь наигравшись :xe мы получим довольно приличную текстуру древесины. Ее можно еще немного изменить – например цвет, или сделать светлее. Рекомендую для этого использовать Image – Ajustments – Variations.

7. Можем мы еще изменить – я, например, скопировала слой и применила к скопированному слою фильтр Filter -- Stylize – Diffuse, а потом выставила вот такие параметры слоя.

[IMG]http://img460.**************/img460/4622/592oy.jpg[/IMG]


Получилось нечто напоминающее полированое черное дерево. Выделить все, Edit – Copy Merged. Новый файл – вставить.



Теперь можно приступить к изготовлению бесшовной текстуры.
Берем инструмент «перо» и с одной из сторон рисунка рисуем путь сильно выступая за край рисунка (примерно как на иллюстрации).
[IMG]http://img460.**************/img460/6093/5116zt.jpg[/IMG]

Радиус выделения 20 пикселей. Копируем, вставляем и разворачиваем по горизонтали. Передвигаем к противоположной стороне рисунка.

[IMG]http://img460.**************/img460/1682/5129ih.jpg[/IMG]

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

[IMG]http://img460.**************/img460/8171/5145wv.jpg[/IMG]


З.Ы. Эти, а так же некоторые другие статьи о работе в Photoshop я писала для уже (увы ) не работающего одного форума. Использовала идеи из разных туторов, соответственно опробованные и доработанные ЛИЧНО. Если кому-то интересно, может стоить вынести в отдельную тему? Что-то типа уроков от форумчан? У меня еще есть.:4:

[Alisа]

Цитата: Сообщение от nata Alisа, так .... а где вторая половина оторванная ?

Натка, инвертируй выделение из ПЕРВОГО файла (которое рисовала пером) скопируй и вставь. Будет вторая половина. Обработай тем же способом и будет тебе счастье.