Створюємо водну поверхню

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

Фільтр «Зсув» переміщує пікселі в зображенні відповідно до значення яскравості карти зміщення. Ви можете використовувати будь-який PSD файл як карту зміщення (якщо він був збережений з «Максимальної сумісністю» ( «Maximize compatibility»)). Використовуйте перший і другий канали цього PSD файлу для горизонтального і вертикального зсуву відповідно. Кожен канал - це чорно-біле зображення. Темні значення змінять зображення в позитивному напрямку (в координатах Adobe). Яскраві значення змінять в негативному напрямку. Величиною зміщення можна управляти окремо. За шкалою значень від 100, зміщення виміряний в пікселах, дорівнює 128 мінус яскравість карти зміщення. Наприклад, білий піксель змінить зображення 128-255 = -127 пікселів у відповідному пікселі.

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

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

Частина перша: створення карти зміщення.

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

Ми використовуємо результат попередніх кроків, як карту рельєфу для створення образу нахилу поверхні. Для цього скористаємося окремо каналом 1 (червоний) і каналом 2 (зелений). Канал 3 (синій) можна проігнорувати, так як він не впливає на смещающий фільтр.

• Перейдіть в палітру Канали і виберіть Червоний (Red) канал.
• Застосуйте до нього Фільтр> Стилізація> Тиснення (Filter> Stylize> Emboss). Введіть наступні параметри: Кут (Angle). 180 °; Висота (Height). 1 пікс .; Ефект (Amount). 500%. Натисніть ОК.
• Виберіть Зелений (Green) канал.
• Застосуйте фільтр Тиснення (Emboss) знову, але на цей раз використовуйте значення Кут (Angle) 90 °, замість 180 °.
• У палітрі Канали клацніть на RGB. щоб зображення стало кольоровим.

Тепер змінимо перспективу. Розтягування підстави знижує горизонт. Ми повинні були б тягнути кути до нескінченності, щоб розширити водну поверхню повністю на горизонт, але ми не будемо цього робити. Розтягування близько 3000% буде достатньо. Перспективне розтягнення працює тільки між 0 і 700%, тому ми растянем до 600% два рази. Вийде 3600%.

• Перейдіть в палітру Шари, щоб розблокувати фоновий шар (двічі клікніть на ньому і в діалоговому вікні натисніть ОК).
• Виберіть інструмент Масштаб (Z) і, утримуючи клавішу (Alt). клацніть кілька разів на зображенні, щоб зменшити його приблизно, як на картинці нижче. Виберіть команду Редагування> трансформування> Перспектива (Edit> Transform> Perspective).
• Перетягніть один з нижніх кутів в сторону на ширину 600% (значення ширини можна побачити в панелі налаштувань інструменту) і натисніть Enter.
• Натисніть Ctrl + Shift + T. щоб застосувати трансформування ще раз.
• Кадрування область поза полотном. Для цього виділіть полотно (Ctrl + A). а потім застосуйте команду Зображення> Обрізати (Image> Crop). Зніміть виділення (Ctrl + D).
• Зменшіть висоту зображення, щоб вийшов квадрат (Alt + Ctrl + I) (зніміть галочку Зберігати пропорції і введіть потрібні значення). У нашому прикладі 1000 на 1000 пікселів.

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

Спочатку налаштуємо Червоний (Red) канал:

• У палітрі Канали виберіть Червоний (Red) канал.
• Натисніть Q. щоб перейти в режим Швидкої маски (Quick Mask Mode).
• Виберіть інструмент Градієнт (G) і чорно-білим лінійним градієнтом проведіть знизу вгору по зображенню, щоб створити маску градієнта.
• Натисніть Q. щоб повернутися до звичайного режиму. Ми отримали виділення градієнта.
• Залийте (Alt + Backspace) середнім сірим (#dadada) кольором і зніміть виділення (Ctrl + D).

Тепер налаштуйте Зелений (Green) канал подібним чином:

• У палітрі Канали виберіть Зелений (Green) канал.
• Натисніть Q. щоб перейти в режим Швидкої маски (Quick Mask Mode).
• Виберіть інструмент Градієнт (G) і, на цей раз, проведіть чорно-білим лінійним градієнтом від низу до верху по зображенню зупинившись трохи вище, ніж в попередньому кроці, щоб вибрати вузьку частину близько горизонту.
• Натисніть Q. щоб перетворити маску в виділення.
• Залийте (Alt + Backspace) середнім сірим (#dadada) кольором і зніміть виділення (Ctrl + D).

Ось як повинна виглядати готова карта зміщення з прихованим Синім (Blue) каналом. Зауважте, що в зеленому каналі, яскраві області зміщують відображення вгору, що представляє кут нахилу по відношенню до Вас. Темні області створюють кут нахилу від Вас. Можливо це здається трохи заплутаним, тому що мозок інтерпретує зміна яскравості з точністю навпаки.

Збережіть карту зміщення (не забудьте, що Синій (Blue) канал повинен бути відключений) в форматі PSD з "Максимальної сумісністю" ( «Maximize Compatibility»).

Щоб Ваші PSD файли завжди зберігалися з «Максимальної сумісністю» ( «Maximize Compatibility»), виберіть команду Редагування> Установки> Обробка файлів (Edit> Preferences> File Handling) і в випадаючому меню максимізувати сумісність файлу PSD (Maximize PSD File Compatibility) виберіть Завжди (Always).

Примітка перекладача: запам'ятайте місце де Ви зберегли карту зміщення. Маючи вже готову карту Ви можете швидко створити ефект водної поверхні починаючи вже з другої частини даного уроку.

Частина друга: створення водної поверхні.

Ми створимо озеро в цій долині.

По-перше, ми повинні зробити «плоске» відображення, яке будемо спотворювати пізніше фільтром «Зсув». У цьому прикладі ми будемо розглядати пейзаж, як єдиний фоновий об'єкт.

• Виберіть інструмент Прямокутна область (М). визначте, де повинен бути горизонт і, починаючи від обраної лінії горизонту, створіть інструментом виділену область зображення, вище цієї лінії. Клацніть правою кнопкою мишки і виберіть команду Растушевка (Feather). Вкажіть значення 1 пікс. і натисніть ОК. Скопіюйте на новий шар (Ctrl + J). Це буде шаром відображення.
• Розширте полотно вниз (Alt + Ctrl + C) (в діалоговому вікні вкажіть значення висоти і обов'язково натисніть на середній верхній квадратик зі стрілкою, щоб полотно збільшувався тільки вниз), щоб звільнити місце для відображення.
• Виберіть інструмент Вільне трансформування (Ctrl + T). клацніть на зображенні правою кнопкою мишки і виберіть команду Відобразити по вертикалі (Flip Vertical). Потім перемістіть зображення, щоб поєднати його з верхньою частиною зображення. Натисніть ОК.

Біля горизонту, майже 100% світла відбивається від поверхні води. Під вищим кутом, компонент відображення стає менше і таким чином ми можемо бачити колір самої води. Колір води буде темно-синім або бірюзовим, якщо вода чиста. Звичайно, Ви можете зробити будь-який колір води.

• Створіть новий шар (Shift + Ctrl + N) під шаром відображення.
• Утримуючи Ctrl. клацніть на іконці шару з відображенням в палітрі Шари. щоб отримати виділену область. На створеному шарі залийте область позаду відображення бажаним кольором. (Ви можете змінити колір пізніше за допомогою команди Тон / Насиченість (Hue / Saturation)). Зніміть виділення (Ctrl + D).
• Додайте Маску шару до шару відображення (в нижній частині палітри Шари сірий квадратик з білим колом усередині). Виберіть інструмент Градієнт (G) і простягніть чорно-білий лінійний градієнт від низу до верху, трохи не доходячи до лінії горизонту, щоб показати нижню частину залитого кольором шару.

Тепер додамо трохи вітру. Перед застосуванням карти зміщення ми імітуємо ефект хвиль на відстані. Відстань розмиття залежить від розміру зображення і ефекту вітру, який Ви хочете отримати.

• Виберіть шар відображення і утримуючи клавішу Ctrl. клікніть на масці шару, щоб отримати виділення градієнтом.
• Заблокуйте прозорі пікселі, натиснувши на іконку у вигляді шахової дошки в палітрі Шари.
• Застосуйте до відбиття Фільтр> Розмиття> Розмиття в русі (Filter> Blur> Motion Blur). Кут (Angle) 90 °. Встановіть значення Зсуви (Distance) самі (залежить від Вашого зображення і бажаного ефекту) і натисніть кнопку ОК.
• Застосуйте ще раз розмиття (Ctrl + F).
• Розблокуйте прозорі пікселі і зніміть виділення (Ctrl + D).

• Утримуючи клавішу Ctrl. клікніть на іконці шару з відображенням, щоб отримати виділену область.
• Перейти в Фільтр> Спотворення> Зсув (Filter> Distort> Displace). Введіть величину зсуву. Значення масштабу по горизонталі повинна бути на 50% менше, ніж значення масштабу по вертикалі (приблизно 60 по горизонталі і 120 по вертикалі. Значення залежать від Вашого зображення). Також виберіть Розтягнути (Stretch To Fit) і Повторити граничні пікселі (Repeat Edge Pixels). Натисніть OK.
• У діалоговому вікні знайдіть збережену на Вашому комп'ютері карту зміщення і натисніть кнопку Відкрити (Open). щоб застосувати її.
• Зніміть виділення (Ctrl + D).

Тепер це дійсно схоже на воду. Зверніть увагу, що маска шару також спотворена, тому що вона пов'язана з шаром. Це змушує відображення змінюватися з кутом поверхні.

Довше ми зробимо декілька заключних коригувань.

• Активуйте маску шару, клікнувши на її іконці в палітрі Шари. потім виберіть команду Рівні (Ctrl + L) і змініть значення рівня білого до 240, щоб зробити поверхню трохи прозорою близько горизонту.

• Як уже згадувалося вище, за допомогою команди Тон / Насиченість (Hue / Saturation), Ви можете підкоригувати колірної тон, насиченість і яскравість шару з кольором води.
• Якщо лінія горизонту вийшла дуже чіткої, злегка размойте її інструментом Розмиття (R).
• І нарешті, ображати краю зображення, якщо повторні пікселі по краях дуже помітні.

Перекладач: Сміла Нестеров | Джерело: photoshopcontest.com