У цьому підручнику щодо ефектів Photoshop ми дізнаємось, як використовувати фільтр Displace і карту переміщення, щоб додати цікаву текстуру обличчя людини на фотографії. Карта зміщення дозволить нам обернути текстуру навколо форми та контурів обличчя, а не мати його так, як ми просто наклеїли на фотографію рівну текстуру.
Карти переміщення були вперше представлені ще в Photoshop 2.0, тому, якщо ви все ще не використовуєте ту саму версію Photoshop, яку ви купили 20 років тому, вам слід добре. Я буду використовувати Photoshop CS4 протягом усього цього підручника, але будь-яка остання версія буде працювати.
Щоб створити ефект текстури, вам знадобляться два зображення - головне фото, до якого ви хочете застосувати текстуру, і фото, яке слід використовувати як саму текстуру. Ось зображення, яке я буду застосовувати до тексту:
Оригінальне зображення.
Ось зображення, яке я буду використовувати для моєї текстури, простого крупного зображення скелі, яку я вирвав назовні:
Фото текстури.
Ось як це буде виглядати після того, як ми нанесли текстуру на обличчя чоловіка:
Кінцевий ефект текстури карти.
Як зобразити текстуру обличчя за допомогою Photoshop
Крок 1: Виберіть канал із найкращим контрастом зображення
Почнемо з фото, до якого будемо застосовувати текстуру. Перейдіть на мить на панель каналів . Ви знайдете панель "Канали", згруповану з панелями "Шари та шляхи" ("раніші" називаються "палітри" в попередніх версіях Photoshop). Клацніть на вкладку Імена каналів у верхній частині групи, щоб вибрати її. Ви побачите у списку три кольорові канали - Червоний, Зелений та Синій - разом із складеним каналом RGB вгорі:
Панель каналів (палітра) у Photoshop.
Щоб дізнатися більше про кольорові канали та кольоровий режим RGB у Photoshop, не забудьте ознайомитись з нашим повним навчальним посібником щодо RGB та кольорових каналів . Ми будемо використовувати один з цих трьох каналів (Червоний, Зелений або Синій), щоб створити нашу карту переміщення, яка потім буде використана для відображення нашої текстури до контурів обличчя людини.
Нам потрібно вибрати канал, який надасть нам найбільшу кількість контрасту зображення, оскільки чим більше контрасту у нас, тим кращі результати ми досягнемо за допомогою нашої карти переміщення. Клацніть на кожному окремому каналі (червоний, зелений, потім синій) на панелі «Канали». Тут я натискаю на Червоний канал, щоб вибрати його. Вибраний на даний момент канал буде виділений синім кольором:
Виберіть окремі канали, натиснувши на них на панелі «Канали».
Натискаючи на кожен канал, у вікні документа з’явиться чорно-біла версія фотографії. Кожен канал надає нам інший чорно-білий варіант, залежно від того, наскільки яскравим є цей колір на фотографії. Нам потрібно вибрати канал, який дає нам найкращий контраст зображення на обличчі людини. Ось як виглядає кожен з моїх трьох каналів: червоний зліва, зелений посередині та синій справа:
Кожен кольоровий канал (Червоний, Зелений, Синій) надає нам інший чорно-білий варіант зображення.
Зазвичай при роботі з відтінками шкіри Червоний канал буде занадто яскравим і вимитим, щоб використовувати його як карту переміщення (оскільки шкіра завжди містить багато червоного), тому зазвичай ви обираєте зелений або блакитний канали. У моєму випадку тут канал Блакитного занадто темний, тому його немає. Червоний канал насправді містить більш детальну інформацію, яку я зазвичай очікував, але я думаю, що Зелений канал містить найбільшу кількість контрасту, з деякими яскравими світлими і темними тінями, тому я збираюся використовувати Зелений канал для моєї карти переміщення.
Крок 2: Скопіюйте канал
Визначивши, який канал ви будете використовувати для своєї картки переміщення, переконайтесь, що він вибраний на панелі "Канали". Я використовую канал Зелений, тому натисніть на нього, щоб вибрати його:
Клацніть на каналі, який ви будете використовувати для своєї картки переміщення.
Потім натисніть на значок меню у верхньому правому куті панелі "Канали" та виберіть " Дублікат каналу" у меню, яке з'явиться:
Клацніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) на каналі та виберіть "Дублікат каналу".
Це відкриє діалогове вікно "Дублікат каналу". У діалоговому вікні « Пункт призначення» виберіть пункт « Нове для документа», яке відкриє копію каналу як окремий документ Photoshop. Не хвилюйтеся з приводу його імені:
Встановіть для параметра Параметр документ нове, щоб створити новий документ із каналу.
Клацніть OK, щоб вийти з діалогового вікна. Чорно-біле зображення з’явиться в окремому вікні документа:
Чорно-біла версія каналу Зелений (або той канал, який ви вибрали) тепер з’являється у власному вікні документа.
Ми підготуємо наше зображення для використання в якості карти переміщення далі!
Крок 3: Застосуйте медіанний фільтр до зображення карти переміщення
Для цих наступних кроків ми будемо працювати над зображенням карти переміщення, яке ми тільки що створили, тому поки ігноруйте оригінальне зображення. Нам потрібно прибрати велику частину деталей з обличчя людини, інакше всі дрібні пори, шишки, стерня та дрібні недоліки шкіри спричинить проблеми. Ми будемо використовувати кілька фільтрів Photoshop, щоб вирівняти нам речі. Перший, який ми застосуємо, - це медіанський фільтр, який чудово зменшує дрібні деталі, зберігаючи краї, які визначають об'єкт неушкодженим. Перейдіть до меню « Фільтр » у рядку меню у верхній частині екрана, виберіть « Шум», а потім виберіть « Медіана» :
Перейдіть до Фільтр> Шум> Середній.
Це відобразить діалогове вікно медіанного фільтра. Слідкуйте за своїм зображенням у вікні документа, перетягуючи повзунок Radius у нижній частині діалогового вікна. Слайдер визначає, скільки деталей видалено із зображення. Чим далі ви перетягнете повзунок праворуч, тим більше деталей ви видалите. Ідея полягає в тому, щоб видалити якомога більше деталей з обличчя людини, зберігаючи важливі краї недоторканими. Тут немає конкретних налаштувань для використання, оскільки це залежатиме від розміру зображення, над яким ви працюєте, але я буду встановлювати своє значення радіуса приблизно в 8 пікселів:
Відрегулюйте кількість радіуса за допомогою повзунка в нижній частині діалогового вікна.
Клацніть OK, щоб вийти з діалогового вікна. Тут ми можемо побачити, що мені вдалося значно зменшити деталі на обличчі чоловіка, зберігаючи при цьому чіткі та чіткі чіткі краї:
Значна частина деталей на обличчі чоловіка була видалена, не розмиваючи важливі крайові деталі.
Крок 4: Застосовуйте фільтр розмиття Гаусса
Далі ми застосуємо фільтр розмиття Гаусса, щоб закінчити нашу карту переміщення. Поверніться до меню « Фільтр » і цього разу виберіть « Розмиття», а потім « Розмиття Гаусса» :
Перейдіть до Фільтр> Розмиття> Розмиття Гаусса.
Коли з’явиться діалогове вікно «Розмиття Гаусса», використовуйте повзунок « Радіус» у нижній частині діалогового вікна так само, як ви його використали з медіанським фільтром мить назад, стежачи за своїм зображенням у вікні документа, перетягуючи повзунок у напрямку право застосовувати більше розмиття до зображення. Знову ж таки, тут немає ніяких конкретних налаштувань, оскільки це залежатиме від вашого зображення, але мета - застосувати достатньо розмиття, щоб згладити речі, в той же час зможете розробити важливі деталі (очі, ніс, рот тощо). Я збираюся збільшити значення радіуса приблизно до 13 пікселів:
Збільште значення радіуса, щоб збільшити кількість розмиття, застосованого до зображення.
Натисніть кнопку ОК, коли ви закінчите, щоб вийти з діалогового вікна. Photoshop застосовує розмиття до карти переміщення:
Карта переміщення тепер з'являється з плавними переходами між різними рівнями яскравості.
Крок 5: Перетворіть зображення в сірий масштаб
Нарешті, давайте перетворимо наше зображення карти переміщення у кольоровий режим сірого . Технічно це не зовсім необхідно, оскільки Photoshop також може використовувати карти переміщення, збережені в інших кольорових режимах, але ви можете зіткнутися з проблемами, якщо ваша карта переміщення містить занадто багато каналів, тому перетворення зображення на відтінки сірого, що обмежує зображення в Одноканальний - це хороший спосіб уникнути цих проблем. Перейдіть до меню « Зображення » у верхній частині екрана, виберіть « Режим» (який короткий для «Кольоровий режим»), а потім виберіть « Сірий масштаб» :
Перейдіть до зображення> Режим> Відтінки сірого.
Крок 6: Збережіть зображення у форматі Photoshop .PDF
Тепер, коли ми підготували наше зображення для використання в якості карти переміщення, нам потрібно зберегти його, і нам потрібно зберегти його спеціально як файл Photoshop .PSD . Це єдиний тип файлу, який Photoshop може використовувати для карт переміщення, хоча я не маю поняття, чому це так. Іноді потрібно просто прийняти речі, і це один із тих часів. Перейдіть до меню Файл у верхній частині екрана та оберіть Зберегти як :
Перейдіть у меню Файл> Зберегти як.
Це відкриває діалогове вікно "Зберегти як". Дайте файлу описову назву. Я буду називати мій "displace.psd" і переконайтесь, що ви вибрали Photoshop для параметра Формат, щоб він був збережений у форматі .PSD. Я вважаю, що найпростіше місце для збереження карт переміщення знаходиться в папці "Карти переміщення", яку я створив на своєму робочому столі, тож саме тут я збережу свій файл:
Збережіть файл у такому місці, яке ви легко запам’ятаєте, як-от на робочому столі.
Коли ви закінчите, щоб зберегти файл, натисніть кнопку "Зберегти". Тепер ви можете закрити вікно документа переміщення.
Крок 7: Виберіть обличчя людини на фотографії
На сьогодні ми закінчили роботу над нашою картою переміщення, тому переключіться на свою оригінальну фотографію (ту, до якої ви збираєтеся застосувати текстуру). Якщо ви все ще бачите чорно-біле зображення у вікні документа, це тому, що у нас все ще є один канал, вибраний на панелі «Канали». Клацніть на RGB-каналі вгорі панелі «Канали», щоб повернути повноцінну версію зображення. Канал RGB насправді не є каналом, це просто композиція з трьох окремих каналів, і саме це дозволяє нам бачити зображення в повному кольорі:
Клацання на каналі RGB вибирає всі канали одночасно і відображає зображення в повному кольорі.
Переключіться назад на панель «Шари», натиснувши вкладку «Назви шарів» у верхній частині групи панелей. Нам потрібно вибрати область фотографії, на яку ми хочемо зіставити текстуру. Оскільки ми хочемо відобразити текстуру лише на обличчі людини, спершу потрібно вибрати її. Скористайтеся інструментом вибору за вашим вибором (Інструмент Lasso, Pen Too l тощо), щоб намалювати виділення навколо потрібної вам області. У моєму випадку я використовую інструмент Лассо, щоб намалювати виділення навколо обличчя чоловіка та верхівки голови:
Намалюйте виділення навколо області, на яку потрібно зіставити текстуру.
Єдина проблема полягає в тому, що якби я зараз застосував текстуру, його очі будуть охоплені текстурою, оскільки вони зараз знаходяться у вибраній області. Мені потрібно зняти очі з виділення, і найпростіший спосіб зробити це - просто утримувати клавішу Alt (Win) / Option (Mac), яка тимчасово переводить інструмент Lasso в режим віднімання з вибору, позначений малим знак мінус ("-") у правому нижньому куті піктограми "ласо". Перетягніть виділення навколо кожного ока, щоб видалити їх із вибраної області. Коли ви закінчите, ви повинні побачити виділення контури навколо голови людини та їх очей. Зараз вибрано лише область між контурами виділення, що означає, що очі більше не будуть впливати:
Утримуйте клавішу Alt (Win) / Option (Mac), щоб тимчасово перейти на режим «Відняти з вибору» будь-яким основним інструментом вибору.
Не забудьте ознайомитись з нашим підручником "Повна потужність основних виборів" для отримання додаткової інформації про роботу з виділеннями у Photoshop.
Крок 8: Збережіть вибір
Нам зараз не потрібен наш вибір, але він нам знадобиться незабаром, тому давайте збережемо його. Перейдіть до меню Вибір у верхній частині екрана та виберіть Зберегти вибір :
Перейдіть до пункту Вибір> Зберегти вибір.
Це відкриває діалогове вікно Зберегти вибір. Я буду називати свій вибір "обличчям", потім натискаю "ОК", щоб зберегти вибір для подальшого використання:
Збереження вибору дозволяє нам легко завантажувати його знову, коли нам це потрібно.
Після збереження вибору натисніть Ctrl + D (Win) / Command + D (Mac), щоб швидко зняти виділення, видаливши контури виділення із зображення.
Крок 9: Скопіюйте зображення текстури на початкове зображення
Відкрийте фотографію, яку будете використовувати для текстури. У моєму випадку я використовую фото текстури скелі, яку ми бачили на початку навчального посібника. Тепер у вас має бути відкрите оригінальне зображення та текстурну фотографію у власних вікнах документа на вашому екрані.
Переконайтесь, що ви вибрали текстурну фотографію, натиснувши її де завгодно у вікні документа. Потім перейдіть до меню шару у верхній частині екрана та оберіть Скопіювати шар :
Перейдіть до шару> Скопіювати шар.
Це відкриває діалогове вікно "Дублікат шару". Я буду називати свій скопійований шар "текстурою", хоча ім'я не так важливо. Важливо, щоб ви вибрали документ оригінального зображення як пункт призначення для скопійованого шару, щоб наше фото текстури з’явилося всередині документа оригінальної фотографії. Моя оригінальна фотографія має назву "text_mapping.psd", тому я виберу її як місце призначення:
Виберіть вихідне зображення як місце призначення для шару.
Натисніть кнопку ОК, коли ви закінчите, щоб вийти з діалогового вікна та скопіювати фотографію текстури в документ оригінального зображення. У цей момент ви можете закрити вікно документа текстурної фотографії, що залишає нам відкритим лише одне вікно документа, яке містить як оригінальну фотографію, так і текстурну фотографію, при цьому фото текстури тепер блокує вигляд вихідного зображення. Якщо ми подивимось на панель «Шари», то побачимо, що зараз у нас два шари. Початкове зображення сидить на шарі "Фон", а фотографічне зображення - на новому шарі над ним:
Оскільки фото текстура сидить над оригіналом на панелі "Шари", вона блокує оригінальне зображення з виду у вікні документа.
Крок 10: Завантажте вибір
Ось де нам потрібен вибір, який ми створили та зберегли раніше. Photoshop фактично зберігає вибір як канали, і якщо ми переключимося назад на панель "Канали", ми можемо побачити, що наш вибір відображається як окремий канал під каналами RGB. Мій канал названий "обличчям", тому що саме так я назвав його, коли я зберег вибір. Щоб швидко завантажити вибір, утримуйте клавішу Ctrl (Win) / Command (Mac) та натисніть безпосередньо на ескіз каналу:
Утримуйте клавішу Ctrl (Win) / Command (Mac) та натисніть безпосередньо на ескіз каналу, щоб завантажити його як вибір у вікні документа.
Після завершення переключіться на панель «Шари». Ви побачите, що обриси виділення знову з'явилися всередині документа, хоча їх текстуру може бути трохи важко:
Вибір легко завантажується назад в документ.
Крок 11: Додайте маску шару
Завантаживши вибір, переконайтеся, що на панелі «Шари» вибрано шар текстури (вибрані шари виділені синім кольором), а потім натисніть на піктограму « Маска шару» внизу панелі «Шари»:
Додайте маску шару до шару текстури, натиснувши на піктограму Маска шару.
Це додає маску шару до шару текстури, і оскільки у нас було вибрано голову людини, коли ми додали маску, залишається видимою лише область фотографії текстури, що потрапила до вибору. Решта шару текстури зараз прихована від перегляду:
Лише обличчя чоловіка залишається покритим фото текстурою завдяки шарі маски.
Крок 12: Змініть режим накладання текстурного шару для накладання
Щоб змішати текстуру з обличчям людини, перейдіть до параметра " Режим змішування" у верхній частині панелі "Шари" та змініть режим накладання з Нормальне (налаштування за замовчуванням) на Накладення :
Змініть режим накладання шару текстури на Накладення.
Тепер текстура чудово поєднується з обличчям чоловіка. Не соромтеся також пробувати інші режими суміші, як-от Multiply або Hard Light, і порівнюйте отримані результати, але режим накладання часто є найкращим вибором для цього ефекту:
Зображення після зміни режиму накладання шару текстури на Накладення.
Крок 13: Виберіть шар текстури
Речі виглядають досить добре вже на цьому етапі, але, щоб додати ще більше реалізму, ми будемо використовувати нашу карту переміщення, щоб відповідати текстурі навколо контурів обличчя людини. По-перше, нам потрібно вибрати шар текстури, оскільки в даний час у нас вибрана маска шару, а не сам шар. Ми можемо визначити, яку саме вибрати, переглянувши мініатюри на панелі «Шари». Ви помітите, що на даний момент ескіз маски шару на шарі текстури має навколо неї білу межу виділення. Це означає, що в даний час вибрана маска шару. Щоб вибрати сам шар, натисніть безпосередньо на мініатюру попереднього перегляду маски шару:
Коли на мініатюрі попереднього перегляду є рамка підсвічування навколо неї, вибирається шар. Коли мініатюра маски має межу виділення, вибирається маска шару.
Крок 14: Від’єднайте шар від маски шару
Якщо ми застосуємо нашу карту переміщення прямо зараз, і вміст шару (фото текстури), і маска шару будуть перероблені картою переміщення, і це тому, що вміст шару і маскуваний шар пов'язані між собою. Ми можемо сказати, що вони пов'язані між собою невеликим значком посилання між двома ескізами. Щоб від’єднати вміст шару від маски шару, щоб маска не впливала на карту переміщення, натисніть на піктограму посилання, щоб видалити її:
Клацніть на невеликій піктограмі посилання, щоб від’єднати вміст шару від маски шару.
Крок 15: Застосуйте фільтр Displace
Нарешті, ми готові застосувати нашу карту переміщення, і це робимо за допомогою фільтра Photoshop Displace. Перейдіть до меню « Фільтр », виберіть « Спотворити» та виберіть « Змінити» :
Перейдіть до Фільтр> Спотворити> Змінити.
Фільтр Displace насправді складається з двох окремих діалогових вікон. Перше діалогове вікно просить встановити деякі параметри, причому два найважливіших варіанти знаходяться вгорі. Параметри горизонтальної та вертикальної шкали визначають, який вплив карта переміщення матиме на зображення. Іншими словами, вони визначають, наскільки пікселі зображення будуть зміщуватися по горизонталі та вертикалі. На жаль, попередній попередній перегляд не доступний, тому фільтр Displace зазвичай включає деякі пробні помилки та помилку, поки ви не зможете все виправити. Значення за замовчуванням 10 як для горизонтальної, так і для вертикальної шкали - це гарне місце для початку, але я збираюсь збільшити міну до 15 для трохи більшого впливу. Значення, які ви в кінцевому підсумку використовуєте, залежатимуть як від розміру вашого зображення, так і від власного уявлення про те, що виглядає «правильно», тому будьте готові кілька разів скасувати цей крок і повторити спробу. Ви можете залишити параметри Stretch To Fit та Repeat Edge Pixels у нижній половині вибраного діалогового вікна:
Параметри вертикальної та горизонтальної шкали визначають, наскільки далеко рухатимуться пікселі на зображенні.
Натисніть кнопку ОК, коли ви закінчите, щоб вийти з цього першого діалогового вікна, в якому з’явиться друге діалогове вікно з проханням вибрати вашу карту переміщення. Перейдіть до місця збереження карти переміщення, яку ми створили раніше. Шахта була збережена у папці "Карти переміщення" на моєму робочому столі, тож саме там я перейду, потім натисніть на карту переміщення, щоб вибрати її та натисніть кнопку Відкрити:
Виберіть карту переміщення, яку ми створили раніше.
Як тільки ви відкриєте карту переміщення, Photoshop застосує її до текстури і відобразить текстуру на контури обличчя та голови людини. Якщо ви використовуєте текстуру з великою кількістю прямих ліній, наприклад, наприклад, американський прапор, ви побачите дуже помітну різницю в тому, як текстура обмотається навколо форми обличчя людини. Якщо ви використовуєте текстуру, подібну до тієї, яку я використовую, з безліччю випадкових фігур і тріщин, різниця може бути не настільки помітною, хоча все-таки все-таки має виглядати більш реалістично після застосування карти переміщення. Або, принаймні, так реалістично, як може виглядати структура скелі, нанесена на обличчя людини. Ось мій кінцевий результат:
Кінцевий результат текстурованого відображення.