1. Design & Illustration
  2. Fan Art

Создаём Сцену с Супергероем Росомахой в программе Photoshop

by
Read Time:9 minsLanguages:
This post is part of a series called X-Men Week.
Colossus: How to Turn Skin to Metal in Adobe Photoshop
How to Create a Fabulous Professor X Pin-Up in Adobe Illustrator
This post is part of a series called Learn Adobe Photoshop.
How to Create a Floral Portrait Photo Manipulation in Adobe Photoshop
How to Make Pixel Characters

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

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

Исходные материалы

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

1. Создаём Задний фон

Шаг 1

Создайте новый документ со следующими размерами 1500 х 1000 рх в программе Adobe Photoshop:

new filenew filenew file

Шаг 2

Откройте исходное изображение с заводом. Переместите данное изображение на наш рабочий документ с помощью инструмента Перемещение (Move Tool (V). Активируйте инструмент Свободная трансформация (Free Transform Tool (Ctrl+T), чтобы изменить перспективу изображения, как показано на скриншоте ниже.

add backgroundadd backgroundadd background

Шаг 3

Далее, идём Фильтр - Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 7 px:

blur backgroundblur backgroundblur background

Данный шаг придаст нашей сцене немного глубины.

Шаг 4

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation) в качестве обтравочной маски, чтобы уменьшить насыщенность заднего фона. Итак, идём Слой- Новый корректирующий слой - Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). В окне настроек данного корректирующего слоя, уменьшите значение Насыщенности (Saturation) до -84:

background hue saturationbackground hue saturationbackground hue saturation

Шаг 5

Добавьте два корректирующих слоя Кривые (Curves) в качестве обтравочных масок, чтобы затемнить задний фон.

background curves 1background curves 1background curves 1
background curves 2background curves 2background curves 2

2. Подготавливаем Модель

Шаг 1

Откройте исходное изображение модели. Отделите модель от заднего фона, используя технику выделения, с которой вы предпочитаете работать. Я подобрал изображение с мужчиной, которое подходит для данного урока, но вы можете использовать своё изображение с мускулами! Создайте новый слой между слоем с выделенным изображением модели и слоем с задним фоном, залейте этот слой тёмным цветом средних тонов.

isolate modelisolate modelisolate model

Шаг 2

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

cut out the haircut out the haircut out the hair

Переместите выделенное изображение головы на изображение с моделью. Примените инструмент Трансформация (Transform Tool (Ctrl+T), чтобы повернуть голову и совместить её с изображением.

add hairadd hairadd hair

Шаг 3

Нажмите второй значок в нижней части панели слоёв, чтобы добавить слой-маску к слою. Примечание переводчика: добавьте слой-маску к слою с фрагментом головы. С помощью мягкой круглой кисти, цвет кисти чёрный, скройте жёсткие края изображения головы, чтобы совместить лоб и волосы с существующей головой модели. Уменьшите Непрозрачность (Opacity) кисти во время обработки лба, чтобы создать плавный переход и естественный вид.

hair maskinghair maskinghair masking

Шаг 4

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation), чтобы совместить цвета лобной части и волос с существующим изображением.Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с фрагментом головы. Поменяйте значение Цветового тона (Hue) для Жёлтых (Yellows) тонов на -23

hair hue saturationhair hue saturationhair hue saturation

Шаг 5

Вы можете заметить, что светотени на втором фрагменте головы не совпадают с существующим изображением. На первом изображении, свет падает на голову прямо сверху, в то время, как на вторую голову, свет падает слева и создаёт тень справа. Создайте новый слой и с помощью инструмента Штамп (Clone Tool (S), исправьте этот участок кожи.

forehead cloningforehead cloningforehead cloning

3. Добавляем Модель

Шаг 1

Отключите видимость слоя с задним фоном и слой с заливкой. Далее, нажмите клавиши (Ctrl+Shift+Alt+E), чтобы объединить все видимые слои. Переместите объединённый слой с моделью на наш рабочий документ. Расположите изображение в центре нашей сцены.

add modeladd modeladd model

Шаг 2

Примените фильтр Пластика (Liquify Tool) для небольшой ретуши модели. Итак, идём Фильтр - Пластика (Filter > Liquify Tool). Выберите инструмент Деформация (Forward Warp Tool). Используйте данный инструмент, чтобы увеличить мышцы возле шеи, сделать лицо немного больше, а также немного уменьшить подбородок.

model liquifymodel liquifymodel liquify
liquify resultliquify resultliquify result

Шаг 3

Создайте новый слой (преобразуйте его в обтравочную маску) и с помощью мягкой кисти, цвет кисти #9a6349 и непрозрачностью примерно 30%, прокрасьте участки подмышками, на теле и руках, чтобы уменьшить яркость на этих участках. Примечание переводчика: новый слой преобразуйте в обтравочную маску к слою с моделью. Мы планируем добавить световые эффекты на эту область, которые не будут слишком насыщенные, поэтому, мы ослабили яркость на этих участках.

reduce model highlightreduce model highlightreduce model highlight

Шаг 4

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Уменьшите значение Насыщенности (Saturation) до -73.Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску.

model hue saturationmodel hue saturationmodel hue saturation

Шаг 5

Мужчина выглядит слишком ярко по сравнению с задним фоном, поэтому, добавьте корректирующий слой Кривые (Curves), чтобы уменьшить яркость.

model curves model curves model curves

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

model curves maskingmodel curves maskingmodel curves masking
model curves resultmodel curves resultmodel curves result

Шаг 6

Мужчина выглядит не слишком грубым и диким. Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), непрозрачность слоя 100%. Залейте этот слой 50% серым (50% gray):

DB new layerDB new layerDB new layer

Выберите Осветлитель / Затемнитель (Dodge and Burn Tool (O). В окне настроек данного инструмента, установите Диапазон (Range) на Средние тона (Midtones), а значение Экспозиции (Exposure) примерно 15-25%, чтобы исправить светотени на изображении мужчины, а также добавить детали на его тело. Также, произвольно прокрасьте его руки, шею и плечи, а также вены на его лице, особенно на лбу, чтобы усилить внешний вид, это сделает его более напряженным и ужасающим во время крика. Вы можете увидеть результат обработки кистью при режиме наложения Нормальный (Normal) и конечный результат при режиме Перекрытие (Overlay).

DB normal modeDB normal modeDB normal mode
DB overlay modeDB overlay modeDB overlay mode

Шаг 7

Создайте новый слой. Выберите инструмент Кисть (Brush). Уменьшите размер кисти до 2-3 px, чтобы нарисовать волосы на груди, в средней части тела, а также на руках. Росомаха должен быть волосатым!

body hairsbody hairsbody hairs

Шаг 8

Создайте новый слой и с помощью кисти средней мягкости, цвет кисти #443f3b, нарисуйте светлые волосы на верхней части головы, особенно справа, т.к. у нас там расположен свет.

hair paintinghair paintinghair painting

4. Добавьте Эффект Дыма

Шаг 1

Создайте новый слой поверх всех остальных слой. Нажмите клавишу (D), чтобы выставить цвет переднего и заднего плана по умолчанию (чёрный и белый). Далее, идём Фильтр - Рендеринг - Облака (Filter > Render > Clouds):

cloud filtercloud filtercloud filter

Уменьшите Непрозрачность ( Opacity) слоя до 80% и с помощью слой-маски, удалите эффект в верхней половине, оставив видимым эффект тумана только в нижней части сцены.Примечание переводчика: к слою с облаками, добавьте слой-маску и с помощью чёрной кисти, скройте верхнюю часть текстуры Облаков. Туман не должен закрыть тело мужчины - просто сохраните в этой области нежный эффект.

smoke maskingsmoke maskingsmoke masking

Шаг 2

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы изменить цвет дыма.Примечание переводчика: не забудьте преобразовать данный корректирующий слой в обтравочную маску к слою с созданными облаками.

smoke channel mixersmoke channel mixersmoke channel mixer

Шаг 3

Создайте новый слой и с помощью мягкой кисти, цвет кисти #7fc1d7, прокрасьте облака, чтобы сделать эффект дыма немного ярче и более живым. Поменяйте режим наложения на Мягкий свет (Soft Light), непрозрачность слоя 100%:

smoke lightsmoke lightsmoke light
smoke light resultsmoke light resultsmoke light result

5. Создаём Металлические Когти

Шаг 1

Мы подошли к самой интересной части урока, это создание металлических когтей. Создайте новый слой поверх всех слоев и с помощью инструмента Перо (Pen Tool (P), нарисуйте фигуру, похожую на коготь, который мы часто видим в фильме. Залейте нарисованную фигуру любым цветом, но только светлыми оттенками, чтобы когти были видны на тёмном заднем фоне.

claw shape 1claw shape 1claw shape 1

Продублируйте слой с нарисованным когтем пять раз. Расположите когти между пальцами рук и с помощью инструмента Трансформация (Transform Tool (Ctrl+T), придайте перспективу когтям. Вы можете заметить, что расположение рук отличается друг от друга - они расположены немного под разными углами, а также по положению, поэтому когти должны совпадать с кулаками и повторять направление рук.

other shapesother shapesother shapes

Шаг 2

К каждому слою с когтем, добавьте слой-маску и с помощью жёсткой кисти чёрного цвета, проведите совмещение когтей с пальцами рук, чтобы когти выходили прямо из косточек пальцев. Не используйте мягкую кисть, т.к. мягкая кисть оставляет мягкие и неестественные края. Сгруппируйте слои с когтями в одну группу, для этого нажмите клавиши (Ctrl+G). Мы используем фигуры когтей в качестве ориентира.

shapes maskingshapes maskingshapes masking

Шаг 3

Откройте исходное изображение с металлом. Выделите металлический стержень в левой части изображения с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L). Добавьте выделенные металлический стержень на наш рабочий документ, расположив в левой части изображения. С помощью инструмента Трансформация (Transform Tool (Ctrl+T), деформируйте металлический стержень, чтобы он повторял форму когтя. Яркий контур стержня должен располагаться на левой стороне, как показано на скриншоте ниже.

select a barselect a barselect a bar
add metal baradd metal baradd metal bar

Загрузите активное выделение парной фигуры когтя, для этого удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с нарисованным когтем.Примечание переводчика: находясь на слое с металлическим стержнем, удерживая клавишу (Ctrl), щёлкните по миниатюре слоя с нарисованным когтем, поверх которого расположен стержень. Нажмите значок Добавить слой-маску (Add Layer Mask), чтобы получить результат, как показано на скриншоте ниже.

load shape thumbnailload shape thumbnailload shape thumbnail
claw resultclaw resultclaw result

Шаг 4

Загрузите активное выделения, для этого, удерживая клавишу (Ctrl), щёлкните по миниатюре слой-маски.

shape layer mask thumbnailshape layer mask thumbnailshape layer mask thumbnail

Нажмите клавиши (Ctrl+I) для инверсии выделенной области

invert selectioninvert selectioninvert selection

Находясь всё ещё на слой-маске, переключите цвет переднего плана на белый цвет, а затем нажмите клавишу (Delete). Мы получили следующий результат.

after maskingafter maskingafter masking

Шаг 5

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

add other clawsadd other clawsadd other claws

Шаг 6

Сгруппируйте все слои с металлическими когтями в одну группу. Поменяйте режим наложения для слоя с группой на Нормальный (Normal), 100% Добавьте корректирующий слой Кривые (Curves), чтобы затемнить когти, а также усилить контраст и сделать 3D эффект более видимым. Вы можете увидеть выделенные участки на скриншоте ниже, где обрабатывать кистью слой-маске корректирующего слоя Кривые.

claws curves 1claws curves 1claws curves 1

Шаг 7

Добавьте ещё один корректирующий слой Кривые (Curves), чтобы ещё уменьшить яркость когтей. Нижние участки когтей всё ещё выглядят яркими в данный момент.

claws curves 2claws curves 2claws curves 2

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

claws curves 2 maskingclaws curves 2 maskingclaws curves 2 masking

Шаг 8

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay), 100%. Залейте этот слой 50 % серым (50% gray). С помощью инструмента Осветлитель (Dodge Tool), усильте световые блики на волосах, а с помощью инструмента Затемнитель (Burn Tool), затемните нижние участки когтей, чтобы совместить их с руками.

DB 2 normal modeDB 2 normal modeDB 2 normal mode
DB 2 overlay modeDB 2 overlay modeDB 2 overlay mode

6. Добавляем Световые Эффекты

Создайте новый слой и с помощью мягкой кисти, цвет кисти #659eb2, прокрасьте тело мужчины, чтобы добавить эффект синего свечения. Будьте внимательны на участках изгибов, световые эффекты на них должны быть ярче и насыщеннее.

 blue light normal mode blue light normal mode blue light normal mode

Поменяйте режим наложения на Перекрытие (Overlay), 100%:

blue light overlay modeblue light overlay modeblue light overlay mode

7. Добавьте Эффект Частиц

Шаг 1

Откройте исходную текстуру с мелкими частицами. Переместите данную текстуру на наш рабочий документ с помощью инструмента Перемещение (Move Tool). Поменяйте режим наложения для слоя с текстурой частиц на Осветление (Screen), 100%

particles screen modeparticles screen modeparticles screen mode

Шаг 2

С помощью инструмента Пластика (Liquify Tool), примените искажение к частицам, создав ощущение. как будто они летят снизу. Также, попробуйте сделать так, чтобы эффект выглядел как призрачный и неестественный - как будто мы попали в фантастический мир!

liquify particlesliquify particlesliquify particles
particles liquify result particles liquify result particles liquify result

Шаг 3

Примените фильтр Размытие по Гауссу (Gaussian Blur) к слою с частицами. Установите радиус размытия 2 px.

particles gaussian blur particles gaussian blur particles gaussian blur

Шаг 4

С помощью слой-маски, уменьшите насыщенность частиц. Примечание переводчика: к слою с текстурой частиц, добавьте слой-маску и с помощью чёрной кисти, скройте часть частиц. Также, создайте затенение на отдельных частицах, чтобы они выглядели как бы менее заметными - это поможет усилить глубину нашей сцены.Примечание переводчика: некоторые частицы вы можете просто обработать мягкой чёрной кистью на слой-маске или примените ластик с низкой степенью непрозрачности.

particles maskingparticles maskingparticles masking

Шаг 5

Добавьте корректирующий слой Микширование каналов (Channel Mixer), чтобы изменить цвет частиц в соответствии с яркостью дыма.

particles channel mixerparticles channel mixerparticles channel mixer

8. Заключительная коррекция

Шаг 1

Добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв. Установите следующие цвета градиента #e10019 и #00601b. Уменьшите непрозрачность данного корректирующего слоя до 20%

gradient mapgradient mapgradient map

Шаг 2

Добавьте корректирующий слой-заливку Цвет (Color Fil), установите цвет заливки #280002. Поменяйте режим наложения для данного корректирующего слоя Цвет (Color Fil) на Исключение (Exclusion), 100%:

color fill layercolor fill layercolor fill layer

Шаг 3

Далее, добавьте корректирующий слой Цветовой Баланс (Color Balance). Установите настройки для Средних тонов (Midtones) и Световых бликов (Highlights), которые указаны на скриншоте ниже:

whole scene color balancewhole scene color balancewhole scene color balance

Шаг 4

Добавьте корректирующий слой Фото Фильтр (Photo Filter). Установите следующий цветовой оттенок#66afd8:

photo filterphoto filterphoto filter

Шаг 5

Добавьте корректирующий слой Кривые (Curves), чтобы усилить контраст всей сцены.

whole scene curveswhole scene curveswhole scene curves

Шаг 6

В последнем шаге, добавьте корректирующий слой Уровни (Levels), чтобы уменьшить яркость.

whole scene levelswhole scene levelswhole scene levels

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

levels maskinglevels maskinglevels masking

Поздравляю, мы завершили урок!

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

final resultfinal resultfinal result
One subscription.
Unlimited Downloads.
Get unlimited downloads