Як додати віньєтку у Photoshop за допомогою градієнтів

У цьому уроці я покажу вам найновіший та найпростіший спосіб додати віньєтку до фотографії за допомогою Photoshop та його нової функції «Живі градієнти» у Photoshop 2023.
Віньєтки – це позачасовий та класичний ефект, який затемнює краї фотографії, щоб привернути увагу до об’єкта зйомки. Віньєтки також можуть надати фотографіям вінтажного або ностальгічного вигляду, або додати відчуття таємничості чи драматизму.

А завдяки живим градієнтам у Photoshop 2023  створення віньєтки ще ніколи не було таким простим. Термін « живий градієнт» означає, що всі властивості градієнта, включаючи кольори, розмір і положення, залишаються доступними для редагування після малювання градієнта.
Поєднуючи гнучкість живого градієнта з класичним градієнтом Photoshop «Від переднього плану до прозорого», ми можемо додати віньєтку з повним контролем над її виглядом.
Виконуючи кроки цього уроку, ви дізнаєтеся, як:

• Додайте віньєтку за допомогою градієнта «Від переднього плану до прозорого»;
• Відредагуйте віньєтку за допомогою елементів керування живим градієнтом у Photoshop;
• Оберіть різні кольори для вашої віньєтки;
• Зробіть віньєтку більш природною з вашим зображенням;
• І більше!

Ось приклад базового ефекту віньєтки, який ми створимо. Я також покажу вам, як налаштувати віньєтку, зокрема як вибрати кольори, що відповідають вашому зображенню, та як відновити яскравість у світлих ділянках.
Налаштування документа
Я використовуватиму це фото з Adobe Stock, але ви можете легко використати своє власне зображення.
Як створити віньєтку у Photoshop
Ось кроки для додавання віньєтки до фотографії за допомогою Photoshop та живих градієнтів.




Крок 1: Зменште масштаб зображення
Спочатку зменште масштаб, щоб додати трохи вільного простору навколо зображення. Цей простір нам знадобиться під час малювання градієнта.
Щоб зменшити масштаб, перейдіть до меню «Вид» у рядку меню та виберіть команду «Зменшити масштаб».
Ви повинні побачити сіру область навколо фотографії.
Крок 2: Виберіть інструмент «Градієнт»
Далі виберіть інструмент «Градієнт» на панелі інструментів .
Крок 3: Встановіть чорний колір переднього плану
Все ще на панелі інструментів переконайтеся, що для кольору переднього плану встановлено чорний.
Якщо це не так, натисніть клавішу D на клавіатурі, щоб скинути кольори переднього плану та фону до значень за замовчуванням (тобто чорний для переднього плану та білий для фону).
Крок 4: Встановіть режим інструмента на градієнт
Потім на панелі параметрів переконайтеся, що для режиму інструмента (новий станом на Photoshop 2023) встановлено значення Градієнт, що має бути за замовчуванням.
Градієнт – це налаштування, яке нам потрібне для малювання живого градієнта. Інший варіант, Класичний градієнт, змушує інструмент «Градієнт» поводитися так само, як і в попередніх версіях Photoshop, що не працюватиме для нашого ефекту віньєтки.
Крок 5: Виберіть градієнт «Від переднього плану до прозорості»
Щоб створити віньєтку, нам знадобиться градієнт Photoshop «Від переднього плану до прозорого».
Отже, клацніть на зразку градієнта, щоб відкрити вибір стилів градієнта.
Відкрийте папку Basic, повернувши її, та виберіть градієнт «Від переднього плану до прозорого» (мініатюра посередині).
Потім натисніть Enter на ПК з Windows або Return на Mac, щоб закрити засіб вибору стилів.
Крок 6: Встановіть стиль градієнта 
Поруч із панеллю попереднього перегляду градієнта розташовані значки стилю градієнта.
Для цього ефекту віньєтки виберіть стиль «Радіальний» (друга іконка зліва), який намалює градієнт від центру назовні.
Крок 7: Увімкніть опцію Reverse
Також на панелі параметрів, що дуже важливо, увімкніть опцію Reverse, натиснувши відповідний прапорець.
Якщо ви пропустите цей крок, ефект віньєтки не спрацює. Я покажу вам, що я маю на увазі, за мить.
Залиште параметр «Змішування» увімкненим, а для параметра «Метод» встановіть значення «Перцептивний». Обидва параметри встановлені за замовчуванням. Тепер ми готові намалювати градієнт.
Крок 8: Намалюйте радіальний градієнт, щоб додати початкову віньєтку
Клацніть і утримуйте зображення в тому місці, де ви хочете розмістити центр віньєтки. Не хвилюйтеся про те, щоб розмістити це місце точно так само, як і за допомогою живих градієнтів ми можемо змінити його розташування після того, як ми його намалюємо.
Потім, не відпускаючи кнопку миші, перетягніть вказівник від цієї точки, щоб розширити градієнт назовні.
Центр градієнта прозорий, що дозволяє зображенню під ним просвічуватися, оскільки градієнт поступово переходить у чорний колір на зовнішньому краю.
Якщо ви бачите чорний колір у центрі та прозорість по краях, це тому, що ви забули ввімкнути опцію Reverse на попередньому кроці. Тож увімкніть її.
Потім продовжуйте малювати градієнт назовні. Зазвичай вам потрібно розширити градієнт за краї зображення, щоб кути не виглядали надто темними (саме тому ми зменшили масштаб на кроці 1).
На панелі «Шари» градієнт відображається на окремому шарі «Градієнтна заливка». Це дозволяє розділити градієнт і зображення, щоб ми могли редагувати градієнт, що ми зробимо далі.
Крок 9: Змініть положення віньєтки навколо об'єкта зйомки
Тепер, коли градієнт намальовано, ви можете змінити його положення, перетягнувши круглу кольорову контрольну точку посередині. Це дозволяє легко відцентрувати віньєтку навколо об'єкта зйомки або розмістити її де завгодно.
Я трохи перетягну центр градієнта праворуч.
Після переміщення градієнта вам може знадобитися відкоригувати його розмір, перетягнувши кольорову контрольну точку на зовнішньому краю.
Я трохи більше його розтягну назовні.
Крок 10: Розгорніть прозору область в центрі
Якщо віньєтка робить об'єкт занадто темним, ви можете розширити прозору область в центрі градієнта.
Перейдіть на панель «Властивості» та прокрутіть униз до елементів керування непрозорістю. Можливо, вам доведеться їх розгорнути.
Потім клацніть на білому обмежувачі прозорості праворуч і почніть перетягувати його ліворуч, стежачи за зображенням.
Чим далі ви перетягуєте вказівник, тим більше прозорість відштовхуватиметься від центру, змушуючи темні області наближатися до краю та відновлювати початкову яскравість об’єкта.
Крок 11: Змініть колір віньєтки
Використання чорного кольору для віньєтки може зробити ефект тьмяним.
Щоб вибрати інший колір, двічі клацніть на контрольній точці кольору на зовнішньому краю градієнта.
Потім виберіть новий колір у палітрі кольорів або клацніть на області зображення, щоб взяти зразок кольору.
Я натисну на гору на задньому плані, щоб спробувати відтінок коричневого.
Потім, оскільки я використовую цей колір для ефекту затемнення, я оберу набагато темнішу та насиченішу його версію у палітрі кольорів.
Натисніть кнопку «ОК», щоб закрити палітру кольорів після завершення.
Оскільки мій градієнт тепер переходить у темно-коричневий замість чорного, віньєтка виглядає трохи ніжнішою та природнішою.
Новий колір, який я вибрав, все ще занадто темний на мій смак, але він полегшить видимість наступного кроку, оскільки я покажу вам, як приховати віньєтку у світлих ділянках.
Крок 12: Відновіть яскравість у світлих ділянках
Одна з проблем віньєтки полягає в тому, що вона затемнює світлі ділянки. На моєму зображенні це дуже помітно на небі.
Щоб зменшити ефект віньєтки у світлих ділянках, натисніть значок fx внизу панелі «Шари».
Потім виберіть «Параметри накладання» у верхній частині списку.
Унизу діалогового вікна «Стиль шару» знайдіть повзунок «Нижній шар» (нижня частина двох смуг).
Під правою стороною панелі знаходиться білий повзунок виділення.
Утримуйте клавішу Alt на ПК з Windows або клавішу Option на Mac. Потім, не відпускаючи клавішу, розділіть повзунок навпіл, клацнувши та перетягнувши ліву половину від правої.
Слідкуйте за зображенням, продовжуючи перетягувати ліву половину повзунка вліво. Чим далі ви перетягуєте, тим більше відновлюватимуться світлі ділянки, тому налаштуйте повзунок за потреби.
Натисніть кнопку «ОК», щоб закрити діалогове вікно «Стиль шару» після завершення.
І тепер віньєтка ледь помітна на небі (у світлих ділянках), водночас краї та кути в нижній половині зображення все ще затемнюються.
Крок 13: Змініть режим змішування на М'яке світло
Ще один спосіб зробити віньєтку більш природною – змінити режим накладання на панелі «Шари».
З активним шаром «Градієнтна заливка» змініть режим накладання з «Звичайний» на «М’яке світло».
У той час як режим змішування «Звичайний» (за замовчуванням) просто затемнював зображення, «М’яке світло»  – це радше ефект освітлення, який краще поєднує віньєтку та зображення.
Крок 14: За потреби налаштуйте розмір або положення віньєтки
Зробіть будь-які остаточні корективи розміру або положення градієнта, перетягнувши контрольні точки кольору.
Мене влаштовує його розмір, але я перетягну центр градієнта вище, щоб затемнити низ зображення.
Крок 15: Зменште непрозорість віньєтки, зменшивши її.
Зрештою, якщо віньєтка виглядає занадто яскравою, ви можете зробити її більш затемненою, зменшивши непрозорість шару градієнтної заливки на панелі шарів.
Я зменшу непрозорість до 80 відсотків.
Як приховати елементи керування градієнтом у реальному часі
Щоб приховати елементи керування градієнтом і краще розгледіти віньєтку, виберіть шар «Фон» на панелі «Шари», щоб зняти вибір із шару «Градієнтна заливка».
Повторне виділення шару «Градієнтна заливка» поверне елементи керування градієнтом.
А ось, із прихованими елементами керування, мій остаточний ефект віньєтки.
Ось і все! Ось так просто додати віньєтку до фотографії за допомогою Photoshop та нових живих градієнтів у Photoshop 2023.