7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

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

Scroll to top
Read Time: 13 mins

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

Final product imageFinal product imageFinal 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 manipulationBefore and after photo manipulationBefore and after photo manipulation

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

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

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

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

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

Шаг 1

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

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

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

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

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

Add the Background photoAdd the Background photoAdd the Background photo

Шаг 2

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

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

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

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

Шаг 3

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

Add the leaves stockAdd the leaves stockAdd 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 layerFlip the leaves layerFlip the leaves layer

Теперь заполните обе стороны портрета листьями.

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

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

2. Как использовать 3D-ресурсы из Envato Elements

Важнейшей частью этой манипуляции являются монархические бабочки. Поэтому для достижения этого эффекта я буду использовать потрясающие 3D-ресурсы от Envato Elements.

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

Шаг 1

Начните с размещения каждой бабочки. Вот три запаса, которые я буду использовать:

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

Тогда скачайте этот угол.

Butterfly GIFButterfly GIFButterfly GIF

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

Вы получите каждую бабочку в виде прозрачного PNG (с сопровождением теней), который вы можете легко разместить в манипуляции.

Butterfly anglesButterfly anglesButterfly angles

Шаг 2

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

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

Add first butterflyAdd first butterflyAdd first butterfly

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

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

Add more butterfliesAdd more butterfliesAdd more butterflies

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

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

Шаг 3

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

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

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

Add more hairAdd more hairAdd more hair

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

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

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

Hair extensions completeHair extensions completeHair extensions complete

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

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

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

Шаг 1

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

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

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

Blur the forestBlur the forestBlur the forest

Шаг 2

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

Blur the leavesBlur the leavesBlur the leaves

Шаг 3

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

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

Blur the background leavesBlur the background leavesBlur the background leaves

Шаг 4

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

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

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

Blur the front butterflyBlur the front butterflyBlur the front butterfly

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

Composition previewComposition previewComposition preview

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

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

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

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

Шаг 1

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

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

Add a curves adjustmentAdd a curves adjustmentAdd a curves adjustment

Шаг 2

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

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

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

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

Recolor the leavesRecolor the leavesRecolor the leaves

Шаг 3

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

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

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

Brighten the leaves with curvesBrighten the leaves with curvesBrighten the leaves with curves

Шаг 4

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

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

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

Darken the bottom leavesDarken the bottom leavesDarken the bottom leaves

Шаг 5

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

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

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

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

Add shadow to the butterfliesAdd shadow to the butterfliesAdd shadow to the butterflies

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

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

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

Add dark red shadowAdd dark red shadowAdd dark red shadow

Шаг 6

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

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

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

Shade the middle and bottom leavesShade the middle and bottom leavesShade the middle and bottom leaves

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

Шаг 7

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

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

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

Paint shadow on the face and bodyPaint shadow on the face and bodyPaint shadow on the face and body

Вот что мы имеем сейчас.

Composition and lighting previewComposition and lighting previewComposition and lighting preview

5. Как смешивать цвета и освещение

Отличная работа! Так держать!

Шаг 1

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

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

Add fill and color lookupAdd fill and color lookupAdd 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 shadowsPaint more shadowsPaint 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 effectAdd the rainbow effectAdd the rainbow effect

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

Шаг 4

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

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

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

Add a Color Balance AdjustmentAdd a Color Balance AdjustmentAdd a Color Balance Adjustment

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

Add a levels adjustmentAdd a levels adjustmentAdd a levels adjustment

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

adjustment resultadjustment resultadjustment result

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

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

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

Шаг 1

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

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

Paint makeup and shadowPaint makeup and shadowPaint makeup and shadow

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

Шаг 2

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

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

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

Paint more lightPaint more lightPaint more light

Шаг 3

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

Paint sparkly highlights and detailsPaint sparkly highlights and detailsPaint sparkly highlights and details

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

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

Paint more glowing lightPaint more glowing lightPaint more glowing light

Шаг 4

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

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

Chanel mixer adjustment layerChanel mixer adjustment layerChanel mixer adjustment layer

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

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

Add a gradient map adjustmentAdd a gradient map adjustmentAdd a gradient map adjustment

Шаг 5

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

Add a curves adjustmentAdd a curves adjustmentAdd a curves adjustment

Шаг 6

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

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

Color balance adjustment layerColor balance adjustment layerColor balance adjustment layer

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

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

Add a saturation layer Add a saturation layer Add a saturation layer

Шаг 7

Еще один шаг!

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

Начните с богатого синего цвета # 181f40, который перемещается снизу вверх, а затем выбирите черный и сделайте черный до прозрачного линейного градиента, движущегося вниз.

Затем установите Layer Blend Mode на Difference и Opacity до 18%.

faded blue layerfaded blue layerfaded blue layer

Не стесняйтесь сохранять эту композицию как есть или обрезать ее, если хотите. Для более плотной перспективы я буду использовать инструмент Crop Tool (C) и обязательно отрегулирую его так, чтобы мои глаза почти совпали с серединой.

Crop the manipulationCrop the manipulationCrop the manipulation

Все сделано! Замечательная работа!

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

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

Для получения дополнительных руководств по манипулированию фотографиями, как этот, ознакомьтесь с этими ссылками:

Cool Forest Self Portrait Photo Manipulation Photoshop Tutorial by Melody NievesCool Forest Self Portrait Photo Manipulation Photoshop Tutorial by Melody NievesCool Forest Self Portrait Photo Manipulation Photoshop Tutorial by Melody Nieves
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.