Як використовувати Displacement Maps у Photoshop - SkillsUp - зручний каталог уроків з дизайну,

Ця техніка стане в нагоді, коли ви накладаєте одне зображення на інше і хочете, щоб перше мало текстуру другого.

Отже, як працювати у фотошопі з Displacement Maps і навіщо це взагалі потрібно?

Припустимо, вам потрібно накласти одне зображення на інше, але не просто так, а щоб у підсумку зображення, що накладається, була текстура фонового. У цьому нам дуже допоможе використання Displacement Maps. Давайте розглянемо прийом на невеликому прикладі.

Отже, почнемо. Як ви вже здогадалися, для того щоб потренуватися вам потрібно два зображення: текст або лого і саме зображення, на яке ми все це накладатимемо. Після того як ви вибрали - перенесіть одне зображення на інше у відповідне місце:

НатиснітьCtrl/Cmd + T для того, щоб масштабувати зображення, після чого клацніть на ньому правою кнопкою миші і в меню виберіть опціюWarp :

. після цього спробуйте надати зображенню, що накладається, таку форму, щоб воно органічно вписувалося в композицію і не виглядало "стороннім" тілом:

Тепер давайте створимо Displacement Maps, завдяки яким ми будемо змінювати зображення, що накладається. Для цього переходимо в менюChannels (якщо ви не можете знайти вкладку Channels, перейдіть пункт головного менюWindow -Channels ):

Нам потрібно вибрати канал, у якому зображення буде найбільш контрастним. Покличте по всіх і переконайтеся, що ви вибрали той канал, в якому чорний і білий колір найбільш контрастні. У нашому випадку цеСиній (blue) канал:

Після того, як ви визначилися з найбільш контрастним каналом, клацніть на ньому правою кнопкою миші та виберітьDuplicate Channel. Абсолютно неважливо як ви його назвете, але створіть для каналуокремий документ:

Таким чином ви отримаєте новий файл з альфа каналом в новому вікні, які потрібно буде зберегти (Save As ) через менюFile або просто натиснутиCtrl + Shift +S. Зберегли? Повернімося до оригінального зображення. Перейдіть на вкладкуChannels і знову активуйте всі три канали, а потім перейдіть на вкладкуLayers.

Як бачимо, краї зображення, що накладається, не дуже повторюють текстуру волокна. Давайте спробуємо щось зробити.

Щоб виправити ситуацію, клацніть на пункт менюFilter і виберіть опціюDistort, а у випадаючому вікні -Displace.

Ви побачите наступне вікно, на якомуHorizontal Scale таVertical Scale потрібно буде знизити до10. Інші параметри залиште як показано на малюнку:

НатиснітьОк, після чого у спливаючому вікні виберіть раніше збережений файл psd з альфа каналом і відкрийте його. Вуаля, краї картинки почали повторювати текстуру бекграунду. Перш ніж вся картинка теж повторюватиме текстуру тканини залишилося всього кілька кроків.

Тепер ми маємо трохи попрацювати з режимами накладання. Вибирайте на свій смак і трохи поекспериментуйте. Різні комбінації дають різний ефект, але в нашому випадку особливо добре виглядаєOverlay зі 100%-нимOpacity :

І ось що ми отримаємо після маніпуляцій із режимами накладання:

Готово! Техніка напрочуд проста в застосуванні і в принципі її можна застосовувати де завгодно, коли перед вами стоять схожі на випадок завдання.