1. Design & Illustration
  2. Photo Manipulation

Создаём Монстра Франкенштейна в программе Adobe Photoshop

by
Read Time:11 minsLanguages:
This post is part of a series called Horror Movie Week.
How to Create an Evil Dead Themed Icon Pack in Adobe Illustrator
How to Create a Vintage Hitchcock Poster for Halloween

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

Для Недели Ужастиков, мы подготовили серию уроков на тему ужасов и любимых монстров на сайте Envato Tuts+! Я получила огромное удовольствие при создании монстра Франкенштейна из классического чёрно-белого фильма, который был создан в 1931.

В этом уроке вы узнаете, как создать своего монстра Франкенштейна с помощью фильтра Пластика (Liquify), корректирующих слоёв, а также исходных материалов, взятых на сайте Envato Market.

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

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

История Франкенштейна

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

Чем всё заканчивается? Об этом вы можете узнать из фильма, а сейчас давайте приступим к созданию своего собственного монстра Франкенштейна!

Поиск вдохновения из фильма 1931 года

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

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

  • Монстр Франкенштейн – это человекообразное чудовище с большой, квадратной головой.
  • У него “выпадающие глаза”, выступающая бровная кость и маленький рот.
  • В зависимости от вашего исходного изображения, у монстра Франкенштейна многочисленные шрамы на лице, скобы на лбу, которые удерживают части его головы, а также присутствуют два болта в шее.
  • Хотя оригинальный фильм 1931 года был снят на чёрно-белую плёнку, Франкенштейн часто изображается с зелёной кожей. Имейте в виду, что зеленый цвет часто используется для изображения либо мертвых, либо болезненное состояние.

Исходное изображение

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

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

Frankenstein PhotoDune Photo ReferenceFrankenstein PhotoDune Photo ReferenceFrankenstein PhotoDune Photo Reference
Исходный Портрет Мужчины, доступный на сайте Envato Market.

1. Удаляем Волосы на Лице

Шаг 1

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

Откройте своё исходное изображение в программе Photoshop. Для данной картины, необходимо высокое разрешение, поэтому идём Изображение – Размер изображения (Image > Image Size), а затем поменяйте Разрешение (Resolution) на 300 dpi. Далее, с помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите, а затем удалите белый задний фон на фотографии. Создайте новый слой и с помощью инструмента Заливка (Paint Bucket Tool (G), залейте этот слой белым цветом, чтобы создать отдельный задний фон. Теперь продублируйте слой с исходной фотографией, для этого нажмите клавиши  (Ctrl+J), а затем создайте новую группу, в которую поместите дубликат слоя с фотографией. Примечание переводчика: новую группу вы можете назвать Франкенштейн (Frankenstein).

Separate the Reference From its BackgroundSeparate the Reference From its BackgroundSeparate the Reference From its Background

Шаг 2

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

Remove Facial Hair with the Stamp ToolRemove Facial Hair with the Stamp ToolRemove Facial Hair with the Stamp Tool
До и После. Удалите столько волос на лице, сколько сможете с помощью инструмента Штамп (Stamp Tool (S).

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

2. Деформируем Лицо и Тело

Шаг 1

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

Use Liquify to Distort the FaceUse Liquify to Distort the FaceUse Liquify to Distort the Face
До и После первого этапа применения фильтра Пластика (Liquify).

Шаг 2

Продолжаем дальше деформировать лицо. Комбинируйте инструменты Вздутие (Bloat Tool (B) и Сморщивание (Pucker Tool (S). С помощью инструмента Вздутие (Bloat Tool (B), увеличьте нос, а с помощью инструмента Сморщивание (Pucker Tool (S), уменьшите губы, фокусируя инструмент на каждой отдельной губе. Возвращаемся к инструменту Деформация (Forward Warp Tool (W), чтобы акцентировать выражение лица, для этого сдвиньте уголки губ вниз, чтобы создать хмурый взгляд.

Distort the Face with the Bloat Tool and Pucker ToolDistort the Face with the Bloat Tool and Pucker ToolDistort the Face with the Bloat Tool and Pucker Tool

Шаг 3

Ещё много коррекции предстоит проделать с лицом, прежде, чем мы перейдём к раскрашиванию. Далее, с помощью инструмента Лассо (Lasso Tool (L), выделите оба века. Скопируйте / вклейте выделенные веки на новый слой, а затем примените масштабирование с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T). Постарайтесь сделать так, чтобы глаза выглядели уставшими, для этого сдвиньте веки на глаза.

Create Frankensteins Droopy Eyes and Frown LinesCreate Frankensteins Droopy Eyes and Frown LinesCreate Frankensteins Droopy Eyes and Frown Lines

Далее, используя ту же самую технику, создайте баланс между линиями его улыбки. Скопируйте / вклейте дубликат на новый слой, а затем отразите дубликат слоя с линией улыбки по горизонтали, Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). С помощью инструмента Ластик (Eraser Tool (E), удалите любые шероховатости.

Шаг 4

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

Adjust the body with a suit stock from pixabayAdjust the body with a suit stock from pixabayAdjust the body with a suit stock from pixabay

Используя то же самое исходное изображение с портретом делового человека, выделите фрагмент поверх надбровной кисти. Скопируйте / вклейте данный фрагмент на наш рабочий документ, расположив его на изображении монстра. Объедините все слои, относящиеся к монстру.

3. Добавляем Металлические Детали

Шаг 1

Не забудьте добавить к монстру металлические детали! Используя любую технику выделения на своё усмотрение, выделите фрагмент болта, используя исходное изображение с Металлическими болтами. Переместите выделенный болт на наш рабочий документ, поверните болт, чтобы он выглядывал из шеи. Обрежьте болт с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), если вы решите укоротить болт, а затем продублируйте изображение болта (Ctrl+J). Отразите дубликат слоя с болтом по горизонтали, для этого идём Редактирование – Трансформация – Отразить по горизонтали (Edit > Transform > Flip Horizontal). Расположите дубликат болта с противоположной стороны шеи.

Add the Bolts to Frankensteins NeckAdd the Bolts to Frankensteins NeckAdd the Bolts to Frankensteins Neck

Шаг 2

Теперь давайте добавим мешки под его глазами. Откройте исходное изображение с Глазом. Выделите участок мешка под глазом. Скопируйте / вклейте выделенный фрагмент на наш рабочий документ. Возможно, вам понадобится провести лёгкую коррекцию цвета с помощью корректирующего слоя Цветовой тон / Насыщенность (Hue & Saturation), а затем уменьшите Непрозрачность (Opacity) слоя до 60%. С помощью инструмента Ластик (Eraser Tool (E) в любой момент урока, откорректируйте любые грубые края или шероховатости.

Add Wrinkles Underneath Frankensteins EyesAdd Wrinkles Underneath Frankensteins EyesAdd Wrinkles Underneath Frankensteins Eyes
Сохраните морщины светлыми, а также используйте инструмент Ластик (Eraser Tool) для коррекции любых шероховатостей.

Шаг 3

Последняя деталь, которую нам нужно добавить – это скобы на голове монстра. Вначале, с помощью инструмента Кисть (Brush Tool (B), нарисуйте простую линию в качестве направляющей линии, вдоль которой, должны быть расположены скобы.

Иногда необходимо проявлять креативность при работе с исходными изображениями. Откройте исходное изображение с Застёжкой-молнией и с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите металлический фрагмент застёжки. Скопируйте / вклейте выделенный фрагмент на наш рабочий документ. Продублируйте слой с металлической скобой несколько раз, а затем примените поворот к каждой скобе, распределив их вдоль всей головы. Придайте скобам различное направление, что они не были идеально расположены на голове. Примечание переводчика: не забудьте создать новый слой для направляющей линии.

Add Staples to Frankensteins HeadAdd Staples to Frankensteins HeadAdd Staples to Frankensteins Head

4. Раскрашиваем Монстра

Шаг 1

Сделайте глубокий вдох, потому что мы прошли самые сложные шаги! Теперь давайте перейдём к раскраске. Перейдите на слой с монстром, а затем идём Изображение – Коррекция – Цветовой тон / Насыщенность (Image > Adjustments > Hue & Saturation). Уменьшите значение Насыщенности (Saturation) до -60, чтобы удалить тёплые тона с кожи и придать ей бледный вид.

Create Pale Skin with Hue and SaturationCreate Pale Skin with Hue and SaturationCreate Pale Skin with Hue and Saturation

Шаг 2

Далее, создайте новый слой, а затем щёлкните правой кнопкой мыши по созданному слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask) к слою с монстром. Таким образом, при раскрашивании монстра, все краски будут относиться только к изображению монстра. С помощью жёсткой круглой кисти, прокрасьте монстра тёмно-коричневым цветом #9c5739. Поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 40%. Примечание переводчика: просто прокрасьте поверх изображения монстра.

Создайте ещё два новых слоя для дополнительной коррекции цвета. Прокрасьте первый слой зелёным цветом #259a7f, поменяйте режим наложения для первого слоя на Яркий свет (Vivid Light), а также уменьшите Непрозрачность (Opacity) слоя до 48%. Для второго слоя, прокрасьте тёмно-зелёным цветом #0a1614, но только костюм, а затем уменьшите Непрозрачность (Opacity) до 24%, поменяйте режим наложения для второго слоя на Умножение (Multiply).  Примечание переводчика: 1. На первом слое, просто прокрасьте поверх изображения монстра 2. На втором слое, просто прокрасьте изображение костюма.

Change Frankensteins Color to GreenChange Frankensteins Color to GreenChange Frankensteins Color to Green

Далее, мы раскрасим скобы. Создайте новый слой в качестве обтравочной маски к слою со скобами. Залейте этот слой серым цветом с помощью инструмента Заливка (Paint Bucket Tool (G), а затем поменяйте режим наложения для данного слоя на Умножение (Multiply).

Color the Staples with Layer Blend ModesColor the Staples with Layer Blend ModesColor the Staples with Layer Blend Modes

Шаг 3

Один из самых лучших способов коррекции цвета – это корректирующие слои. Добавьте корректирующий слой Поиск цвета (Color Lookup). Установите следующие настройки, которые указаны на скриншоте ниже:

Add Color Lookup to Color FrankensteinAdd Color Lookup to Color FrankensteinAdd Color Lookup to Color Frankenstein

5. Добавляем Задний Фон

Шаг 1

Монстр Франкенштейн выглядит не так великолепно на белом заднем фоне, поэтому, давайте создадим что-то тёмное для усиления настроения. Вначале, установите цвет переднего плана на белый цвет, а цвет заднего плана на чёрный цвет. Создайте новый слой ниже слоя с Франкенштейном, а затем идём Фильтр – Рендеринг – Облака (Filter > Render > Clouds).

Render Clouds for the BackgroundRender Clouds for the BackgroundRender Clouds for the Background

Пожалуйста, обратите внимание, что цвет облаков после рендеринга стал зелёным, это благодаря предыдущему корректирующему слою Поиск цвета (Color Lookup). Если вы хотите, чтобы облака были темнее, то проведите коррекцию насыщенности с помощью корректирующего слоя Уровни (Levels), а затем щёлкните правой кнопкой мыши по слою с облаками и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

Add a Gradient Overlay to the BackgroundAdd a Gradient Overlay to the BackgroundAdd a Gradient Overlay to the Background

Шаг 2

Для дополнительной коррекции заднего фона, добавьте корректирующий слой Поиск цвета (Color Lookup). Установите следующие настройки, которые указаны на скриншоте ниже:

Add a Color Lookup for the Background ColorAdd a Color Lookup for the Background ColorAdd a Color Lookup for the Background Color

Шаг 3

Т.к. монстр Франкенштейн был создан благодаря мощности разряда молнии, будет интересно добавить эффекты молнии к нашей сцене. Создайте новый слой, а затем с помощью жёсткой круглой кисти белого цвета, нарисуйте несколько изогнутых линий, напоминающие разряды молний. Чтобы добавить свечение к молниям, идём в Параметры наложения (Blending Options), а затем добавляем стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

Create Lightning Bolts for the BackgroundCreate Lightning Bolts for the BackgroundCreate Lightning Bolts for the Background

6. Добавляем Заключительные Штрихи

Шаг 1

Основная часть фотоманипуляции выполнена, однако, осталось добавить заключительные детали, используя технику цифрового рисунка. Создайте новый слой в качестве обтравочной маски к слою с монстром Франкенштейном, а затем поменяйте режим наложения для данного слоя на Умножение (Multiply).

Paint Shadows to Sculpt Frankensteins FacePaint Shadows to Sculpt Frankensteins FacePaint Shadows to Sculpt Frankensteins Face

Вначале мы поработаем над затенением, морщинами и тенями. С помощью инструмента Кисть (Brush Tool (B), добавьте тени на волосы, а также ниже бровной кости. Затените глаза. Выделите структуру лица, добавляя угловые тени на скулы. Добавьте тени на шею.

Шаг 2

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

Draw Wrinkles All Over Frankensteins SkinDraw Wrinkles All Over Frankensteins SkinDraw Wrinkles All Over Frankensteins Skin
Используйте жёсткую кисть маленького размера, чтобы нарисовать морщины. Тем больше морщин вы нарисуете, тем реалистичнее будет выглядеть монстр!

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

Шаг 3

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

Add Red Veins into the Skin with a Custom BrushAdd Red Veins into the Skin with a Custom BrushAdd Red Veins into the Skin with a Custom Brush

Добавьте красные эффекты на лицо монстра. Создайте новый слой, поменяйте режим наложения на Перекрытие (Overlay). С помощью мягкой круглой кисти, акцентируйте красные тона на лице и шее.

Шаг 4

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

Paint the Metal Details with Grunge and TexturePaint the Metal Details with Grunge and TexturePaint the Metal Details with Grunge and Texture

Шаг 5

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

Paint Highlights on Frankensteins FacePaint Highlights on Frankensteins FacePaint Highlights on Frankensteins Face

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

Шаг 6

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

Add more Adjustment Layers for Frankensteins Color Add more Adjustment Layers for Frankensteins Color Add more Adjustment Layers for Frankensteins Color

Мы почти завершили урок! Если на ваш взгляд, картина кажется немного размытой. то просто добавьте немного резкости. Создайте объединённый слой поверх всех остальных слоёв. Продублируйте объединённый слой (Ctrl+J), а затем идём Фильтр – Другое - Цветовой контраст (Filter > Other > High Pass). Установите значение Радиуса (Radius) на 5 px. Поменяйте режим наложения для слоя с цветовым контрастом на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя до 74%. Итак, мы моментально усилили резкость. Итоговый результат вы можете увидеть на скриншоте ниже. Примечание переводчика: чтобы создать объединённый слой, перейдите на самый верхний слой, а затем нажмите клавиши (Ctrl+Alt+Shift+E).

Sharpen Your Manipulation with High PassSharpen Your Manipulation with High PassSharpen Your Manipulation with High Pass

Монстр жив!

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

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

Frankenstein Art by Melody NievesFrankenstein Art by Melody NievesFrankenstein Art by Melody Nieves
One subscription.
Unlimited Downloads.
Get unlimited downloads