Цей покроковий посібник показує, як створити ефект дощу у Photoshop, який легко можна додати до будь-якої фотографії. Працює з будь-якою версією Photoshop. Для всіх рівнів кваліфікації
Більшість із нас вважають за краще уникати дощу, якщо це можливо, особливо якщо у нас є наші камери. Але що робити, якщо ви один із великої кількості людей, які люблять фотографувати погоду? Навіть якщо фотографія погоди не є вашим головним інтересом, не можна заперечувати, що дощ додає вашим зображенням зовсім новий вимір. Тож як ви можете фотографувати дощ, не намокаючи камеру?
Легко! Зачекайте, поки перестане дощ, сфотографуйте, а потім додайте дощ назад у Photoshop, саме це ми і навчимося робити.
Ця версія підручника призначена для Photoshop CS5 та новішої версії. Користувачі Photoshop CC та CS6 захочуть ознайомитися з нашим повністю оновленим навчальним посібником Photoshop Rain Effect.
Ось фото, з яким я буду працювати для цього ефекту:
Оригінальне зображення.
І ось те саме зображення після додавання дощу у Photoshop. Це дійсно спускається там!
Кінцевий результат.
Цей підручник із нашої серії фотоефектів. Давайте розпочнемо!
Як створити ефект дощу за допомогою Photoshop
Крок 1: Скопіювати фоновий шар
Перше, що нам потрібно зробити для цього ефекту - це дублювати наш фоновий шар. З нашим зображенням, відкритим у Photoshop, ми бачимо на палітрі шарів, що в даний час у нас є один шар, який називається Фон . Цей шар містить наше оригінальне зображення:
Палітра шарів у Photoshop показує нам оригінальне зображення на тлі фону.
Нам потрібно створити копію цього шару, тому скористаємося швидким ярликом клавіатури, Ctrl + J (Win) / Command + J (Mac). Нічого, здається, не відбулося у вікні документа, але якщо ми знову подивимось у нашу палітру шарів, ми можемо побачити, що зараз у нас є два шари - оригінальний шар "Фон" на дні та його копія, яку Photoshop назвав " Шар 1 ", над ним:
Дублюйте фоновий шар, натискаючи "Ctrl + J" (Win) / "Command + J" (Mac).
Крок 2: Додайте трохи зайвого простору навколо зображення
Наступне, що ми збираємось зробити - це додати трохи додаткового полотна навколо зображення. Причина полягає в тому, що ми будемо використовувати фільтр "Розмиття руху" на зображенні, а фільтр "Розмиття руху", як правило, стикається з проблемами при роботі з ребрами, тому ми будемо спрощувати його, надаючи його трохи більше місця по краях для роботи. Ви побачите, що я маю на увазі пізніше, але наразі додамо трохи додаткового простору. Перш ніж ми це зробимо, давайте скинемо наші кольори переднього плану та фону у Photoshop, натиснувши D на клавіатурі. Тут встановлено чорний колір переднього плану, а білий - колір тла. Це ми бачимо в кольорових зразках біля нижньої частини палітри інструментів:
Скидання кольорів переднього плану та фону.
Тепер додамо простір для полотна. Для цього ми використовуватимемо інструмент обрізання . Виберіть його з палітри інструментів або просто натисніть клавішу C на клавіатурі:
Виберіть інструмент обрізання.
Потім, вибравши інструмент обрізання, клацніть та перетягніть виділення навколо всього зображення. Якщо ви працюєте з тим, що ваше зображення відображається у вікні документа, натисніть F на клавіатурі, щоб переключити Photoshop у режим повноекранного режиму за допомогою панелі меню, що полегшить роботу. Потім просто натисніть за межами верхнього лівого кута зображення та перетягніть униз нижче правого нижнього кута.
Коли ви відпустите кнопку миші, ви побачите маленькі квадратні ручки навколо зображення. Утримуйте клавішу Alt (Win) / Option (Mac) та перетягніть ліву або праву ручку назовні, щоб додати місця з обох сторін зображення. Утримуючи Alt або Option, вказує Photoshop рухати ручки з обох сторін одночасно, що полегшує нам справи. Додайте додатковий дюйм або два з боків. Потім зробіть те ж саме для верху і знизу. Утримуйте клавішу Alt / Option і перетягніть верхню або нижню ручку, щоб додати однакову кількість місця над і під зображенням. Не турбуйтеся про те, що ви додасте занадто багато місця, оскільки ми все-таки пізніше будемо скорочувати його. Наразі краще додати занадто багато, ніж недостатньо:
Перетягніть ручки, щоб додати більше місця на полотні навколо зображення.
Коли ви закінчите перетягувати ручки, натисніть Enter (Win) / Return (Mac), і Photoshop заповнить додатковий простір нашим поточним кольором фону, який є білим:
Photoshop заповнює додатковий простір поточним кольором фону.
Крок 3: Додайте новий порожній шар
Нам потрібно додати новий пустий шар до нашого документу в цей момент, тому, вибравши верхній шар у палітрі шарів (ви можете вказати, який шар обраний, який виділений синім кольором), натисніть на піктограму Новий шар у вікні нижня частина палітри шарів:
Клацніть піктограму «Новий шар», щоб додати новий порожній шар.
Photoshop додає новий порожній шар для нас вище двох інших шарів. Знову ж таки, з самим зображенням нічого не трапилось, і це тому, що наш новий шар зараз порожній, але ми можемо побачити новий шар у верхній частині палітри шарів. Photoshop називає його "Шар 2":
Новий порожній шар у верхній частині палітри шарів.
Крок 4: Заповніть новий шар чорним кольором
Ми збираємося заповнити новий шар чорним кольором. Оскільки чорний колір зараз є нашим кольором переднього плану, ми можемо використовувати простий комбінацію клавіш Alt + Backspace (Win) / Option + Delete (Mac), який дозволяє Photoshop заповнити шар кольором переднього плану.
Зображення тепер з’явиться наповненим суцільним чорним кольором, тимчасово приховуючи наше фото від перегляду.
Крок 5: Додайте шум шару
Перейдіть до меню Фільтр у верхній частині екрана, виберіть Шум, а потім виберіть Додати шум . Це відкриває діалогове вікно фільтра «Додати шум» Photoshop. Перетягніть повзунок « Сума» праворуч, щоб додати багато зображень. Немає точного значення для введення, просто додайте багато. Я збираюся перетягнути свою суму приблизно до 150%. Також переконайтеся, що параметр Монохроматичний внизу встановлено:
Додайте шум до заповненого чорним шаром.
Коли ви закінчите, натисніть ОК, щоб застосувати шум до зображення та вийти з діалогового вікна.
Крок 6: Нанесіть на шум фільтр розмиття Гаусса
Нам потрібно додати невелику кількість розмиття до шуму, тому поверніться до меню « Фільтр » і цього разу оберіть « Розмиття», а потім « Розмиття» Гаусса . Це відкриває діалогове вікно фільтру "Розмиття Гаусса". Все, що нам потрібно, - це незначна кількість розмиття, тому введіть для параметра « Радіус» близько 0, 5, а потім натисніть «ОК», щоб вийти з діалогового вікна:
Застосуйте фільтр Gaussian Blur до шуму.
Крок 7: Додайте рівень коригування рівнів
Пам'ятаєте, як я щойно закінчив розповідати вам про те, щоб додати до зображення багато шуму? Ну, тепер у нас занадто багато, але ми будемо це виправити за допомогою рівнів. Ми будемо використовувати рівень коригування, хоча ми зможемо повернутися та змінити налаштування в рівнях у будь-який час. Ми також хочемо переконатися, що наш рівень регулювання рівнів впливає лише на рівень шуму і не впливає на інші шари, тому для цього утримуйте клавішу Alt (Win) / Option і натисніть на піктограму New Adjustment Layer на нижня частина палітри шарів:
Утримуйте кнопку "Alt" (Win) / "Option" (Mac) і натисніть на піктограму "New Adjustment Layer".
Потім перетягніть мишу вгору та виберіть Рівні зі списку коригувальних шарів:
Виберіть зі списку "Рівні".
Оскільки ми натиснули клавішу Alt / Option, Photoshop з'явиться діалоговому вікні " Новий шар " перед додаванням шару коригування. Тут ми повідомляємо Photoshop, що ми хочемо, щоб цей шар регулювання рівнів впливав на шар під ним, який буде шаром шуму. Для цього поставте прапорець у лівій частині поля, де написано Використовувати попередній шар для створення відсічної маски :
Діалогове вікно «Новий шар» Photoshop.
Клацніть OK у верхньому правому куті, щоб вийти з діалогового вікна, і Photoshop додає нам рівень коригування рівнів. Він також відкриває діалогове вікно "Рівні", яке ми розглянемо далі.
Крок 8: Зменшіть кількість шуму і збільшуйте його контрастність
Ми будемо використовувати рівні, щоб зменшити кількість шуму, який ми маємо, і підвищити контрастність залишкового шуму. Якщо відкриється діалогове вікно Рівні, ви побачите великий графік у верхній половині. Це називається гістограмою . Тут нам не потрібно вникати в деталі, але безпосередньо під гістограмою ви побачите три повзунки - чорний зліва, білий праворуч і сірий посередині. Клацніть на чорному зліва та починайте перетягувати його праворуч.
Як ви це зробите, ви почнете бачити, як частина зображення зникає на зображенні. Потім натисніть на білий праворуч і починайте перетягувати його вліво, що збільшить контраст звуку, що залишився:
Видаліть шум за допомогою чорного повзунка зліва та збільшуйте контраст із повзунком праворуч.
Не хвилюйтесь про сірий повзунок посередині. Він буде рухатися самостійно, коли ви перетягуєте чорно-білі. Ви можете використовувати скріншот, описаний вище, як керівництво щодо того, як далеко переміщати чорно-білі повзунки, або просто експериментувати самостійно, поки ваше зображення не стане схоже на цілу купу шуму і більше схоже на зоряну ніч:
Зменшіть кількість шуму в зображенні за допомогою чорного повзунка та збільшуйте контраст шуму за допомогою білого повзунка.
Натисніть кнопку ОК у верхньому правому куті діалогового вікна Рівні, коли ви готові вийти з нього.
Крок 9: Нанесіть фільтр розмиття руху на шум
Весь цей шум, що залишився на нашому зображенні, стане нашим дощем. Це ще не дуже схоже на дощ, але ми допоможемо йому, застосувавши фільтр "Розмиття руху", який надасть нашому дощу деякий рух та напрямок. Перш ніж ми зможемо застосувати фільтр до шуму, спершу потрібно вибрати його в палітрі шарів, оскільки в даний час у нас вибраний рівень регулювання рівнів. Клацніть на "Шар 2", щоб вибрати його:
Виберіть шар шуму в палітрі шарів.
Тепер, коли у нас вибрано правильний шар, поверніться до меню « Фільтр » у верхній частині екрана, виберіть « Розмиття», а потім виберіть « Розмиття руху», яке відкриває діалогове вікно «Розмиття руху». Ви можете встановити напрямок падіння дощу, регулюючи параметр Angle . Я буду встановлювати свій кут приблизно до 60 °. Потім введіть значення близько 50 пікселів для відстані, хоча вам може знадобитися трохи експериментувати з цим значенням залежно від розміру вашого зображення, але 50 пікселів добре працює для стандартної фотографії 4x6:
Встановіть напрямок, який випаде дощ у варіанті «Кут», а потім встановіть «Відстань» приблизно до 50 пікселів.
Клацніть OK, щоб вийти з діалогового вікна.
Крок 10: Відрегулюйте чорно-білі повзунки за необхідними рівнями
Залежно від того, як далеко ви перетягували чорно-білі повзунки в діалоговому вікні Рівні раніше, ваш шум, можливо, повністю зник у вашому зображенні після застосування фільтра «Розмиття руху». Щоб повернути його, просто повторно відрегулюйте повзунки, двічі клацнувши безпосередньо на ескізі шару регулювання рівнів у палітрі шарів:
Поверніть діалогове вікно Рівні, двічі клацнувши його ескізом у палітрі шарів.
Це повертає діалогове вікно "Рівні", і оскільки ми використовуємо коригувальний шар, ми можемо повернутися до того, щоб повторно налаштувати повзунки так часто, як хочемо, не пошкодивши зображення. Можливо, вам потрібно буде трохи перетягнути чорний повзунок назад ліворуч, щоб повернути звук назад, і ви, можливо, захочете перетягнути білий бігунок трохи більше вліво, щоб додати більше контрасту:
Перетягніть як чорні, так і білі повзунки більше вліво, щоб повернути шум на зображення.
Знову ж, ви можете використовувати скріншот, описаний вище як керівництво, але вам краще експериментувати з повзунками, зберігаючи при цьому ваше зображення. Після того, як вам вдалося повернути шум, натисніть кнопку ОК, щоб знову вийти з діалогового вікна. Тепер ваше зображення має виглядати приблизно так:
Тепер на зображенні видно розмитий шум.
Якщо ви придивитесь уважніше до верхнього та нижнього країв зображення, то побачите, що все виглядає дещо дивно, і це через проблему, про яку я згадував на початку навчального посібника з фільтром «Розмиття», що виникли проблеми з ребрами. Не хвилюйтесь, тому що ми додали додатковий простір по краях, тому жодна з цих проблемних областей не вплине на нашу фотографію. Насправді ми будемо обрізати його на наступному кроці.
Крок 11: Обріжте зайвий простір на полотні
Тепер, коли ми застосували наш фільтр Blur Motion, ми можемо обрізати зайвий простір, який ми додали раніше. Для цього натисніть правою кнопкою миші (Win) / Control (Клацніть) (Mac) безпосередньо на ескізі для "Шар 1" в палітрі шарів:
Клацніть правою кнопкою миші (Win) / "Control-click" (Mac) на мініатюрі рівня 1 в палітрі шарів.
Шар 1 - це копія нашого фонового шару, і він містить оригінальне зображення, перш ніж ми додали додатковий простір для полотна. Коли ви клацніть правою кнопкою миші (Win) або клацніть клавішею Control (Mac) на її ескізі, усередині документа з'явиться вибір, який є точним розміром нашого вихідного зображення:
У документі з'являється виділення.
Нам потрібно лише перейти до меню « Зображення » у верхній частині екрана та вибрати « Обрізати» . Photoshop обріже зображення навколо вибраного, видаливши зайвий простір полотна та поверне наше зображення до того розміру, який він був, коли ми починали.
Після обрізання зображення натисніть Ctrl + D (Win) / Command + D (Mac), щоб видалити виділення з екрана.
Крок 12: Змініть режим накладання шару шуму на "Екран"
Ми майже закінчили. Єдина проблема, яка залишається, полягає в тому, що шар шуму все ще блокує наш вихідний образ. Щоб поєднати це із зображенням та надати нам ефект дощу, все, що нам потрібно зробити, - це змінити режим накладання шару шуму. Виберіть шар шуму ("Шар 2") в палітрі шарів. Потім перейдіть до верхнього лівого кута палітри Шари, натисніть на стрілку вниз праворуч від слова "Звичайна", що є режимом суміші за замовчуванням, і виберіть Екран зі списку:
Змініть режим змішування шару шуму з "Звичайний" на "Екран".
Як тільки ви зміните режим накладання, оригінальне фото стає видимим у документі, а наш розмитий шум руху стає дощем!
Якщо ви хочете налагодити ефект дощу, просто ще раз двічі клацніть на мініатюрі шару коригування рівнів у палітрі шарів, щоб повернути діалогове вікно рівнів і повторно налаштувати чорно-білі повзунки, поки ви не задоволені ефект дощу. Натисніть кнопку ОК, коли закінчите, щоб вийти з нього.
Ось мій остаточний ефект дощу:
Кінцевий ефект.
І ось як додати дощ на фотографію в Photoshop і не пошкодити камеру! Відвідайте наш розділ Фотоефекти, щоб отримати більше навчальних посібників щодо ефектів Photoshop!