Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation
Design

Як створити лісову маніпуляцію селфі в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

Отже, в даній статті я покажу вам, як створити чарівний портрет селфі, використовуючи стокові фото і 3D-ресурси в Adobe Photoshop.

Отримайте натхнення! Знайдіть більше стокових зображень для вашого фото-мистецтва на Envato Market.

Матеріали для уроку

В процесі написання даної статті були використані наступні ресурси:

Як створити маніпуляцію селфі

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

І якщо ви хочете створювати класні і креативні селфі, вам просто необхідно зробити те саме! Ви можете побачити більше моїх портретів селфі в Instagram.

Лісова тематика

Для цього портрету, я хотіла помістити себе в щось більш казкове - круту лісову маніпуляцію з легкими штрихами фентезі і чарівності. Для цього, я нещодавно купила світлодіодний світильник від Home Depot ($20) і негайно почала експериментувати з новими фотографіями.

Давайте поглянемо на "до" і "після": на маніпуляцію і ті ресурси, які ми використовуватимемо:

Before and after photo manipulation

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

Щоб зекономити час для цієї розгорнутої маніпуляції, я надам вам відредаговану версію свого селфі: з ретушшю (розділення частот) і видаленим фоном.

Але якщо ви хочете отримати натхнення від перспективи знімків фото, не вагайтесь і перегляньте мою попередню статтю:

Давайте почнемо!

1. Як встановити композицію.

Крок 1

Почніть зі створення нового документу в Photoshop, розміром 1500 х 2217 пікселів з роздільною здатністю 72 dpi.

Якщо ви плануєте друкувати ваш портрет, сміливо підвищуйте роздільну здатність.

Скопіюйте та вставте (Copy і PasteForest Stock (розмір зображення 1920 х 1848 пікселів) на новий шар (New Layer) над білим фоном, зробивши його набагато більшого розміру за допомогою інструменту Free Transform (Control-T).

Це буде наш новий фон. Отже, йдемо далі і видаляємо (Delete) білий шар нижче.

Розташуйте зображення так, щоб було видно ліву сторону. Це зробить цікаву перспективу, коли ми розміщуватимемо портрет і інші елементи.

Add the Background photo

Крок 2

Тепер відкрийте зображення Self-Portrait Stock. Двічі клікніть на фоні, щоб перевести його в нормальний режим.

Paste the self portrait
  1. Використовуйте інструмент Magic Wand (W), щоб вибрати білий фон, і потім натисніть на клавіатурі Delete, щоб видалити його. Якщо виділений фрагмент присутній на картинці, просто видаліть непотрібні ділянки за допомогою Lasso Tool (L).
  2. Утримуйте Control-A, щоб виділити все зображення, далі скопіюйте і вставте (Copy and Paste) його на новий шар над лісом. Розмістіть картинку по центру композиції.

Коли я робила ці знімки, я не мала жодного поняття, як я буду їх використовувати. Тому ви напевно помітили, що моє фото обрізане з лівої сторони, оскільки я притулилась до стіни.

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

Крок 3

Щоб приховати відсутні ділянки, ми скористаємось звичайними листками. Відкрийте в Photoshop Leaves Stock. Зробіть ті ж кроки, які ми пройшли вище.

Add the leaves stock
  1. Позбудьтесь темного фону, виділивши і видаливши його, скориставшись інструментом Magic Wand Tool (W).
  2. Потім скопіюйте та вставте (Copy і Paste) Leaves Stock на новий шар вище портрету.
  3. Значно зменшіть його в розмірі, як показано вище, використовуючи Transform Tool (Control-T).

Крок 4

Для більшого балансу давайте зробимо більше копій шару з листям.

Двічі продублюйте (Duplicate (Control-J)) шар з листям, а потім вам потрібно віддзеркалити обидві копії. Для цього виберіть кожний шар і перейдіть в Edit > Transform > Flip Horizontal (віддзеркалення за горизонталлю).

Flip the leaves layer

Тепер заповніть листям обидві сторони портрету.

Add the leaves
  1. Розмістіть шар першої копії над оригінальним шаром листків. Далі розмістіть початковий шар з листям під першою копією листя, щоб заповнити пусті ділянки.
  2. Виберіть другу копію листя і розмістіть шар під шаром портрету. Значно зменшіть його розмір (чим збільшиться глибина поля) за допомогою Free Transform Tool (Control-T).

Тепер, коли ми розмістили все листя, ми можемо перейти до додавання метеликів.

2. Як використовувати 3D-ресурси від Envato Elements.

Ключовий момент цієї маніпуляції - метелик Данаида монарх. Я буду використовувати неймовірні 3D-ресурси від Envato Elements, які і допоможуть мені досягти потрібного ефекту.

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

Крок 1

Почнемо з розміщення кожного метелика. Ось три стокові ресурси, з якими я працюватиму:

Тепер перегляньте 3D-рендер для кожного з них. Як тільки він завантажиться, розмістіть метелика під необхідним вам кутом. Повертайте його вгору, вниз або в різні сторони, щоб переглянути різні ракурси.

Потім завантажте цей кут.

Butterfly GIF

Ось всі п'ять ракурсів, які я буду завантажувати, для даного набору метеликів.

Ви отримаєте кожного метелика в форматі PNG (разом з тінями) на прозорому фоні. Ви можете легко розмістити їх в вашій маніпуляції.

Butterfly angles

Крок 2

Давайте додамо метеликів!

Скопіюйте і вставте (Copy and Paste) всіх метеликів в їх ракурсах на нові шари вище всіх інших. Змініть розмір кожного метелика за допомогою Transform Tool (Control-T).

Add first butterfly

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

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

Add more butterflies

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

Коли ви закінчите, об'єднайте шари з метеликами в один шар (Merge).

Крок 3

Установки для нашої маніпуляції майже завершені!

Наш останній крок, перш ніж ми додамо розмиття, змінимо освітлення і колір композиції, - додавання волосся. Для цього портрету я вже "причесала" деякі недоліки і навіть видалила мою праву руку для кращого результату композиції.

Тепер я буду використовувати Polygonal Lasso Tool (L), щоб зробити виділення локонів справа. Утримуйте Control-J, щоб вставити копію на новий шар та змініть розмір волосся за допомогою Free Transform Tool (Control-T).

Add more hair

Зробіть те ж саме з лівої сторони, щоб перекрити моє плече.

Далі об'єднайте шари волосся з шаром портрету (Merge). Для цього ефекту вам потрібно буде перемістити шари листя над шарами волосся.

Тепер у нас розкішний об'єм!

Hair extensions complete

3. Як створити глибину поля.

Давайте рухатися далі!

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

Крок 1

Почнемо з фону.

Виділіть шар лісу і перейдіть в Filter > Blur > Gaussian Blur.

Встановіть Radius на 3 px і натисніть OK.

Blur the forest

Крок 2

Тепер листя. Давайте трохи розмиємо оригінальне листя, а потім і його копії. Виберіть кожен шар і перейдіть в Filter > Blur > Gaussian Blur. Далі встановіть Radius на 2 px і натисніть OK.

Blur the leaves

Крок 3

Давайте зробимо листя на фоні поля на більш далекій відстані.

Виділіть шар Leaves copy 2 і перейдіть в Filter > Blur Gaussian Blur. Встановіть Radius на 4.8 px і натисніть OK.

Blur the background leaves

Крок 4

На кінець, ми розмиємо переднього метелика.

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

Використовуйте інструмент ласо (Lasso Tool (L)), щоб зробити швидке виділення навколо переднього метелика. Потім перейдіть в Filter > Blur > Gaussian Blur, додавши Radius 5 px.

Blur the front butterfly

Ось так виглядає наша композиція на даний момент!

Composition preview

Чудово! Давайте перейдемо до освітлення.

4. Як налаштувати освітлення.

Тепер, коли все на своєму місці, важливо зробити ідеальне освітлення - настільки, наскільки це можливо.

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

Крок 1

Давайте почнемо з затемнення фону.

Виділіть шар Leaves copy 2 , копія 2 листя. Потім перейдіть в Layer > New Adjustment Layer > Curves. Налаштуйте криві як показано нижче для більшого затемнення і контрасту.

Add a curves adjustment

Крок 2

Відредагуйте колір листя на фоні ще більше.

Виділіть шар Leaves copy 2, перейдіть в Layer > New Adjustment Layer > Curves. Клікніть правою кнопкою миші, на налаштуванні, щоб встановити відсічну маску (Clipping Mask) для шару Leaves copy 2.

Змініть криві для зеленого та RGB-каналів як показано нижче для ефекту зеленого тонування.

Така гра на контрасті створює цікавий ефект кольору! Просто супер!

Recolor the leaves

Крок 3

Зараз налаштуємо освітлення для листя, яке знаходиться посередині.

Слідуйте крокам, описаним вище, встановлюючи Curves Adjustment Layers в якості Clipping Masks для шарів листя, що залишились.

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

Brighten the leaves with curves

Крок 4

Перейдемо до нижнього листя (Leaves copy).

Встановіть новий коригуючий шар (New Adjustment Layer) для кривих (Curves) в якості відсічної маски (Clipping Mask).

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

Darken the bottom leaves

Крок 5

Час для тіней! Щоб не заплутати вас, давайте розіб'ємо цю частину уроку на декілька етапів. Точно так, як ми зробили з розділом освітлення.

Почнемо з метеликів.

Встановіть новий шар в якості відсічної маски до шару метеликів. Змініть режим накладання шару на Multiply. Далі використовуйте м'який круглий пензель (Soft Round Brush (0% Hardness, 30-60% Opacity)), щоб намалювати чорну тінь від метеликів.

Сконцентруйтесь на тіні на крилах і тілі. Потім зменшіть непрозорість шару до 58%.

Add shadow to the butterflies

Додайте ще один шар в якості відсічної маски, встановіть режим накладання Multiply.

Тепер використовуйте глибокий земляний червоний колір  #271416, щоб намалювати більше тіні на метеликах, встановіть непрозорість шару на 76%, коли закінчите.

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

Add dark red shadow

Крок 6

Ми додамо тінь на листя таким же методом.

Створіть нові шари в якості відсічних масок до шарів Leaves and Leaves copy

Встановіть режими накладання шарів на множення (Multiply), далі використовуйте м'який круглий пензель, щоб намалювати чорним на листках. Переконайтесь, що нижні листки повністю покриті тінню. Це додасть більшого об'єму.

Shade the middle and bottom leaves

Кадруйте джерело світла як можна точніше. Далі налаштуйте непрозорість шару на ваш смак (50-75%).

Крок 7

Далі, ми затінимо волосся і тіло.

Як раніше, додайте новий шар, встановіть його в якості відсічної маски до портрету. Режим накладання шаруMultiply і, використовуючи м'який круглий пензлик, малюйте коричневим #864a3b і темно-червоним кольором #271416 по волоссі, обличчі і тілі.

Відшліфуйте тіні для більш драматичного вигляду. Налаштуйте Opacity на ваш смак.

Paint shadow on the face and body

Ось, що ми маємо на цю мить.

Composition and lighting preview

5. Як скомбінувати корекцію кольору і освітлення.

Ви вже зробили велику роботу! Не зупиняйтесь!

Крок 1

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

В наступних кроках я буду використовувати суміш технік цифрового малювання і корегувальні шари для досягнення бажаного ефекту.

Add fill and color lookup
  1. Виконайте заливку для нового шару (розмістіть його поверх всіх шарів) оранжевим кольором #9c6b00 за допомогою Paint Bucket Tool (G), і зменшіть Opacity до 36%.
  2. Встановіть режим накладання шару на Vivid Light.
  3. Додайте New Color Lookup Adjustment Layer. Встановіть 3DLUT File для Crisp_winter.look і зменшіть Opacitу до 39%.

Крок 2

Зробіть тіні ще більш насиченими.

Paint more shadows
  1. Створіть новий шар (поверх всіх шарів) встановіть режим накладання Multiply. Використовуйте темні червоно-коричневі кольори, такі як  #1a070e та #140b01 для малювання тіней (м'який круглий пензель: 0% Hardness, 100% Opacity) навколо об'єкту, залишаючи верхні ділянки листків та LED-світильник. Зменшіть Opacity до 21%.
  2. Потім заповніть новий шар блакитним поверх попереднього. Встановіть Blend Mode на Pin LightOpacity до 65%, і використовуйте маску шару для видалення ділянок серединки і листя.

Крок 3

Один з найкрутіших світлових ефектів, який ви можете досягти - це гра з ефектами збою.

В даному випадку я використовуватиму #38 з набору Glitch Effect Overlays для чудового відображення веселки. Скопіюйте і вставте зображення поверх блакитного шару і встановіть режим накладання Overlay.

Add the rainbow effect

Зменшіть непрозорість до 40% і використовуйте маску шару для видалення будь-яких небажаних ділянок навколо обличчя.

Крок 4

Ми майже досягли фінішу!

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

Створіть New Adjustment Layer для Color Balance з наступними налаштуваннями:

Add a Color Balance Adjustment

Після цього створіть New Adjustment Layer для Levels. Встановіть наступні значення для каналів Red, Green і Blue.

Add a levels adjustment

Ось результат на даний момент.

adjustment result

6. Як завершити маніпуляцію.

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

Ви готові? Давайте зробимо це!

Крок 1

Саме тут я почну використовувати техніки цифрового малювання, щоб перетворити селфі в чарівний портрет.

Почнемо зі створення нового шару над всіма іншими. Використовуйте пензель (B) для малювання прямо по обличчю і волоссю. Спочатку м'яким круглим пензлем я намалюю більше коричневої тіні під волоссям, а також навколо чола.

Paint makeup and shadow

Далі я перейду на твердий круглий пензель (B), щоб налаштувати мій макіяж (брови/підводку для очей) і намалювати більш різкі деталі на волоссі. Я також користуюся цією можливістю, щоб підчистити будь-які області навколо листків, де повинне відбиватися світло. Сміливо використовуйте інструмент Eyedropper Tool (E), щоб брати зразки кольорів цих областей, коли ви працюєте з іншими деталями.

Крок 2

Додамо більше світла!

Створіть новий шар, встановіть режим накладання Overlay. Використовуйте мікс м'якого і твердого пензля  (40-70% Opacity) для малювання білих ділянок на композиції, щоб додати більше світла.

Створіть промені світла, що йдуть від моєї руки і далі по лісу. Розтягніть цей ефект настільки, як вам подобається, щоб створити ефект світіння.

Paint more light

Крок 3

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

Paint sparkly highlights and details

Виділіть ділянки волосся, малюючи білі лінії по спадаючим локонам, потім скористайтесь Eraser Tool (E) для легкого зменшення різкої межі кожного виділення. Ви можете сміливо додати ще один новий шар, переведіть його в режим накладання Overlay для більш яскравого білого світла.

Зробіть певні ділянки більш яскравими від світильника LED. Намалюйте білим по метеликам, прикрасам і світильнику LED для більшої інтенсивності.  Трохи пізніше я також виділю блакитним ділянки на волоссі, листках і метеликах для неймовірного ефекту.

Paint more glowing light

Крок 4

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

Додайте New Adjustment Layer для Channel Mixer. Зробіть налаштування для каналів Red, Green, та Blue.

Chanel mixer adjustment layer

Потім додайте New Adjustment Layer для Gradient Map. Створіть Linear Gradient від синього #0a00b2 до бірюзового #01fffc і встановіть режим накладання Lighter Color. Зменшіть Opacity до 8%.

Продублюйте (Control-J) це коригування. Встановіть Saturation та Opacity на 10% для цієї копії.

Add a gradient map adjustment

Крок 5

Тепер створіть New Adjustment Layer для Curves. Налаштуйте криві для каналів RGB, Blue та Red як показано нижче.

Add a curves adjustment

Крок 6

Тепер останні два коригувальні шари.

Створіть New Adjustment Layer для Color Balance. Встановіть значення параметрів як показано нижче:

Color balance adjustment layer

Постарайтесь "витягнути" всі яскраві кольори. Додайте New Adjustment Layer для Saturation.

Далі встановіть Saturation на 15.

Add a saturation layer

Крок 7

Останній штрих!

Для витонченого переходу створіть новий шар поверх всіх інших. Виберіть інструмент Gradient (G) і використовуйте його для створення двох переходів лінійних градієнтів (Linear Gradients) - від кольору до прозорості.

Почніть з багатого насиченого синього кольору #181f40, який іде знизу вверх, а потім виберіть чорний колір і створіть лінійний градієнт чорний-прозорий з напрямком вниз.

Далі встановіть Layer Blend Mode на Difference і Opacity до 18%.

faded blue layer

Ви можете сміливо залишити композицію, якою вона є зараз, або обрізати її, якщо бажаєте. Для сильнішої перспективи я використаю Crop Tool (C) і перевірю, що я налаштувала композицію так, що мої очі - практично по середині.

Crop the manipulation

Ось і все! Чудова робота!

Вітаю зі створенням фотоманіпуляції з лісовими мотивами. Я сподіваюсь, ви отримали натхнення, щоб перетворити ваші портрети на подібні незабутні селфі!

Якщо вам сподобався цей урок - дайте нам знати! Поділіться вашими коментарями і результатами нижче!

Перейдіть по наступним посиланням, щоб переглянути інші подібні уроки по фотоманіпуляції:

Cool Forest Self Portrait Photo Manipulation Photoshop Tutorial by Melody Nieves
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.