Birthday Sale! Up to 40% off unlimited courses & creative assets Birthday Sale! Save up to 40%!
Advertisement
  1. Design & Illustration
  2. Halloween
Design

Створюємо Таємничий Ліс в програмі PhotoshopFinal product image

by
Difficulty:IntermediateLength:LongLanguages:

Ukrainian (українська мова) translation by Irina Medvedeva (you can also view the original English article)

Final product image
What You'll Be Creating

У цьому уроці, ми створимо таємничу сцену з будинком в зачарованому лісі в програмі Photoshop. Ви також побачите, як створитивізуальні ефекти, щоб передати атмосферу Хеллоуїна. Тому, будьте готові додати атмосферу жаху і страху до незвичайного будиночка в лісі!

Вихідні матеріали

Наступні вихідні матеріали необхідно завантажити для виконання даного уроку. Вихідний матеріал можна безкоштовно скачати на сайті www.pixabay.com, однак для скачування потрібна реєстрація.

1. Готуємо Будинок

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

Крок 1

Відкрийте стічне зображення 'Покинутий будиночок "в програмі Photoshop. Створіть виділення навколо зображення будинку, при цьому, не виділяючи будови на самому дальньому плані ліворуч і праворуч.

Select the spooky house

Крок 2

Скопіюйте виділене зображення на новий шар, для цього йдемо Шар - Новий - Скопіювати на новий шар (Layer> New> Layer Via Copy (Ctrl + J)), а потім, видаліть оригінальний шар з заднім фоном.  Завдяки смарт-об'єкта ми не втратили зайвих пікселів. 

Copy house to new layer and delete background

Крок 3

Створіть активне виділення навколо зображення вхідних дверей, а потім скопіюйте виділене зображення на новий шар. Далі, йдемо Редагування - Трансформувати - Відобразити по горизонталі (Edit> Transform> Flip Horizontally), ми поміняємо положення дверей, щоб закрити перше вікно з лівого боку будинку.

Duplicate the door and add to left side of the house

Крок 4

Яскравий блиск інших вікон не підходить до нашої сцені з темним лісом. Тимчасово сховайте видимість шару з дверима, а потім виділіть верхню частину першого вікна (то вікно, яке без яскравого блиску на склі).  Скопіюйте виділену частину на новий шар, розташувавши дублікат верхній частині вікна поверх верхній частині другого вікна.  Використовуйте трансформацію Редагування - Трансформація - Спотворення (Edit> Transform> Distort), щоб верхня частина підійшла до вікна після переміщення.  Двічі продублюйте шар з верхньою частиною вікна, щоб розташувати дублікати поверх інших вікон.

Hiding the bright highlights on the window glass

крок 5

Ми завершили базову підготовку будинку.   Тепер ми можемо додати зображення будинку до зачарованого лісу.  Увімкніть видимість шару з дверима, збережіть документ у себе на комп'ютері у форматі psd. 

Spooky House ready to go

2. Додайте Будинок до зображення Ліси

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

Крок 1

Відкрийте стічне зображення з таємничим лісом. Далі, додайте зображення будиночка в якості смарт-об'єкта, для цього йдемо Файл - Помістити - Помістити вбудовані (File> Place> Place Embedded) і у вікні виберіть документ Дом.psd. Застосуйте масштабування до будиночка, а також розташуйте будиночок таким чином, щоб лісова стежка вела прямо до вхідних дверей.

Place the house into the forest setting

Крок 2

Продублюйте шар з зображенням лісу, йдемо Шар - Дублювати шар (Layer> Duplicate Layer).  Розмістіть дублікат шару з лісом поверх шару з будиночком так, щоб повністю приховати зображення будиночка. 

Duplicate the background layer over the house

крок 3

Щоб створити напівпрозорі ділянки з туманом, необхідно виділити світлі ділянки. Для цього йдемо в закладку Канали (Channels). Утримуючи клавішу Ctrl + клацніть по каналу RGB, щоб завантажити світлі ділянки, як активного виділення.  Далі, повертаємося в закладку Шари (Layers) і, утримуючи клавішу (Alt) + натискаємо на значок «Додати шар-маску». Дана дія перетворює активне виділення в шар-маску, а також інвертує виділення!

Use a luminosity selection to mask out the foreground trees

Крок 4

Дерева на передньому плані повинні бути повністю непрозорими, а в даний момент, вони напівпрозорі.  Переконайтеся, щоб була активна шар-маска, далі, йдемо Зображення - Корекція - Рівні (Image> Adjustments> Levels (Ctrl + L)). Потягніть правий бігунок до центру, щоб посилити контраст, поки будиночок НЕ буде частково закритий стовбурами дерев.

Use Levels to adjust the mask

Крок 5

Деякі стовбури дерев, які повинні стояти за будинком, смутно видніються перед ним.   Щоб це виправити, необхідна корекція на шар-масці з допомогою м'якої кисті. .При корекції використовуйте м'яку кисть, колір кисті чорний, непрозорість (Opacity) кисті 10%. Кількома проходами пензлем акуратно сховайте стовбури дерев перед будинком, щоб вони здавалися, як ніби стоять за домом.

Touch up mask to remove visible backgorund trees

Крок 6

Щоб підсилити ефект, продублюйте дублікат шару з лісом.  Поміняйте режим накладення для дубліката шару на Множення (Multiply), а також зменшите непрозорість (Opacity) шару до 66%.  Далі, за допомогою великої м'якої кисті колір кисті чорний, обробіть область біля будинку на шар-масці, щоб стежка стала трохи більш видимою.

Duplicate the forest layer to enhance the effect

Крок 7

Щоб створити ефект атмосфери, додайте коригувальний шар Фото Фільтр (Photo Filter), встановіть фільтр Deep Blue, а значення Густині (Density) 33%. 

Add a Photo Filter

 Крок 8

Продублюйте шар, що коректує Фото Фільтр (Photo Filter). Поміняйте режим накладення для дубліката шару на М'яке світло (Soft Light), а також зменшите непрозорість шару до 36%.  Далі, застосуєте радіальний градієнт (Radial Gradient) на шар-масці дубліката коригуючого шару. Колір градієнта від чорного до прозорого. За допомогою радіального градієнта сховайте ефект на передньому плані.

Second Photo Filter

Крок 9

Будинок трохи вибивається з колірної гами решті сцени лісу.  Тому, до шару з будиночком, додайте коригувальний шар Тон / Насиченість (Hue / Saturation) в якості відсічній маски.  Значення Колірного тони (Hue) залиште на 0, а значення насиченості (Saturation) зменшіть до -27, а значення Яскравості (Lightness) до -21.adjust house color with huesat

adjust house color with huesat

Крок 10

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

Adding curves to increase contrast

3. Додайте Ефекти

Туман затемнює візуальні об'єкти, що робить навколишнє атмосферу зловісної. Основна ідея в тому, що існує деякі елементи в лісі, які ми не можемо побачити. Ми завжди допускаємо, що вони можуть побачити нас, незважаючи навіть на туман.  Може у вампірів є "особливе зір" бачити крізь туман?

Крок 1

Створіть новий шар поверх коригуючих шарів, які ми додали до шару з будиночком.  Назвіть цей шар 'Туман Градієнт'. Встановіть Лінійний градієнт (Linear Gradient), колір градієнта від кольору переднього плану до прозорого.    Встановіть колір переднього плану на # 756860, а потім потягніть градієнт від нижньої кромки сцени.  Оскільки даний шар розташований нижче шарів з деревами на передньому плані, градієнт не буде видно вздовж лісової стежки, але в основному буде видно біля основи будинку.

Adding fog to the base of the house

Крок 2

Туман занадто гладкий і ідеальний, нам потрібно створити більш реалістичного. Йдемо Фільтр - Шум - Додати шум (Filter> Noise> Add Noise).   Встановіть Кількість шуму (Amount) 10%.

Add noise to the fog

Крок 3

Перейдіть на шар із зображенням будинку. Створіть активне виділення навколо зображення у верхньому вікні редагування. Далі, йдемо Шар - Новий - Скопіювати на новий шар (Layer> New> Layer Via Copy (Ctrl + J)), щоб скопіювати виділене зображення вікна на новий шар.   Перемістіть шар з вікном наверх, розташувавши поверх шару 'Туман. Градієнт '.

Create a layer from the top window

Крок 4

До шару з виділеної частиною вікна додайте коригувальний шар Тон / Насиченість (Hue / Saturation) в якості відсічній маски, щоб додати дивне жовте свічення. Поставте галочку у віконці Тонування (Colorize), а також встановіть значення Колірного тони (Hue) 55, насиченості (Saturation) 100, Яскравості (Lightness) -21

Крок 5

До жовтому вікна необхідно додати таємниче світіння.  Створіть новий шар поверх шару з виділеної частиною вікна, назвіть цей шар 'Світіння вікна'.  Створіть зразкову виділення навколо зображення віконної рами, а потім залийте активну область яскраво-жовтим відтінком # ebe47a.  Скасувати виділення (Select> Deselect (Ctrl + D)), далі, поміняйте режим накладення для даного шару на Освітлення (Screen). Перейдіть до фільтра> Розмиття> розмиття гаусів і використовуйте радіус 20 пікселів.

Add a glow to the yellow window

Крок 6

Світло з вікна буде падати на видимий ділянку перед будинком.  Створіть новий шар, назвіть цей шар 'Світіння з вікна'. Далі, за допомогою інструменту Прямолінійне ласо (Polygonal Lasso Tool (L)), створіть активне виділення, за формою нагадує промінь світла, що падає з вікна.   Виберіть інструмент Радіальний градієнт (Radial Gradient), колір градієнта, від того ж жовтого відтінку # ebe47a до прозорого. Почніть зверху, потягнувши градієнт від вікна вниз до нижньої частини виділеної області променя світла.

Adding the light beam

Крок 7

Поміняйте режим накладення для даного шару на М'яке світло (Soft Light), а також зменшите непрозорість шару (Opacity) до 60%.  Далі, йдемо Фільтр - Розумієте - Розумієте по Гауса (Filter> Blur> Gaussian Blur), застосуєте радіус розмиття 5px.

Soften the area glow

Крок 8

Падаючий промінь світла повинен бути більш виразним на тлі зовнішнього вигляду будинку. Утримуючи клавішу (Ctrl) + клацніть по шару 'Світіння з вікна ", щоб завантажити активне виділення, а потім додайте коригувальний шар Яскравість / Контрастність (Brightness / Contrast).  Активне виділення автоматично відіб'ється на шар-масці даного коригувального шару.  Встановіть значення Яскравості (Brightness) 33, а значення контрастності (Contrast) -50.

adding brightnesscontrast to the window area glow

Крок 9

При ламанні світла, туман повинен бути представлений особливою текстурою. Тому, давайте самі створимо текстуру для туману!  Спочатку створіть новий шар, назвіть цей шар 'Текстура туману'.  Далі, натисніть клавішу (D), щоб виставити кольору за замовчуванням, на чорно-білий колір.  Далі, йдемо Фільтр - Рендеринг - Хмари (Filter> Render> Clouds), щоб залити шар текстурою хмар.

Cloud texture

Далі, йдемо Фільтр - Галерея фільтрів (Filter> Filter Gallery) і вибираємо фільтр Хром (Chrome) з папки Ескіз (Sketch). Встановіть значення Деталізації (Detail) на 0, значення Пом'якшення (Smoothness) на 10.

Chrome filter settings

Потім завершіть текстуру за допомогою фільтра Filter> Blur> Gaussian Blur, використовуючи радіус 10 пікселів.

Gaussian blur to soften the fog texture

Крок 10

 Створіть прямокутне виділення поверх текстури туману, а потім скопіюйте виділення на новий шар. Для цього йдемо Шар - Новий - скопіювати на новий шар (Layer> New> Layer Via Copy).  Приховати початковий шар текстури та перетворити шар AreaGlowTexture, щоб він приблизно підходив до зони віконця. . Додамо яскравості до текстури, для цього йдемо Зображення - Корекція - Рівні (Image> Adjustments> Levels (Ctrl + L)), змістите правий бігунок вліво, як показано на скріншоті нижче.

Add an area glow texture

Крок 11

Поміняйте режим накладення для шару 'Текстура світіння з вікна' на Перекриття (Overlay), а також зменшите Непрозорість (Opacity) шару до 80%. Далі, утримуючи клавішу (Ctrl) + клацніть по шару 'Світіння з вікна', щоб створити активне виділення і додати шар-маску.

Fog texture in the area glow

На даний момент, результат повинен бути, як на скріншоті нижче.  Навколишнє атмосфера починає ставати по-справжньому моторошної! А далі буде ще страшніше!

Progress so far I wouldnt want to find this place at night

4. Додайте Світлові ефекти

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

Крок 1

Створіть новий шар, назвіть цей шар 'Затемнення туману'. Поміняйте режим накладення для даного шару на Жорсткий світло (Hard Light), а також зменшите Непрозорість (Opacity) шару до 62%.  Утримуючи клавішу (Ctrl) + клацніть по шару з будинком, щоб завантажити активне виділення, далі, йдемо Виділення - Інверсія (Select> Inverse), щоб виділити область за межами контуру будинку.  Виберіть велику м'яку кисть з непрозорістю, приблизно, 15%. Утримуючи клавішу (Alt) + відберіть зразок темного відтінку кольору з туману. Далі, акуратно фарбуйте навколо даху будинку, затемнюючи ці ділянки.

Darken the fog just behind the house

Крок 2

Скасуйте активне виділення, для цього йдемо Виділення - Скасувати виділення (Select> Deselect (Ctrl + D). Створіть новий шар нижче шару 'Світіння з вікна', назвіть цей шар 'Тінь будинку'. Поміняйте режим накладення для даного шару на Множення (Multiply ), а також встановіть колір переднього плану за замовчуванням на чорний колір. За допомогою все тієї ж самої м'якої кисті, намалюйте тіні на будинку.  Зосередьтеся на створенні тіней під навісом даху, а також всередині отвору вхідних дверей.  Якщо тіні здадуться занадто насиченими, то зменшите непрозорість шару.

Painting in Shadows

Крок 3

Створіть новий шар поверх шару 'Тінь будинку', назвіть цей шар 'Жовте світіння'. Поміняйте режим накладення для даного шару на Освітлення основи (Color Dodge).   Далі, йдемо в закладку Вентиляційні канали (Channel). Щоб виділити світлі ділянки на зображенні, утримуючи клавішу (Ctrl) + клацніть по мініатюрі RGB каналу.  Поверніться в закладку Шари (Layers) і, утримуючи клавішу (Alt) + додайте шар-маску.Add a yellow glow

Add a yellow glow

Крок 4

Переконайтеся, щоб шар 'Жовте світіння' був активним, а не шар-маска (Примітка перекладача: просто клацніть по мініатюрі шару 'Жовте світіння').   За допомогою м'якої кисті намалюйте відблиски жовтого світла (колір кисті # bbb84e) вздовж лісової стежки і по внутрішніх краях дерев.   Маска зі світінням дозволить фарбувати тільки виділені ділянки, що значно спрощує даний крок! Примітка перекладача: шар-маска зі світлими ділянками, яку ми створили в попередньому кроці, виділить всі світлі ділянки, що спрощує фарбування

Painting in light spills

5. Таємнича Фігура в Темряві

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

Крок 1

Створіть новий шар поверх шару 'Жовте світіння', назвіть цей шар 'Силует'. Утримуючи клавішу (Alt) + відберіть зразок темно-сірого кольору зі стовбура одного з дерев. За допомогою м'якої кисті, намалюйте розмиту фігуру людини на дальньому плані з правого боку поруч з деревом.

Sketch in the shape of a person

Крок 2

Давайте, перетворимо тінь на вампіра  Йдемо Редагування - Помістити (Edit> Place) і у вікні виберіть стічне зображення черепа.  Поміняйте режим накладення для шару з черепом на Освітлення основи (Color Dodge), а також зменшите Непрозорість (Opacity) шару до 20%.   Зменшіть масштаб черепа, розташувавши череп в області голови нашої містичної фігури. Далі, йдемо Фільтр - Розумієте - Розумієте по Гауса (Filter> Blur> Gaussian Blur), радіус розмиття 1.0 px.

Add a haunting skull image to the shadowy figure

Крок 3

Відкрийте стічне зображення з котом, назва зображення cat-174526.jpg. (Ця назва файлу, тому що у мене великі сумніви, що так звуть кота).  За допомогою інструменту Швидке виділення (Quick Selection Tool), виділіть очі кота. Далі, йдемо Редагування - Скопіювати (Edit> Copy (Ctrl + C).

select the cats eyes

Крок 4

Повертаємося на наш робочий документ і далі, йдемо Редагування - вклеїти (Edit> Paste (Ctrl + V), щоб вклеїти очі кота на новий шар.  Поміняйте режим накладення для шару з очима кота на Освітлення (Screen), таким чином, буде видно тільки яскраво жовто-зелені очі.   Зменшіть масштаб зображення очей до потрібного розміру, а потім сховайте їх у темному лісі.  Додайте невеликий штрих, для цього йдемо Фільтр - Розумієте - Розумієте по Гауса (Filter> Blur> Gaussian Blur), радіус розмиття 1.0 рx. радіус розмиття допоможе поєднати очі з навколишньою атмосферою.

Add the glowing eyes to the shadows in the woods

Крок 5

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

Glowing eyes all around

Крок 6

Далі, ми додамо текстуру туману на лісову стежку, шляхом дублювання шару 'Текстура туману'.  За допомогою Перспективи, трансформуйте текстуру так, щоб вона підходила під перспективу лісової стежки, йдемо Редагування - Трансформація - Перспектива (Edit> Transform> Perspective tool).  Поміняйте режим накладення для дубліката шару з текстурою туману на Перекриття (Overlay), а також зменшите Непрозорість (Opacity) шару до 29%.  Якщо видно жорсткі краю, то за допомогою інструменту Ластик (Eraser (E)), в настройках вкажіть м'яку кисть, сховайте жорсткі краю.

Undulating fog on the walkway

Крок 7

Увімкніть видимість оригінального шару 'Текстура туману'. Поміняйте режим накладення для даного шару з текстурою туману на Перекриття (Overlay), а також зменшите Непрозорість (Opacity) шару до 27%.   До шару з текстурою туману додайте шар-маску. Виберіть інструмент Градієнт (Gradient), типу градієнта Лінійний (Linear), колір градієнта від чорного до білого. 

Final Fog texture

6. Завершальні Ефекти

Щоб завершити картину, давайте застосуємо техніку, яка створить відчуття, ніби навіть дерева намагаються дотягнутися до нас!

Крок 1

Утримуючи клавішу (Alt) + йдемо Об'єднати видимі (Layer> Merge Visible), щоб створити об'єднаний шар поверх всіх шарів. Далі, йдемо Фільтр - Camera Raw (Filter> Camera Raw) В налаштуваннях фільтра встановіть значення Прозорості (Clarity) на 100, а значення Вібрації (Vibrance) на 5.

Camera Raw settings

Camera Raw settings

Almost finished spooky house

Крок 2

Створіть новий шар поверх об'єднаного шару, назвіть цей шар 'Затемнення'. Йдемо Редагування - Виконати заливку (Edit> Fill) і у вікні, виберіть опцію 50% сірим (50% Gray), а потім натисніть OK.  Поміняйте режим накладення для даного шару на Перекриття (Overlay) таким чином, сіра заливка стане повністю невидимою.   Далі, за допомогою м'якої кисті, колір кисті чорний, акуратно затемніть основні темні ділянки.

Darken the Shadows with a Burn layer

На скріншоті нижче, ви можете побачити ділянки, які я затемнив.

Burn areas clearly visible

Крок 3

Створіть новий шар поверх шару 'Затемнення', назвіть цей шар 'Освітлення'. Йдемо Редагування - Виконати заливку (Edit> Fill) і у вікні виберіть опцію 50% сірим (50% Gray), а потім натисніть OK.   Поміняйте режим накладення для даного шару на Перекриття (Overlay).  На цей раз, ми використовуємо кисть білого кольору, щоб акцентувати світлові відблиски світиться вікна, а також відображення світла уздовж стежки.

Dodge the highlights

Dodge the highlights На скріншоті нижче, ви можете побачити ділянки, де я додав світлові відблиски.

Clear view of the highlight areas

Крок 4

Утримуючи клавішу (Alt) + йдемо Шар - Об'єднати видимі (Layer> Merge Visible), щоб створити ще один об'єднаний шар.

Another merged layer

Крок 5

Далі, йдемо Фільтр - Camera Raw (Filter> Camera Raw). В налаштуваннях фільтра встановіть значення контрастності (Contrast) на +42, а значення Прозорості (Clarity) на +39.

Camera Raw Basic settings

В панелі налаштувань перейдіть на закладку Корекція лінз (Lens Corrections), встановіть значення дисторсії (Distortion) на -25, а значення По вертикалі (Vertical) на +10.  Дана дія створить ніжний ефект дисторсії, при якому буде здаватися, що дерева ніби згинаються всередину, що додає до сцени обескураживающий вид.

Lens Corrections Settings

Далі, в панелі налаштувань перейдіть на закладку Ефекти (Effects), встановіть Зернистість (Grain Amount) на 30, розмір (Size) 25, а також встановіть значення Шорсткості (Roughness) на 50.  Це додає ефект зернистості плівки, що є ще одним тонким нахилом у бік загальної крихкості сцени.

Add film grain effect

Крок 6

В якості заключного штриха, ми додамо ефект розмитою віньєтки, щоб знизити різкість зображення на краях і сфокусуватися на центрі композиції.   Для цього йдемо Фільтр - Галерея фільтрів - Розумієте діафрагми (Filter> Blur Gallery> Iris Blur).  Встановіть ступінь Розмиття (Blur) 15 px, а також розтягніть еліпс розмиття до кордонів документа.

Final Lens Blur

Висновок

Отже, ми створили нашу сцену з Таємничим лісом.

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

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

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.