Уроки: Adobe Photoshop

Создание текстуры из фотографии

Меня зовут Комендант Александр Николаевич aka SashaRX. Живу в городе Апшеронске Краснодарского края.

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

Текстура скачана с сайта: http://www.cgtextures.com/.

Для начала нужно затайтлить нашу текстуру, для этого откроем Фотошоп (я использую CS3 версию, но эти, же действия можно выполнить и на более ранних версиях) и загрузим в него нашу фотографию. Есть много вариантов затайтлить изображение, я остановлюсь на самом простом. Запустим фильтр “Сдвиг” Filter->Other->Offset:

Намтройки фильтра сдвиг.

Кратко объясню настройки этого фильтра, первое поле (Horizontal) это сдвиг изображения по горизонтали, следовательно, второе поле (Vertical) – по вертикали. Wrap Around галочку нужно поставить, для того чтобы получить копию изображения на мести сдвига, число 400 я взял неспроста, это ровно половина размера изображения по горизонтали, таким образом шов будит находиться посередине. Теперь нужно замазать шов, делается это инструментом Clone Stamp Tool: . Нажимаем на этот инструмент, левой кнопкой мыши, теперь выбрав нужный размер и мягкость в меню Brush нужно указать место, с которого будем копировать текстуру, нажимаем Alt и левую кнопку мыши на мессе копирования. Место нужно выбирать так, чтобы цвет был такой же, как и там где расположен шов. Аккуратно нужно затереть шов, для получения такой текстуры

Изображение после замазывания шва.

Таким образом, мы получили затайтленую текстуру по горизонтали. Теперь попробуем избавиться от цветного шума, который встречаешься на текстуре. Дублируем полученное изображение (правой кнопкой мыши нужно нажать на слой, который нужно дублировать и в появившемся меню выбрать Duplicate Layer). Теперь поменяйте тип смешивания верхнего слоя с Normal на Color:

и применить к этому же слою фильтр Filter->Blur->Gaussian Blur, я поставил значение 5, чем сильнее значение, тем размытее цвета. При подобном размытии цветов иногда теряется насыщенность, это можно поправить, нажав на результирующем слое сочетание клавиш Ctrl+U и в открывшемся меню повысить значение Saturation (Насыщенность). Далее можно придать некую объемность текстуре, это очень помогает в случае, когда к текстуре не применяется нормал мап. Для этого нужно слить все слои в один  Ctrl+Shift+E и дублировать этот слой.  Теперь поменяйте тип смешивания с  Normal на Overlay и примените к этому слою фильтр Filter->Stylize->Emboss , в появившемся меню я поставил такие настройки:

Настройки фильтра Emboss.

Но можно и поэкспериментировать с настройками, если вы не хотите применять подобный эффект ко всей текстуре, то удалите сёркой ненужные участки. Теперь настала время сделать ресайз, то есть придать текстуре нужное нам разрешение. Для этого нужно зайти в меню Image->Image Size, и появиться меню:

Настройки размера изображения.

Теперь придадим текстуре чёткость, для этого нужно соединить все слои в один и дублировать получившейся слой, поменять тип смешивания слоя с  Normal на Overlay, и применить к этому слою фильтр Filter->Other->High Pass с параметром 0,5. Это действие подчеркнёт детали текстуре.

Далее попробуем добавить металлические объекты на текстуру. Для этого, создайте новый слой (Alt+Ctrl+Shift+N), это будет слой металла, выберете 2а цвета, на первое место нужно выбрать R:60 G:65 B:65, а на  второе R:45 G:45 B:45.

Теперь нужно применить на новый слой фильтр Clouds, для этого запустите его Filter->Render->Clouds, и потом применить фильтр Sponge – Filter->Artistic->Sponge с параметрами:

Настройки фильтра Sponge.

Далее нужно понизить контрастность и яркость, для этого пройдите в меню Image->Adjustments->Brightness/Contrast я поставил такие параметры:

Настройки яркости и контраста.

Это будет основа для металла, теперь нужно выбрать инструмент выделения  и выделить те места, где будет находиться, метал, к примеру, это буду болты, для более точного выделения используйте линейку View->Rulers. У меня получилось 10 болтов, вот так:

Текстура с металлическими вставками.

Но сейчас всё выглядит как-то не так как в жизни, почему? потому что нет объема, тени и света, что мы сейчас и исправим. Возьмите инструмент Dodge Tool c параметрам:

Настройка инструмента Dodge Tool.

И осветлите левую верхнюю часть всех болтов.

Болты после осветления.

Теперь поменяйте поле Range на Shadows и проделайте то же самое, но с правой нижней частью, и не забудьте зажать Alt. Болты станут объемнее, но всё ровно они как бы не сходятся с текстурой, для этого мы будим использовать Layer Style, очень полезный инструмент. Для этого выделите наш слой с болтами и примените к нему Layer Style, делается это так Layer-> Layer Style->Blending Options, перед вами появиться меню, здесь можно очень многое настроить, нам нужно лишь сделать тень от болтов, установите такие параметры:

Настройки стиля смешивания слоёв.

Таким образом, болты уже не будут казаться чужеродными, но для чего они? нужно как-то обосновать их присутствие на текстуре, для этого добавим металлические пластины, которые будут держать эти болты. Вот моя текстура метала:

Текстура метала.

Теперь нужно поместить эту текстуру между болтами и стеной:

И вырезать нужную нам форму:

Придаём металлу форму.

Также я скопировал болты на края. Теперь нужно придать объемность, можно это сделать, так же как и с болтами, а можно Layer Style, сейчас я расскажу как.

Выделите слой с металлом и перейдите в Layer-> Layer Style->Blending Options, здесь нам поможет Bevel and Emboss, поэкспериментируйте с настройками, у меня они такие:

Настройки стиля смешивания слоёв.

У меня вышло так:

Придаём объём металлу.

Далее нужно применить к этому металлу коррозию, например царапины. Для этого нам понадобиться инструмент Dodge Tool, теперь поменяем его настройки так:

Настройки инструмента Dodge Tool.

Теперь можно рисовать царапины, а где появляются царапины чаще всего? На углах.

И ещё добавим ржавчины, для этого я взял такую текстуру:

Текстура ржавчины.

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

Создание выделения по контуру слоя.

Таким образом, мы выделили металл на нашей текстуре, переключитесь на самый верхний уровень и инвертируйте выделение Ctrl+Shift+I и нажмите Delete для удаления. Поменяем у ржавчины тип смешивания с Normal на Overlay. Получим такую текстуру:

Текстура с равномерно наложенной ржавчиной.

Но нам ненужно чтобы вся текстура была ржавой, поэтому воспользуемся маской Add Layer Mask:

Создания маски, для выделенного слоя.

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

Выделения маски, для редактирования.

Маска работает по принципу чёрное – изображения нет, белое – есть. У нас ржавчина будит располагаться в нижней части, поэтому, выберите маску для редактирования, потом выберите инструмент Gradient Tool . Выберете 2а цвета, чёрный и белый . Теперь проведём линию, по которой пройдёт заливка, зажав Shift для более точного расположения:

Заливка градиентом.

Получился ровный переход, в жизни такого  не бывает, для того чтобы это исправить нужно воспользоваться инструментом Burn Tool, с такими вот параметрами:

Настройки инструмента Burn Tool.

Теперь повысим контраст наше текстуре, для начала склеим все слои в один Ctrl+Shift+E,

и запустим фильтр Unsharp Mask, Filter->Sharpen-> Unsharp Mask, с такими параметрами:

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

Финальная текстура.

Автор: SashaRX почта: SashaRX@ya.ru icq: 434787849

Copyright (c) Комендант Александр Николаевич , 2008

139351 Автор:
Актуальность: 674
Качество: 627
Суммарный балл: 1301
Выбор Публики
Голосов: 158 оценки

Отзывы посетителей:

2 | След.
аватар
 
krolser 1 0
Спасибо большое за урок. Всё получилось. Но есть один вопрос.
Как сделать решеточку внутри детальки как на последнем изображении?
аватар
 
leaero 43 0
Афигенный урок. СПАСИБО!
аватар
 
Vladislav Ermachenkov 2 0
качественный урок! похвально!)))
аватар
 
руслан киселев 1 0
спасибо, урок помогает мне.
аватар
 
lux_artworx 2 0
ok
аватар
 
Юрий Шагурин 323 0
Модератор форума
Супер!!!
аватар
 
Azgard 12 0
урок очень пригдился большое спасибо
аватар
 
Annyfilator 1 0
Хороший урок, нравтся. 5/5
аватар
 
3-Dimensional 5 0
SashaRX СПАСИБО!!! Большое!!! ПОМОГ! 5/5 !
Успехов!!
аватар
 
retry 17 0
всё как надо,молодец!!!
аватар
 
Man-In-Go 66 0
Офигительно ! Наконец узнал как делать таЙЛовые (поаторяющиеся , tile) текестуры ! 5
аватар
 
Bowar 2 0
Об этом полезно знать, почитаем, разберемся, а так 5/5
аватар
 
Guru_3D 2 0
В целом, урок хороший и познавательный, но действительно не хватает пояснений, так что 5/4
аватар
 
Богдан Францишко 5 0
3\5. Качество урока очень хорошее, м-м-м, еще и в постапокалиптическом стиле текстурка:) Для начинающих как раз. Молодец.
аватар
 
Leshiy 152 0
нормальный урок, для начинающих как раз
хотя никак не бомба, лет 7-8 назад уже видел подобный
аватар
 
Евгений Булатов 33 0
Неплохо, жаль только нет объяснения, почему используется тот или иной прием.

Думаю для многих читателей не очевидно что дает режим смешивания Overlay, почему фильтр Unsharp Mask повышает контраст, а фильтр High Pass используется для повышения резкости! Но в целом хорошо.

Единственное с чем я бы поспорил так это с "избавлением от цветового шума"!? А так же непонятно зачем рисовать блики и тени на болтиках, коль уж рассказывается про Layer Style и Bevel and Emboss

Моя оценка 5 / 4
аватар
 
MWG 132 0
Модератор форума
ТайТловая текстура?
Гм.
Всегда думал, что это сленговое словечко произошло от "tile", а не "title".
аватар
 
kinyz 49 0
ну тут как бы вапще мало что представляет сильно много труда:) но подтеков не хватает очень:)
аватар
 
SashaRX 7 0
kinyz Согласен, но думаю добавить их не составит труда.
аватар
 
kinyz 49 0
не хватает ржавых подтеков.
2 | След.
Зарегистрируйтесь, чтобы добавить комментарий.
Эту страницу просмотрели: 1365 уникальных посетителей