Дізнайтеся, як легко перетворити будь-яку фотографію на власний декоративний фон або межу з Photoshop! Цей ефект чудово підходить для фотографій на весіллі та заручини і займає дуже мало часу від початку до кінця.

Для створення ефекту ми використаємо дві окремі копії фотографії; один для основного зображення і один для фону. Ми розфарбуємо фон, використовуючи колір, відібраний безпосередньо із зображення, потім перевернемо його та зменшимо його до ефекту стилю водяних знаків.

Потім ми сфотографуємо нашу основну фотографію, масштабуємо її за розміром, надаємо їй приємну облямівку та тінь і, нарешті, переставляємо її на ідеальне місце перед фоном.

Тут я буду використовувати Photoshop CC, але цей підручник також повністю сумісний з Photoshop CS6. Якщо ви використовуєте більш ранню версію Photoshop, вам захочеться дотримуватися нашого оригіналу, використовуючи фотографію як власний підручник.

Ось зображення, яке я буду використовувати (весільне фото від Adobe Stock):

Оригінальне фото. Кредит: Adobe Stock.

А ось як виглядатиме кінцевий ефект:

Кінцевий результат.

Перетворіть фотографію на власне тло

Крок 1: Скопіювати фоновий шар

Зображення, щойно відкрилося у Photoshop, якщо ми подивимось на панель «Шари», ми побачимо фотографію, що сидить на шарі «Фон», який наразі є єдиним шаром у документі:

Панель "Шари", що показує фотографію на фоновому шарі.

Перше, що нам потрібно зробити, це зробити пару примірників фотографії. Ми використаємо першу копію для фону та другу копію для основного зображення.

Щоб зробити першу копію, перейдіть до меню " Шари" в рядку меню вгорі екрана, виберіть команду " Створити", а потім виберіть " Шар через копію" . Або більш швидкий спосіб - натиснути ярлик клавіатури, Ctrl + J (Win) / Command + J (Mac):

Перехід до шару> Новий> Шар через «Копіювати».

Photoshop робить копію шару "Фоновий", називає копію "Шар 1" і розміщує її над оригіналом:

Перша копія, названа "Шар 1", з'являється на панелі "Шари".

Крок 2: Скопіювати "Шар 1"

Щоб зробити другу копію, зайвий раз перейдіть до меню « Шару », виберіть « Створити», потім виберіть « Шар через копію» або натисніть комбінацію клавіш, Ctrl + J (Win) / Command + J (Mac):

Перейдіть знову до шару> Новий> Шар через «Копіювати».

Друга копія, названа "Копія рівня 1", з'являється над двома іншими шарами:

На панелі "Шари" тепер відображається початковий шар "Фон" та дві копії над ним.

Вам може бути цікаво, чому нам тут потрібні три шари, коли здається, що все, що нам справді потрібно, це два; одна для основної фотографії та одна для фону. Причина полягає в тому, що шар "Фон" внизу містить нашу оригінальну інформацію про зображення. Залишаючи фоновий шар недоторканим, ми можемо безпечно створити наш ефект, зберігаючи оригінальну фотографію недоторканою у випадку, якщо вона коли-небудь знадобиться.

Крок 3: Перейменуйте нові шари

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

Перейменування верхнього шару "Основна фотографія".

Натисніть клавішу Tab на клавіатурі, щоб перейти вниз, і виділіть назву шару під ним ("Шар 1"):

Натисніть Tab, щоб виділити назву наступного шару.

Введіть "Фонову фотографію" як нову назву шару. Потім натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі, щоб прийняти зміну імені:

Змініть назву "Шар 1" на "Фонове фото".

Крок 4: Сховати шар «Основна фотографія»

Спочатку створимо фоновий ефект. Щоб побачити, що ми робимо, нам потрібно сховати верхній шар ("Основне фото") від перегляду. Для цього натисніть на значок видимості ( значок очного яблука) зліва від шару "Основна фотографія":

Клацнувши піктограму видимості для шару "Основна фотографія", щоб приховати її в документі.

Крок 5: Виберіть інструмент «Піпетка»

З шаром "Основна фотографія", який зараз прихований, давайте розфарбуємо фон, використовуючи колір, відібраний безпосередньо із зображення. Для цього нам знадобиться інструмент « Піпетка» Photoshop. Виберіть його на Панелі інструментів:

Вибір інструмента «Піпетка»

Крок 6: Установіть розмір вибірки на "5 х 5 середнього"

Вибравши інструмент «Піпетка», знайдіть в панелі параметрів у верхній частині екрана, і ви знайдете параметр « Розмір зразка» . За замовчуванням розмір зразка встановлений у пункті вибірки, а це означає, що коли ми натискаємо на зображення, щоб відібрати колір за допомогою інструмента «Піпетка», ми будемо відбирати колір лише з певного пікселя, на який ми натиснули.

Зазвичай це занадто точно для того, що нам потрібно. Замість того, щоб вибирати колір лише з одного конкретного пікселя, часто краще вибирати середній колір місця, де ми натискаємо.

Для цього змініть розмір вибірки на середній 5 х 5 . Це дозволяє Photoshop переглянути всі пікселі у вікні 5 пікселів на 5 пікселів, що оточує піксель, на який ми натискаємо, а потім вибрати середній колір цих пікселів:

Зміна розміру вибірки на "5 х 5 середнього".

Крок 7: Вибір кольору з зображення

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

Клацнувши по зображенню за допомогою інструменту «Піпетка», виберіть колір.

Колір, який ви відібрали, з’явиться як новий колір переднього плану на Панелі інструментів:

Зображення кольорів переднього плану на Панелі інструментів.

Крок 8: Розфарбуйте фон за допомогою шару регулювання відтінку / насичення

Тепер, коли ми відібрали колір, давайте використаємо його для розфарбовування фону. Для цього ми будемо використовувати один з шарів коригування відтінку / насичення Photoshop. Клацніть на піктограмі Новий заливний або коригувальний шар у нижній частині панелі "Шари":

Клацнувши піктограму «Новий заливний або коригувальний шар».

Потім виберіть зі списку відтінок / насиченість :

Вибір шару регулювання відтінку / насичення.

Параметри та елементи управління шаром регулювання відтінку / насичення відображаються на панелі властивостей . Тут не потрібно надиратися з будь-якими повзунками, намагаючись вибрати колір, тому що ми вже вибрали колір, який хочемо використовувати. Натомість все, що нам потрібно зробити, - це включити параметр Colorize, натиснувши всередину його прапорець:

Вибір параметра "Розфарбувати" на панелі "Властивості".

Photoshop миттєво розфарбовує зображення, використовуючи вибраний нами колір:

Початковий ефект забарвлення.

Збільште насиченість кольору, перетягнувши повзунок Насичення на панелі Властивості праворуч. Значення 50 повинно добре працювати. Потім, щоб зникнути фону, перетягніть повзунок Легкість вправо до значення близько +75 :

Підвищення насичення до 50 та легкість до +75.

Ось як виглядає зараз моє тло:

Зів’ялий, кольоровий фон.

Крок 9: Переверніть зображення по горизонталі

Давайте перевернемо фонове фото горизонтально, щоб воно виглядало як дзеркальне зображення нашої основної фотографії. Для цього натисніть на шар «Фонова фотографія» на панелі «Шари», щоб вибрати його:

Вибір шару "Фонова фотографія".

Перейдіть до меню " Правка" у верхній частині екрана, виберіть " Трансформувати", а потім виберіть " Перевернути горизонтальне" :

Перехід до редагування> Перетворення> Перевернути горизонтально.

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

Результат після гортання фонової фотографії по горизонталі.

Створіть ефект дзеркального зображення за допомогою Photoshop

Крок 10: Виберіть і увімкніть шар "Основна фотографія"

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

Вибір шару "Основна фотографія".

Потім поверніть шар "Основна фотографія" знову в документі, натиснувши ще раз його значок видимості (порожній квадрат, де раніше було очне яблуко):

Клацання піктограми видимості для шару "Основна фотографія".

Після повернення шару "Основна фотографія" оригінальне зображення тепер блокує фонове фото з виду. Ми вирішимо наступне:

Основне фото знову видно перед фоном.

Крок 11: Змініть розмір основної фотографії за допомогою безкоштовної трансформації

Давайте змінимо розмір основної фотографії, щоб вона виглядала менше перед фоном. Перейдіть до меню " Правка" у верхній частині екрана та виберіть " Безкоштовна трансформація" . Або більш швидким способом вибору вільної трансформації є натискання комбінації клавіш, Ctrl + T (Win) / Command + T (Mac):

Перехід до редагування> Безкоштовна трансформація.

Це розміщує вікно Photoshop Free Transform і обробляє зображення. Натисніть і утримуйте Shift + Alt (Win) / Shift + Option (Mac) на клавіатурі, перетягуючи будь-яку з кутових ручок всередину, щоб зменшити розмір фотографії. Утримуючи Shift під час перетягування, зберігається оригінальне співвідношення сторін на фіксаторі, а клавіша Alt / Option вказує Photoshop змінити розмір зображення в центрі, а не з кута.

Це суддівський заклик з вашого боку, наскільки маленьким ви хочете зробити свій образ. Я збираюся зробити шахту приблизно 50-60% від її початкового розміру:

Зменшення розміру основної фотографії за допомогою Free Transform.

Коли ви задоволені розміром зображення, відпустіть кнопку миші, а потім відпустіть клавішу Shift та клавішу Alt / Option. Переконайтеся, що ви відпустите спочатку кнопку миші, потім клавіші, інакше втратите ефект, який мали клавіші.

Натисніть Enter (Win) / Return (Mac) на клавіатурі, щоб прийняти новий розмір зображення та вийти з команди Free Transform:

Результат після зміни розміру основного зображення за допомогою Free Transform.

Крок 12: Додайте обведення навколо основної фотографії

Додамо тонку межу навколо нашого основного зображення. Для цього ми будемо використовувати стиль шару обведення. Клацніть на піктограмі стилів шару (піктограма "fx") внизу панелі "Шари":

Клацання піктограми стилів шару.

Потім виберіть обведення зі списку, який з’являється:

Вибір "Обведення" зі списку стилів шару.

Це відкриває діалогове вікно « Стиль шару», встановлене для параметрів обведення в середньому стовпчику. Давайте обираємо колір для нашого обведення, ще раз відбираючи колір із зображення. Щоб змінити колір обведення, натисніть кольоровий зразок :

Клацнувши кольоровий зразок у параметрах обведення.

Це відкриває програму вибору кольорів Photoshop. Замість того, щоб вибирати колір із програми "Вибір кольорів", як ми зазвичай робимо, перемістіть курсор миші на зображення. Ваш курсор перетвориться на піктограму «Піпетка», як ми бачили раніше з інструментом «Піпетка».

Клацніть на кольорі на зображенні, яке ви хочете використовувати для обведення, щоб Photoshop міг його пробувати. Я натисну на світло-сірий з сукні нареченої:

Вибір кольору штриху з зображення.

Після того як ви відібрали колір, натисніть кнопку ОК у панелі вибору кольорів, щоб закрити його:

Клацнувши ОК, щоб закрити Колір.

Далі, повернувшись до діалогового вікна «Стиль шару», переконайтесь, що для параметра « Положення» встановлено значення « Внутрішня», що надасть нашим обведенням гострі кути. Потім збільшуйте товщину штриха, перетягуючи повзунок « Розмір» вправо. Точний розмір, який ви виберете, залежатиме від розміру вашого зображення, але майте на увазі, що ми не збираємось шукати поляроїд тут. Ми хочемо чогось більш елегантного, особливо якщо ви робите це з весільною фотографією, тому постарайтеся, щоб ваш штрих був досить тонким. Для мого зображення добре працює розмір штриха близько 16 пікселів :

Встановіть позицію на "Всередині", а потім збільшуйте значення "Розмір".

Не закривайте діалогове вікно «Стиль шару» лише тому, що ми маємо додати ще один стиль шару. Ось як виглядає моє основне зображення поки що із нанесеним штрихом. Як ми бачимо, обведення тонкий і ледве видно:

Результат після додавання обведення навколо основного зображення.

Крок 13: Додайте тінь краплі

Далі додамо тінь краплі до основного зображення. Клацніть безпосередньо на слова " Drop Shadow " зліва від діалогового вікна "Стиль шару":

Клацнувши на слова "Скинь тінь".

Це відобразить параметри «Тінь випадання» у середній колонці (де були хвилини тому варіанти обведення). За замовчуванням Photoshop встановлює колір тіні чорним, але це занадто різко для цього ефекту. Давайте ще раз виберемо колір із зображення. Щоб змінити колір тіні, натисніть на кольоровий зразок :

Клацнувши кольоровий зразок у параметрах "Відміняти тінь".

Це знову вискакує колекціонер . Як і раніше, перемістіть курсор миші на зображення. Ваш курсор перетвориться на піктограму «Піпетка» . Шукайте на зображенні колір, який приблизно такий, як колір, який ви використовували для фарбування фону. Тільки цього разу вам захочеться більш темний варіант кольору (адже це все-таки тінь). Я натискаю на область трохи нижче підборіддя жінки:

Вибір темнішого відтінку шкіри для використання в тіні.

Натисніть кнопку ОК у підборі кольорів, щоб закрити його та прийняти новий колір тіні:

Клацнувши ОК, щоб закрити Колір.

Повернувшись до діалогового вікна «Стиль шару», залиште опцію « Непрозорість» встановленою на 35% (значення за замовчуванням), але змініть кут на 135 °, щоб джерело світла було зліва зліва. Перетягніть повзунок Відстань, щоб контролювати, наскільки тінь простягається назовні позаду зображення. Необхідна кількість залежить від розміру зображення, тому слідкуйте за документом, перетягуючи повзунок. Для мене добре виглядає значення відстані близько 60 пікс .

Нарешті, перетягніть повзунок « Розмір», щоб відрегулювати м'якість тіні. Знову ж, це буде залежати від вашого образу. Я перейду зі значенням розміру 30 пікселів :

Параметри "Тінь" в діалоговому вікні "Стиль шару".

Натисніть кнопку ОК, коли ви закінчите, щоб закрити діалогове вікно Стиль шару. Тепер ваш ефект повинен виглядати приблизно так:

Результат після нанесення обведення та тіні на основне зображення.

Крок 14: Перестановка головної фотографії

Речі виглядають добре, крім однієї проблеми. Головне моє зображення спереду - це блокування людей у ​​фоновому режимі. Я вирішу проблему, перемістивши основне зображення на краще місце. Спочатку я виберу інструмент Move Photoshop на панелі інструментів. Я також міг вибрати інструмент переміщення, натиснувши букву V на моїй клавіатурі:

Вибір інструменту переміщення.

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

Перетягування зображення з центру в нижній лівий кут.

Крок 15: Змінення розміру та розміщення фонової фотографії

Єдина проблема, яка залишається в тому, що права частина моєї основної фотографії все ще блокує занадто велику частину пари у фоновому режимі. Мені потрібно перемістити пару на задньому плані вправо, і я можу це зробити, збільшуючи розмір фонової фотографії. Зазвичай ми намагаємось уникати створення зображень більше їх оригінального розміру, оскільки це, як правило, робить їх м'якими і тьмяними. Але оскільки цей образ використовується просто як фон, ми можемо від нього піти.

Спочатку натисніть на шар «Фонова фотографія» на панелі «Шари», щоб вибрати його:

Вибір шару "Фонова фотографія".

Потім я ще раз перейду до меню « Правка » у верхній частині екрана і оберіть « Безкоштовна трансформація» . Або я можу натиснути комбінацію клавіш, Ctrl + T (Win) / Command + T (Mac):

Перехід до редагування> Безкоштовна трансформація.

Це розміщує вікно Безкоштовна трансформація і обробляє навколо фонової фотографії. Щоб забезпечити собі більше місця для роботи, я трохи зменшу масштаб зображення, натиснувши і утримуючи клавішу Ctrl (Win) / Command (Mac) і натиснувши клавішу мінус ( - ) на моїй клавіатурі кілька разів. Це дозволяє мені бачити більше порожньої робочої області (темної області) навколо зображення:

Зменшення масштабу зображення, щоб побачити більше області навколо фотографії.

Щоб змінити розмір фонової фотографії, я натисну і утримую клавішу Shift, щоб заблокувати оригінальне співвідношення сторін зображення, коли я перетягую ручку у верхньому правому куті назовні, поки двоє людей не з’являться більше по центру між основною фотографією та права сторона документа. Коли я задоволений новим розміром, відпущу кнопку миші, тоді відпущу клавішу Shift (у такому порядку):

Утримуючи Shift, перетягуючи верхню праву ручку вільної трансформації назовні.

Ми також можемо розмістити зображення всередині документа за допомогою вільної трансформації. Тепер, коли я змінив розмір фонової фотографії, я зсуну її трохи вниз, натиснувши всередину вільної трансформації та потягнувши вниз мишкою, доки верхній частині голови жінки більше не буде відрізаний верх документ. Коли ви задоволені розміром і положенням фонової фотографії, натисніть клавішу Enter (Win) / Return (Mac) на клавіатурі, щоб прийняти її та вийти з програми Free Transform:

Клацнувши та перетягнувши всередину вільної вільної трансформації, щоб перенести фонове фото вниз.

І з цим ми закінчили! Ось, після зміни розміру та перестановки фонової фотографії, це мій остаточний результат:

Кінцевий ефект.

І там ми його маємо! Ось як легко перетворити фотографію на власний декоративний фон або межу з Photoshop! Для подібних навчальних посібників перегляньте наш розділ Межі та рамки Photoshop. Або відвідайте наш головний розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop!

Категорія: