Створюємо вогненний ефект на фото, уроки

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

Версія «Cold» (з холодним відтінком).

Створюємо вогненний ефект на фото, уроки

Версія «Warm» (в теплих тонах).

Створюємо вогненний ефект на фото, уроки

Створюємо новий документ (Ctrl + N або File-New) в фотошоп розміром 1280х700 рх з чорним фоном. Створюємо новий шар (Ctrl + Shift + N) і м'якою Пензлем (Brush) білого кольору малюємо два великих кола по центру полотна і внизу. Нижній коло сплющуємо по горизонталі за допомогою Вільного Трансформування (Edit-Free Transform або Ctrl + T). утворюючи овал.

Порада: ви можете дублювати шар з центральним колом (Ctrl + J). а потім змінити форму дубліката, використовуючи трансформування (Ctrl + T).

Знижуємо непрозорість (opacity) шарів з фігурами до 20%.

Створюємо вогненний ефект на фото, уроки

Завантажуємо в фотошоп кисті тріщин з матеріалів уроку. Можна це зробити через меню Редагування-Управління наборами-Кисті (Edit-Preset Manager-Brushes). Створюємо новий шар (Ctrl + Shift + N) і вибираємо будь-яку кисть з набору тріщин. Застосовуємо її поверх овалу (статі). Можете коригувати форму кисті, використовуючи Спотворення (Edit-Transform-Distort) або Деформацію (Edit-Transform-warp). щоб вас задовольнив отриманий результат.

Створюємо вогненний ефект на фото, уроки

Я вирішив додати трохи вогненних іскор на поверхню землі. Для цього нам знадобиться зображення вогню 1 з ресурсів уроку. Відкриваємо його в фотошоп (Ctrl + O). Вибираємо інструмент Швидке виділення (Quick Selection tool) і виділяємо нижню частину полум'я, як показано нижче.

Створюємо вогненний ефект на фото, уроки

Виділивши потрібну ділянку вогню, копіюємо (Ctrl + C). потім переходимо в нашу ілюстрацію і вставляємо (Ctrl + V) його вище всіх шарів. Розміщуємо вогонь на поверхні землі. Спотворює трохи форму вогню, використовуючи Вільне трансформування (Ctrl + T).

Створюємо вогненний ефект на фото, уроки

Тепер, зробимо ефект іскор на поверхні, використовуючи корекцію Рівні (Image-Adjustment-Levels) на шарі з вогнем. Виконуємо настройки зі скріншота нижче.

Створюємо вогненний ефект на фото, уроки

Знижуємо непрозорість (Opacity) цього шару до 80-90%. Використовуємо Ластик (Eraser) з пензлем тріщин для видалення частини вогненної текстури.

Створюємо вогненний ефект на фото, уроки

Ось такі догоряють вогні повинні вийти у вас:

Створюємо вогненний ефект на фото, уроки

Відкриваємо зображення дівчини і витягаємо її з фону будь-яким зручним для вас способом (наприклад, Пером (Pen Tool) або Лассо (Lasso Tool)). Виділивши модель, копіюємо її (Ctrl + C). потім вставляємо в нашу роботу (Ctrl + V). Розміщуємо дівчину по центру композиції так, щоб вона стояла на поверхні з іскрами.

Створюємо вогненний ефект на фото, уроки

Знову вибираємо кисть (Brush) з тріщинами темного кольору і застосовуємо її до гомілки дівчата, імітуючи тріщини на ній.

Створюємо вогненний ефект на фото, уроки

До шару з дівчиною застосуємо три коригувальних шару (Adjustments Layers) з активною відсічній маскою ((Clipping Mask) іконка відсічній маски знаходиться внизу кожного діалогового вікна корекції і виглядає як два кільця).

Спочатку додаємо коригувальний шар «Чорне і біле» (Layer-New Adjustment Layer-Black and Wight або клік по іконці). виконуємо налаштування зі скріншота:

Створюємо вогненний ефект на фото, уроки

Активуємо маску шару, що коректує «Чорне і біле», натиснувши на неї, і вибравши м'яку Кисть (Brush) чорного кольору видаляємо частина корекції з зображення, як показано нижче. Щоб побачити саму маску, натискаємо на неї, утримуючи Alt. Повернутися в звичайний режим роботи дозволяє клік по іконці даного шару.

Створюємо вогненний ефект на фото, уроки

Далі, створюємо коригувальний шар Рівні (Layer-New Adjustment Layer-Levels) з активною відсічній маскою. Виконуємо настройки опції:

Створюємо вогненний ефект на фото, уроки

Знову видаляємо на масці частина корекції чорної м'якої Пензлем (Brush). активуючи її.

Створюємо вогненний ефект на фото, уроки

І, останній шар, що коректує «Криві» (Layer0New Adjustment Layer-Curves) з такими настройками:

Створюємо вогненний ефект на фото, уроки

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

Створюємо вогненний ефект на фото, уроки

Далі, створюємо новий шар (Ctrl + Shift + N) нижче шару з дівчиною і вибираємо м'яку круглу кисть (Brush) білого кольору. Проводимо пензлем позаду руки з капелюхом імітуючи там світло.

Потім, створюємо тінь під ногами моделі пензлем (Brush) чорного кольору. Вибираємо кисть тріщин білого кольору і додаємо їх навколо гомілок дівчата.

Створюємо вогненний ефект на фото, уроки

Ось, що повинне вийти у вас на цьому етапі

Створюємо вогненний ефект на фото, уроки

Додаємо містики в ілюстрацію, створюючи вогонь навколо самої героїні. Вибираємо зображення вогню 1 і інструментом Ласо (Lasso Tool) з розтушовуванням (Feather) 30% (у верхньому меню) виділяємо центральну область полум'я.

Створюємо вогненний ефект на фото, уроки

Копіюємо (Ctrl + C). потім вставляємо (Ctrl + V) вогонь в нашу роботу нижче шару з моделлю і спотворює його форму за допомогою Вільного трансформування (Edit-Free Transform або Ctrl + T). Розміщуємо вогонь праворуч від моделі.

Створюємо вогненний ефект на фото, уроки

Я застосував Деформацію до вогню (Edit-Transform-Warp). щоб створити з нього форму крила.

Створюємо вогненний ефект на фото, уроки

При бажанні, ви можете скористатися фільтром Пластика (Filter-Liquify). щоб витягнути краю полум'я і імітувати рух вогню.

Створюємо вогненний ефект на фото, уроки

Додаємо коригувальні шари до шару з вогнем з активною відсічній маскою (іконка двох кілець внизу вікна корекцій).

Криві (Layer-New Adjustment Layer-Curves).

Створюємо вогненний ефект на фото, уроки

Колірний баланс (Layer-New Adjustment Layer-Color Balance).

Створюємо вогненний ефект на фото, уроки

Ось такий ефект ми маємо зараз:

Створюємо вогненний ефект на фото, уроки

Виділяємо шар з вогнем і його коригувальні шари (Ctrl + клік по мініатюрах цих шарів) і об'єднуємо їх в одну групу (Ctrl + G). Дублюємо групу (клік пр.кн.миші по мініатюрі групи і вибираємо з меню - Duplicate Group). відображаємо її по горизонталі (Edit-Transform-Flip Horizontal). зменшуємо розмір (Ctrl + T) і розміщуємо зліва від дівчини.

Створюємо вогненний ефект на фото, уроки

Тепер ми можемо додати трохи полум'я навколо правої руки з капелюхом. Відкриваємо друге зображення вогню з матеріалів уроку, копіюємо (Ctrl + A, Сtrl + C). потім вставляємо (Ctrl + V) полум'я в ілюстрацію поверх капелюхи і руки дівчини. Зменшуємо розмір вогню (Ctrl + T) і встановлюємо режим змішування (Blend Mode) на Яскравий (Lighten). щоб позбутися від чорного фону навколо полум'я.

Створюємо вогненний ефект на фото, уроки

Використовуємо коригувальні інструменти (наприклад, Штамп (Clone Stamp Tool)) і колірну корекцію (Color Balance) для полум'я на капелюсі, щоб цю ділянку зливався з іншим вогнем.

Створюємо вогненний ефект на фото, уроки

Доповнення: ви можете дублювати шар з вогнем (Ctrl + J). зменшити розмір дубліката (Ctrl + T). застосувати до нього фільтр Пластика (Filter-Liquify). щоб створити закруглені частки вогню і розподілити їх навколо дівчини.

Створюємо вогненний ефект на фото, уроки

Для посилення ефекту полум'я на капелюсі ви можете створити новий шар (Ctrl + Shift + N) поверх шару з оригіналом вогню і м'якою Пензлем (Brush) білого кольору одним кліком поставити світлову пляму на ній.

Створюємо вогненний ефект на фото, уроки

Відкриваємо зображення ворона в Фотошоп і витягаємо птицю з фону будь-яким доступним способом. Копіюємо (Ctrl + A, Ctrl + C) і вставляємо (Ctrl + V) ворона в ілюстрацію. Зменшуємо його розмір трансформацією (Ctrl + T) і розміщуємо поверх правої руки моделі.

Створюємо вогненний ефект на фото, уроки

Щоб створити імітацію польоту птаха, ви можете додати будь-яку з кистей хмар в ресурсах уроку. На новому шарі (Ctrl + Shift + N) нижче шару з вороном малюємо біла хмара, потім спотворює його форму за допомогою Деформації (Edit-Transform-Warp). щоб зробити витягнутий слід.

Створюємо вогненний ефект на фото, уроки

Знижуємо непрозорість (opacity) шару з хмарами до 60% і ми отримуємо наступний ефект:

Створюємо вогненний ефект на фото, уроки

Ось як виглядає композиція на даному етапі роботи:

Створюємо вогненний ефект на фото, уроки

Створюємо вогненний ефект на фото, уроки

І останнім штрихом є додавання пір'я в композицію. Скачайте кисті пір'я з ресурсів уроку і виберіть будь-які за своїм бажанням. Розподіліть пір'я навколо моделі, не забуваючи регулювати їх непрозорість (opacity) і розмір (Ctrl + T) для імітації перспективи і обсягу композиції.

Створюємо вогненний ефект на фото, уроки

Для корекції освітлення і кольору я використовував коригувальні шари «Баланс кольору» (Layer-New Adjustment Layer-Color Balance) і «Криві» (Curves). Я зробив дві версії фінального результату: в холодних і теплих тонах.

Створюємо вогненний ефект на фото, уроки

Створюємо вогненний ефект на фото, уроки

Сподіваюся, вам припав до смаку наш урок, і ви навчилися створювати свій вогненно-містичний ефект. Творчих успіхів і до зустрічі!

Використовувані матеріали: