1. Design & Illustration
  2. Fan Art

Колосс: Превращаем Кожу в Металл в Программе Adobe Photoshop

by
Read Time:12 minsLanguages:
This post is part of a series called X-Men Week.
How to Create a Set of X-Men Avatars in Adobe Illustrator
How to Create a Wolverine Photo Manipulation With Adobe Photoshop

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

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

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

1. Подготовьте карту глубины (Depth Map) 

Огромный мускулистый Пётр Распутин в фильме "Людей Икс", известен также, как супер-сильный Колосс со стальной кожей. Поэтому нам понадобится изображение крупного, мускулистого парня, напоминающего по своему телосложению нашего любимого пуленепробиваемого персонажа "Людей Икс". Мы используем это изображение, чтобы создать карту глубины, которая станет 3D-схемой тела.

Шаг 1

Нам подойдёт практически любое изображение бодибилдера с голым торсом. Я выбрал вот это изображение. Загрузите и откройте его в программе Photoshop.

Bodybuilder stock imageBodybuilder stock imageBodybuilder stock image
Сильный привлекательный молодой бодибилдер.

Шаг 2

Создайте дубликат фона с помощью команды Layer > New > Layer Via Copy (Control-J), а затем с помощью команды Image > Adjustments > Desaturate переведите изображение в черно-белое. 

duplicate and desaturateduplicate and desaturateduplicate and desaturate

Шаг 3

При создании карты глубины программа считывает светлые области как выпуклые, а темные области как вдавленные.  Таким образом, подсвеченные участки его кожи будут превращены в неестественные выпуклости и борозды. Чтобы устранить такой эффект, перейдите в меню Image > Adjustments > Curves (Control-M). Скорректируйте кривые, как показано на рисунке, чтобы сгладить светлые области. 

Flatten out the highlights with CurvesFlatten out the highlights with CurvesFlatten out the highlights with Curves

Шаг 4

Отключите видимость фона и создайте выделение вокруг модели.  Для этого можно использовать разные инструменты. Я предпочитаю Pen Tool (P), но Quick Selection Tool (Q) тоже подойдет.  С помощью выделения создайте маску слоя, применив команду Layer Mask with Layer > Layer Mask > Reveal Selection.

Create a selection around the modelCreate a selection around the modelCreate a selection around the model

Шаг 5

Используйте чёрную кисть Brush Tool (B) с пресетом Soft Round (мягкая округлённая). Уменьшите непрозрачность кисти (Opacity) до 50% и щёлкните по иконке слоя, чтобы перейти с маски на слой. Используйте кисть, чтобы затемнить внешний край модели, так карта глубины создаст изгиб вдоль всего внешнего края.

Darken the outer edgeDarken the outer edgeDarken the outer edge

Шаг 6

Детали кожи модели создадут очень грубую поверхность, чтобы сгладить её, снизьте количество цветов в изображении с помощью Image > Adjustments > Posterize. Установите Levels на 8.

Posterize the imagePosterize the imagePosterize the image

Шаг 7

Временно уберите связь с маской слоя, нажав на значок цепи между иконкой слоя и иконкой маски. (Чтобы фильтр Blur не размывал маску.) Перейдите на Filter > Blur > Gaussian Blur и в поле Radius напишите 10px.

Blur the layer but not the maskBlur the layer but not the maskBlur the layer but not the mask

Шаг 8

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

Form the depth map with the brush toolForm the depth map with the brush toolForm the depth map with the brush tool

2. Добавьте городской пейзаж в качестве фона 

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

Шаг 1

Я выбрал вот этот городской фон для Колосса. Искривление из-за съёмки объективом "рыбий глаз" мне особенно интересно тем, как оно будет отражаться от металлической поверхности. 

city stock imagecity stock imagecity stock image
Город

Шаг 2

Перейдите на File > Place Linked и выберите изображение города. Photoshop добавит его как Smart Object. Увеличьте изображение и расположите его так, чтобы заполнить всю рабочую поверхность.

Place the city background into the projectPlace the city background into the projectPlace the city background into the project

Шаг 3

Фон слишком резкий и чёткий для заднего плана. Перейдите на Filter > Blur > Gaussian Blur и в поле Radius введите 2px.

Blur the background imageBlur the background imageBlur the background image

Шаг 4

Перейдите на Filter > Lens Correction и переключитесь на вкладку Custom. Передвиньте слайдер Remove Distortion примерно на +18, чтобы выровнять некоторые искажения объектива. В поле Vignette Amount установите значение -56.

Lens Correction settingsLens Correction settingsLens Correction settings

3. Создайте швы

Одна из самых узнаваемых особенностей металлической фигуры Колосса - горизонтальные швы, соединяющие части металла. До создания 3D-формы нужно включить эти швы в карту глубины.

Шаг 1

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

Create paths for the seamsCreate paths for the seamsCreate paths for the seams

Шаг 2

Создайте новый слой (New Layer) поверх окрашенного слоя фигуры. Создайте обтравочную маску между ним и слоем фигуры с помощью команды Layer > Create Clipping Mask (Alt-Control-G). В пресетах для кисти настройте инструмент Brush Tool (B) на Hard Round размером 4 px.

setup the layer and brush sizesetup the layer and brush sizesetup the layer and brush size

Шаг 3

Перейдите на вкладку Paths, щёлкните правой кнопкой мыши по иконке контура и выберите Stroke Path. В качестве инструмента для контура выберите Brush. Установите режим наложения слоя на Multiply, а Opacity - на 50%.

Stroke the pathsStroke the pathsStroke the paths

Шаг 4

Добавьте ещё один слой и ещё несколько контуров для швов на пальцах. В настройках кисти установите Width на 2 px и нарисуйте контуры на пальцах. Установите режим наложения слоя на Multiply, а Opacity - на 50%.

Create seam lines for the fingersCreate seam lines for the fingersCreate seam lines for the fingers

Шаг 5

Выберите слой фигуры и оба слоя со швами. Удерживая Alt, перейдите на Layer > Merge Layers (Control-E), чтобы создать единый слой фигуры и линий швов. Назовите этот слой Depth Map (карта глубины). Сделайте невидимыми слои фигуры и швов.

Create a Merged LayerCreate a Merged LayerCreate a Merged Layer

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

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

Шаг 1

Убедитесь, что выбран слой Depth Map, и перейдите на 3D > New Mesh From Layer > Depth Map to > Plane. Photoshop переключится на поверхность для работы в 3D и выдавит слой в 3D-форму в зависимости от значений градаций серого.

Create a 3D layer based on depth mapCreate a 3D layer based on depth mapCreate a 3D layer based on depth map

Шаг 2

На вкладке 3D выберите сетку Depth Map. На вкладке Properties нажмите на иконку Coordinates и измените значение шкалы Z на гораздо меньшее, например, 40.

Scale the mesh down in the Z directionScale the mesh down in the Z directionScale the mesh down in the Z direction

Шаг 3

Выберите Current View и возьмите инструмент Move Tool (V) в иконке Slide 3D Camera на вкладке Properties. Настройте вид камеры (camera view) так, чтобы он соответствовал композиции исходного изображения.

Change the Camera ViewChange the Camera ViewChange the Camera View

Шаг 4

Для следующего шага нужен металл. Если вы ещё не установили дополнительные материалы от Adobe, они доступны здесь. Скачайте и установите Versatile Materials, чтобы добавить их как набор металлических шейдеров в библиотеку 3D.

Install the added shaders from AdobeInstall the added shaders from AdobeInstall the added shaders from Adobe

Шаг 5

На вкладке 3D выберите вкладку Materials, в списке должен быть только один материал. В меню Properties откройте выпадающее меню Shader, чтобы выбрать металлический шейдер, например, Metal Steel2 (Stainless).

Assign a metallic shaderAssign a metallic shaderAssign a metallic shader

Шаг 6

По той же ссылке, где были дополнительные шейдеры, также есть дополнительный свет на основе изображения для HDRI-освещения. Загрузите набор Creative IBLs и распакуйте загрузочный пакет.

Download additional Image Based Lights from AdobeDownload additional Image Based Lights from AdobeDownload additional Image Based Lights from Adobe

Шаг 7

На вкладке 3D выберите линию Environment. На вкладке Properties нажмите на иконку документа рядом с иконкой IBL. Выберите Replace Texture и выберите один из новых Creative IBLs, чтобы осветить сцену. Мне особенно нравится Creative IBL-07-LightRigB. Затем поверните вокруг виджет HDRI, чтобы изменить угол текстуры.

Use a new HDRI texture to light the sceneUse a new HDRI texture to light the sceneUse a new HDRI texture to light the scene

Шаг 8

Перейдите на 3D > Render 3D Layer (Alt-Shift-Control-R), чтобы провести рендеринг. Это может занять какое-то время, подождите.

Render the LayerRender the LayerRender the Layer

Шаг 9

Когда рендеринг завершится, перейдите на Select > All (Control-A), а потом нажмите Layer > New > Layer Via Copy (Control-J), чтобы скопировать рендеринг для нового слоя.

Make a copy of the render layerMake a copy of the render layerMake a copy of the render layer

Шаг 10

Пока сделайте невидимым слой рендера и вернитесь к слою 3D. Сделайте так, чтобы на месте текстуры IBL было фоновое изображение города. Вращайте текстуру, пока модель не будет освещена небом на фоне. Эта текстура также появится на отражении после рендеринга.

Change the IBL to match the background stock imageChange the IBL to match the background stock imageChange the IBL to match the background stock image

Шаг 11

Снова проведите рендеринг модели с новыми отражениями и скопируйте рендеринг в новый слой, нажав Select > All (Control-A) и Layer > New > Layer Via Copy (Control-J).

Render out the reflection passRender out the reflection passRender out the reflection pass

Шаг 12

Снова отключите слой 3D и сделайте видимым слой Render. Добавьте корректирующий слой (adjustment layer) Curves  и создайте обтравочную маску между ним и слоем Render, нажав Layer > Create Clipping Mask (Alt-Control-G). Подвиньте нижнюю точку кривых примерно на одну клеточку вправо, чтобы глубоко затемнить теневые области рендера.

Use curves to darken the render layerUse curves to darken the render layerUse curves to darken the render layer

Шаг 13

Переместите слой reflections render над слоем curves и добавьте обтравочную маску (clipping mask) и для него. Установите режим наложения на Soft Light.

move the reflections render to the top and set to Soft Lightmove the reflections render to the top and set to Soft Lightmove the reflections render to the top and set to Soft Light

Шаг 14

Создайте копию слоя (Layer > Duplicate Layer) исходного изображения мускулистой модели. Переместите эту копию в самый верх и прикрепите его к остальным слоям. Перейдите на Image > Adjustments > Desaturate (Shift-Control-U) и измените режим наложения на Overlay.

5. Металлические эффекты

С помощью инструментов 3D разумно создавать металлический шейдер, и может показаться, что эффект металла уже достигнут. Но с помощью ещё нескольких техник мы по-настоящему усилим металлический эффект.

Шаг 1

Сделайте копию слоя обесцвеченного изображение модели. Не прикрепляйте его к другим и установите режим наложения на Normal. Перейдите на Filter > Blur > Gaussian Blur. В поле Radius поставьте 5 px.

Create a blurred copy of the modelCreate a blurred copy of the modelCreate a blurred copy of the model

Шаг 2

Если у вас ещё остались контуры, с помощью которых вы создавали маску для слоя с моделью, загрузите выделение снова. Если нет, удерживая Control, щёлкните по одному из отрендеренных слоёв, чтобы создать выделение по ним. Затем с его помощью создайте маску для размытого слоя, нажав Layer > Layer Mask > Reveal Selection.

Mask the layerMask the layerMask the layer

Шаг 3

Добавьте корректирующий слой Curves (adjustment layer) и закрепите его на слой размытия. Затем отрегулируйте кривую так, чтобы крайняя левая точка находилась в самой верхней части сетки, и создайте несколько пиков и спадов в середине кривой. Теперь модель будет выглядеть довольно странно.

Add a Curves adjustment layer with several peaks and valleysAdd a Curves adjustment layer with several peaks and valleysAdd a Curves adjustment layer with several peaks and valleys

Шаг 4

Выберите корректирующий слой Curves и слой Blur и сгруппируйте их вместе, нажав Layer > Group Layers (Control-G). Установите режим наложения на Difference и снизьте Opacity до 47%.

Create a group and set the blending mode to difference and opacity to 47Create a group and set the blending mode to difference and opacity to 47Create a group and set the blending mode to difference and opacity to 47

Шаг 5

Создайте ещё одну копию слоя размытия и переместите её в самый верх, вне созданной ранее группы. Затем нажмите Filter > Filter Gallery и откройте набор Sketch. Выберите фильтр Chrome и установите Detail на 0, а Smoothness - на 10.

Use the Chrome filterUse the Chrome filterUse the Chrome filter

Шаг 6

Установите режим наложения хромированного слоя на Soft Light и снизьте Opacity до 40%.

Set the chrome layers blending mode and opacitySet the chrome layers blending mode and opacitySet the chrome layers blending mode and opacity

6. Окончательные эффекты

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

Шаг 1

Начнём с отражений. Снова вставьте изображение города, нажав File > Place Linked. Установите режим наложения слоя со смарт-объектом на Soft Light и снизьте Opacity до 50%. Перейдите на Edit > Transform > Warp и отрегулируйте сетку деформации примерно по изгибам фигуры.

Place teh city image again and warp itPlace teh city image again and warp itPlace teh city image again and warp it

Шаг 2

Отражение совсем не должно быть резким. Перейдите на Filter > Blur > Gaussian Blur и установите Radius на 5 pixels.

Blur the reflectionBlur the reflectionBlur the reflection

Шаг 3

Скопируйте маску слоя из хромированного слоя в новый слой с отражениями, удерживая Alt и перетаскивая иконку маски с одного слоя в другой.

copy the layer mask to the new reflections layercopy the layer mask to the new reflections layercopy the layer mask to the new reflections layer

Шаг 4

После рендеринга создаётся впечатление, что пальцы сливаются друг с другом. Они должны быть зрительно разделены. Добавьте новый слой и назовите его Fingers Touch Up, возьмите Brush Tool (B) с небольшой мягкой круглой кистью, чтобы сделать несколько тёмных линий между пальцами.

Touch up the lines between his fingersTouch up the lines between his fingersTouch up the lines between his fingers

Шаг 5

Добавьте новый слой - Dodge and Burn. Перейдите на Edit > Fill и установите значение Contents на 50% серого. Установите в качестве режима наложения слоя Overlay. Возьмите Dodge Tool (O) с midtones и Exposure в 8%, чтобы вручную добавить светлые блики на металлической поверхности.

Затем переключитесь на Burn Tool (O), чтобы затемнить области тени. Это очень гибкий способ рисования вручную светлых и тёмных участков на металлической поверхности.

use a custom dodge and burn layeruse a custom dodge and burn layeruse a custom dodge and burn layer

Шаг 6

Создайте совмещённый слой вверху, удерживая Alt и перейдя на Layer > Merge Visible. Назовите его "Highlights" и превратите в смарт-объект с помощью команды Layer > Smart Objects > Convert to Smart Objects.

Create a merged layer as a Smart ObjectCreate a merged layer as a Smart ObjectCreate a merged layer as a Smart Object

Шаг 7

Перейдите на Image > Adjustments > Threshold. Установите такое значение Threshold Level, чтобы только самые светлые участки изображения оставались белыми, примерно 225.

Use threshold to isolate the brightest partsUse threshold to isolate the brightest partsUse threshold to isolate the brightest parts

Шаг 8

Измените режим наложения на Screen, чтобы видеть, как блики отображаются на рисунке. Корректирующий стиль Threshold делает их слишком резкими, а края становятся слишком заметны. Добавьте Gaussian Blur (Filter > Blur > Gaussian Blur), чтобы сгладить края. Подойдёт Radius в 4 Pixels.

Use a Gaussian Blur to soften the highlightsUse a Gaussian Blur to soften the highlightsUse a Gaussian Blur to soften the highlights

Шаг 9

Добавьте сверху новый слой и назовите его Flares, залейте его чёрным. Преобразуйте его в смарт-объект, нажав Layer > Smart Objects > Convert to Smart Object, и выберите режим наложения Screen. Затем перейдите на Filter > Render > Lens Flare. Используйте Prime 105mm при Brightness в 64%. Попробуйте расположить блик на костяшке пальца. 

Add a layer for a lens flare Add a layer for a lens flare Add a layer for a lens flare

Шаг 10

В использовании блика в виде Smart Filter хорошо то, что его можно легко передвинуть. Просто откройте настройки Lens Flare под слоем Smart Filter и передвиньте центр блика в нужное место. Затем добавьте ещё один блик, установив его Brightness примерно на 51%, и поместите его на ключицу.

Adjust flare center and add a second flare tooAdjust flare center and add a second flare tooAdjust flare center and add a second flare too

Шаг 11

Добавьте новый слой над фоновым изображением города. Установите режим наложения на Multiply, а Opacity - на 50%. С помощью Gradient Tool (G) добавьте несколько круглых тёмно-синих градиентов, чтобы оттенить фон и чтобы Колосс больше на нём выделялся. 

Adding a gradientAdding a gradientAdding a gradient

Вот и всё!

Вот и готов наш Колосс из команды людей Икс!

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

Final ImageFinal ImageFinal Image
One subscription.
Unlimited Downloads.
Get unlimited downloads