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

Как создать манипуляцию лесного сэлфи-фото в Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

Russian (Pусский) translation by Liliya (you can also view the original English article)

Final product image
What You'll Be Creating

Манипуляции с фотографиями - это интересный способ проверить фантастические композиции и драматические автопортреты. И вы можете легко разместить себя в одном из нескольких простых инструментов в Photoshop! Поэтому в этом уроке я покажу вам, как создать магический автопортрет, используя запасы и 3D-активы в Adobe Photoshop.

Поэтому в этом уроке я покажу вам, как создать феерический автопортрет, используя запасы и 3D-активы в Adobe Photoshop.

Давайте вдохновимся! Найдите большое количество фото для вашего фото-искусства на Envato Market.

Учебные активы

Следующие средства были использованы при подготовке этого урока

Как создать авто-портретные манипуляции

В этом году я приступила к личному проекту, чтобы поместить себя в большее количество своего искусства. Это не только отличный опыт для изучения Photoshop, но это помогло улучшить мою общую уверенность.

И если вы хотите сделать крутые и творческие автопортреты, вам обязательно нужно просто пойти на это! Вы можете увидеть больше этих автопортретов в моем Instagram.

Тема леса

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

Давайте рассмотрим до и после изучения манипуляции с фото-запасами, которые мы будем использовать:

Before and after photo manipulation

Не стесняйтесь использовать свои собственные автопортреты для этого урока. Даже снимки смартфона подойдут- просто убедитесь, что у вас достаточно света и четкости.

Чтобы сэкономить время на этих обширных манипуляциях, я дам вам предварительно отредактированную версию моего автопортрета, сделанного с использованием методов разделения частот, и уже удаленный фон.

Но если вы хотите вдохновиться перспективой фото-сессии, не стесняйтесь проверить мое предыдущее пособие:

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

1. Как настроить композицию

Шаг 1

Начните с открытия нового документа в Photoshop с разрешением 1500 x 2217 пикселей и 72 dpi.

Не стесняйтесь повышать разрешение, если планируете распечатать свой портрет.

Скопируйте и вставьте Forest фоторазмером изображения 1920 x 1848 пикселей) на новый слой над белым фоном, изменив его размер, чтобы сделать его намного больше с помощью Free Transform Tool (Control-T).

Это будет наш новый опыт. Итак, продолжайте и удалите белый слой под ним.

Расположите изображение так, чтобы оно соответствовало левой стороне. Это создаст интересную перспективу для размещения портрета и других деталей.

Add the Background photo

Шаг 2

Теперь откройте «Автопортрет». Дважды щелкните фоновый слой, чтобы сделать его нормальным.

Paste the self portrait
  1. Используйте Magic Wand Tool (W), чтобы выбрать белый фон, а затем нажмите Delete на клавиатуре, чтобы удалить его. Если выбор переливается на изображение, просто удалите эти области с помощью инструмента Lasso Tool (L).
  2. Удерживайте Control-A, чтобы выбрать все изображение, а затем скопируйте и вставьте его в новый слой над лесом. Поместите изображение в центр композиции.

Когда я изначально взяла эти фотографии, я понятия не имела, как я собираюсь их использовать. Таким образом, вы заметите, что моя фотография обрезана с левой стороны, так как я прислонилась к стене.

Из-за этого я построила всю композицию, учитывая это, поэтому нам нужно будет скрыть все неловко срезанные области.

Шаг 3

Чтобы скрыть эти недостающие области, мы будем использовать некоторые простые листья. Откройте фон «Листья» в Photoshop. Выполните те же действия, что и раньше.

Add the leaves stock
  1. Удалите темный фон, выбрав и удалив его с помощью Magic Wand Tool (W).
  2. Затем скопируйте и вставьте листья на новый слой над портретом.
  3. Измените его размер намного ниже, как показано выше, используя инструмент Free Transform Tool (Control-T).

Шаг 4

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

Дублируйте (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

Давайте добавим бабочек!

Скопируйте и вставьте каждый расположение бабочки на новые слои выше остальных. Измените размер каждой бабочки с помощью инструмента Transform Tool (Control-T).

Add first butterfly

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

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

Add more butterflies

Попытайтесь передать историю с бабочками. Поставьте немного на листья или даже поместите один на кончики пальцев, как показано выше.

Когда вы закончите, перейдите к объединению слоев бабочек вместе.

Шаг 3

Настройка для наших манипуляций почти завершена!

Наш последний шаг до того, как мы будем размывать, обновлять и окрашивать композицию, нужно добавить больше волос. Для этого портрета я уже исправил все недостатки и даже удалил правую руку для лучшей композиции.

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

Add more hair

Сделайте то же самое для левой стороны, чтобы покрыть мое плечо.

Затем объедините слои волос с портретным слоем. Для этого вам может потребоваться изменить слой листьев над слоями портрета / волос.

Теперь у нас есть славные расширения!

Hair extensions complete

3. Как создать глубину резкости

Давайте двигаться дальше!

Со всеми нашими элементами на месте мы можем начать переписывать композицию и добавлять глубину резкости. Это поможет создать больше реализма и заставить его выглядеть так, как будто фотография была фактически заснята в пределах леса.

Шаг 1

Начните с фона.

Выберите слой леса и выберите Filter> Blur> Gaussian Blur.

Добавьте Radius до 3 пикселей и нажмите ОК.

Blur the forest

Шаг 2

Теперь листья. Давайте слегка размоем слоя оригинальных листьев и скопированных. Выберите каждый слой и перейдите в Filter> Blur> Gaussian Blur. Затем добавьте Radius в 2 пикселя и нажмите ОК.

Blur the leaves

Шаг 3

Давай сделаем листья на заднем плане.

Выберите слой «Листы» 2 и перейдите в Filter > Blur Gaussian Blur. Установите Radius в 4,8 пикселя и нажмите OK.

Blur the background leaves

Шаг 4

Наконец, мы размываем переднюю бабочку.

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

Используйте инструмент Lasso Tool (L), чтобы сделать быстрый выбор вокруг передней бабочки. Затем перейдите в Filter> Blur> Gaussian Blur, добавив Radius 5 пикселей.

Blur the front butterfly

Вот посмотрите на нашу композицию!

Composition preview

Замечательно! Давайте перейдем к освещению.

4. Как настроить освещение

Теперь, когда все на месте, важно сделать освещение максимально совершенным. Имейте в виду, что для каждой манипуляции с фотографиями требуется обширное переключение для более правдоподобного вида.

Если вы используете свои собственные фото-запасы в этом случае, просто следуйте тем же методам, но отрегулируйте настройки по своим желаниям.

Шаг 1

Начнем с затемнения фона.

Выберите слой «Листы» 2. Затем перейдите в Layer> New Adjustment Layer> Curves. Отрегулируйте кривую, как показано ниже, для большей темноты и контрастности.

Add a curves adjustment

Шаг 2

Отрегулируйте цвет фона листьев еще больше.

Выберите слой «Листы» 2 и перейдите в Layer > New Adjustment Layer > Curves. Щелкните правой кнопкой мыши настройку, чтобы установить кривые как Clipping Mask на слой «Листы 2».

Отрегулируйте кривые для зеленых и RGB Channels следующим образом для зеленоватого эффекта.

Эта игра на контрасте также создает интересный цветовой эффект! Довольно круто!

Recolor the leaves

Шаг 3

Теперь отрегулируйте освещение для средних листьев.

Следуйте тем же шагам, что и раньше, установив новые слои корректировки кривых в качестве Clipping Masks на оставшиеся слои.

Начните с оригинальных листьев. Заставьте их отражать яркое освещение, увиденное на моем светлом фото. Отрегулируйте кривые для каналов RGB, Green и Blue каналов, как показано ниже.

Brighten the leaves with curves

Шаг 4

Переместитесь на нижние листья (копия листьев).

Установите новый слой корректировки кривых как Clipping Mask для слоя.

Отрегулируйте кривые для каналов RGB, Blue и Green каналов, как показано ниже. На этот раз нам не нужно столько света, потому что светодиодный свет находится над этим конкретным участком листьев.

Darken the bottom leaves

Шаг 5

Время для теней! Чтобы эта часть не была слишком запутанной, давайте разделим ее на простые разделы, как это было сделано с шагами освещения.

Начните с бабочек.

Установите новый слой в качестве Clipping Mask на слой бабочек. Измените Layer Blend Mode на Multiply. Затем используйте мягкую круглую кисть (0% твердость, 30-60% непрозрачности), чтобы нарисовать черную тень на бабочках.

Сосредоточьте тень на крыльях и теле. Затем уменьшите Layer Opacity слоя до 58%.

Add shadow to the butterflies

Добавьте еще один обрезанный слой над ним, установленный в Multiply.

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

Удерживайте этот слой тени мягче, следя за тем, чтобы тени располагались в противоположном направлении от источника света.

Add dark red shadow

Шаг 6

Мы добавим тень к листьям, следуя тому же методу.

Создайте новые слои, заданные в качестве Clipping Masks для слоев оригинальных листьев и скопированных.

Установите режимы наложения слоев на Multiply, а затем используйте мягкую круглую кисть, чтобы нанести черным на листья. Убедитесь, что тень полностью закрывает нижние листья. Затем накройте верхний ряд. Это создает больший объем.

Shade the middle and bottom leaves

Настройте источник света как можно лучше. Затем отрегулируйте уровень Layer Opacities слоя (50-75%)

Шаг 7

Затем мы будем затенять волосы и тело.

Как и прежде, добавьте новый слой в качестве Clipping Mask к портрету. Установите Layer Blend Mode к Multiply и используйте мягкую круглую кисть, чтобы нарисовать коричневый цвет # 864a3b и темно-красный цвет # 271416 на волосы, лицо и тело.

Вырежьте тени для более драматичного вида. При необходимости отрегулируйте непрозрачность.

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. Установите Layer Blend Mode для яркого света.
  3. Добавьте New Color Lookup Adjustment Layer. Установите файл 3DLUT в Crisp_winter.look и уменьшите непрозрачность до 39%.

Шаг 2

Еще более усильте тени.

Paint more shadows
  1. Создайте новый слой, чтобы умножить его выше остальных. Используйте темно-красноватые коричневые цвета, например # 1a070e и # 140b01, чтобы нарисовать тень (мягкая круглая кисть - 0% твердости, непрозрачность 100%) вокруг предмета, оставляя верхние листья и светодиодный свет. Уменьшите непрозрачность до 21%.
  2. Затем заполните новый слой синим над предыдущим. Установите Blend Mode на Pin Light, Opacity до 65% и используйте Layer Mask, чтобы удалить среднюю и листовую области.

Шаг 3

Затем заполните новый слой синим над предыдущим. Установите Blend Mode на Pin Light, Opacity до 65% и используйте Layer Mask, чтобы удалить среднюю и листовую области.

Здесь я буду использовать # 38 из этого пакета Gluff Effect Overlays для крутого отражения радуги. Скопируйте и вставьте изображение над синим слоем и установите его на Overlay.

Add the rainbow effect

Уменьшите непрозрачность до 40% и используйте Layer Mask для удаления любых нежелательных областей вокруг лица.

Шаг 4

Почти готово!

Прежде чем перейти к окончательным изменениям этой манипуляции, давайте быстро отредактируем цвета, яркость и контраст.

Создайте новый корректирующий слой цветового баланса со следующими настройками:

Add a Color Balance Adjustment

Затем выполните новый уровень корректировки уровней. Установите следующие значения для красных, зеленых и синих каналов.

Add a levels adjustment

Вот результат такой результат.

adjustment result

6. Как закончить манипуляцию

Последние шаги для этой манипуляции будут доделывание освещения, уточнение деталей и использование больше Adjustment Layers, чтобы собрать все вместе.

Готовы? Давайте сделаем это!

Шаг 1

Здесь я начну использовать цифровые техники рисования, чтобы превратить это сэлфи в феерический портрет.

Начните с создания нового слоя над остальными. Используйте Brush Tool (B), чтобы нарисовать прямо на лицо и волосы. Во-первых, я буду использовать мягкую круглую кисть, чтобы нарисовать более коричневую тень под моими волосами, добавив немного коричневого цвета вокруг моего лба.

Paint makeup and shadow

Затем я переключусь на Hard Round Brush (B), чтобы настроить мой макияж (брови / подводка для глаз) и нарисовать более острые детали моих волос. Я также воспользуюсь этой возможностью, чтобы очистить любые области вокруг листьев, где должен отражаться свет. Не забудьте использовать инструмент Eyedropper Tool (E) для выбора цветов из этих областей при уточнении деталей.

Шаг 2

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

Создайте новый слой для Overlay. Используйте смесь мягких и твердых круглых кистей (непрозрачность 40-70%), чтобы нарисовать белый цвет на композиции для большего количества света.

Создавайте лучи света, исходящие из моей руки, и живость света вокруг леса. Нажимайте этот эффект, настолько насколько хотите, для более сильного свечения.

Paint more light

Шаг 3

Между добавлением большего количества света, не забудьте продолжить уточнение этих деталей. Используйте жесткую круглую кисть, чтобы нарисовать острые края вокруг бабочек, листьев и волос. Я даже нарисовала простые детали, такие как рыхлые кудри и яркие точки вокруг композиции.

Paint sparkly highlights and details

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

Сделать определенные области принять из блеска света LED. Нарисуйте белый свет на бабочках, украшения и светодиоды для большей интенсивности. Позже я также нарисую несколько синих бликов на волосах, листьях и бабочках для приятного эффекта.

Paint more glowing light

Шаг 4

По мере того, как мы начинаем заканчивать, мы снова используем Adjustment Layers, чтобы настроить цвета. У меня довольно много слоев, поэтому давайте быстро их сделаем.

Добавьте New Adjustment Layer на Channel Mixer. Отрегулируйте настройки для красных, зеленых и синих каналов.

Chanel mixer adjustment layer

Затем добавьте New Adjustment Layer на Gradient Map. Создайте синий # 0a00b2 для бирюзового # 01fffc Linear Gradient и установите его на более светлый цвет. Уменьшите непрозрачность до 8%.

Дублируйте (Control-J) эту настройку. Установите для параметра Saturation и Opacity к 10%.

Add a gradient map adjustment

Шаг 5

Теперь создайте новый корректирующий слой(New Adjustment Layer) кривых(Curves). Отрегулируйте кривые для RGB, Blue и Red Channels, как показано ниже.

Add a curves adjustment

Шаг 6

Теперь для двух последних корректирующих слоев.

Создайте новый корректирующий слой Создайте новый корректирующий слой цветового баланса(Color Balance). Установите следующие значения:

Color balance adjustment layer

Теперь выведите все насыщенные цвета. Добавьте новый корректирующий слой насыщенности (Saturation).

Затем установите значение Saturation на 15.

Add a saturation layer

Шаг 7

Еще один шаг!

Для тонкого угасания создайте новый слой выше остальных. Выберите Gradient Tool (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.