1. Design & Illustration
  2. Digital Painting

Рисуем Куклу Аннабель в программе Adobe Photoshop

by
Read Time:10 minsLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Poltergeist TV Silhouette Scene in Adobe Illustrator
How to Create a Freddy Krueger Inspired Text Effect in Adobe Photoshop

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
Final product imageFinal product imageFinal product image
Итоговый результат

Куклы просто до ужаса жуткие. А одержимые куклы всегда являются причиной бесконечных разрушений. Вдохновившись фильмом «Проклятие Аннабель», давайте создадим какую-нибудь жуткую картину в стиле фан-арт, чтобы отпраздновать Неделю Ужастиков, которые посвящены фильмам ужасов, здесь на сайте Envato Tuts+.

В этом уроке вы узнаете, как создать портрет куклы от начала и до конца с помощью кисти, корректирующих слоёв, а также ресурсов, которые доступны на сайте Envato Market.

История Аннабель.

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

И с этого момента начинает хаос.....

Детали сюжета, которые необходимо рассмотреть.

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

Несколько фактов о Аннабель, которые помогут вам при создании её портрета:

  • Аннабель- высокая винтажная кукла.
  • У нее рыжеватые волосы, вплетённые в косички, и прямая чёлка.
  • У неё большие широкие глаза, угрожающий взгляд, её рот может быть как открытым, так и закрытым.
  • Она была заперта в стеклянную коробку, чтобы защитить окружающий мир от нее.

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

1. Создаём Стеклянную Коробку

Шаг 1

Когда мы в первый раз увидели Аннабель, она была заперта в стеклянной коробке, которая хранилась в подвале исследователей паранормальных явлений Эд и Лоррейн Уоррены. Честно признаться, я вообще не планировала рисовать эту коробку. Поэтому, вместо этого, я решила использовать исходное изображение Рамы, доступное на сайте Envato Market, которое поможет мне создать стеклянную коробку.

Создайте новый документ со следующими размерами 1771 x 2656 px. Установите разрешение 150 dpi. Вы можете увеличить разрешение на своё усмотрение, не бойтесь. Откройте исходное изображение картинной рамой в программе Photoshop. Скопируйте / вклейте данное изображение рамы на свой рабочий документ. С помощью инструмента Волшебная палочка (Magic Wand Tool (W), выделите все белые участки, а затем нажмите клавишу (Delete), чтобы удалить все выделенные белые участки на изображении. Далее, с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), выделите внутреннюю часть рамы, а затем ещё раз нажмите клавишу (Delete).

Use the Marquee Tool to select and delete the white backgroundUse the Marquee Tool to select and delete the white backgroundUse the Marquee Tool to select and delete the white background

Шаг 2

Нажмите клавиши (Ctrl+J). чтобы продублировать слой с рамой. Уменьшите масштаб изображения дубликата рамы с помощью инструмента Свободная трансформация (Free Transform Tool (Ctrl+T). Расположите уменьшенный дубликат рамы внутри основной рамы, чтобы начать создание каркаса для коробки.

Create a Duplicate and Resize the FrameCreate a Duplicate and Resize the FrameCreate a Duplicate and Resize the Frame

Далее, с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите небольшой фрагмент рамы. Продублируйте выделение (Ctrl+J) на новый слой. Нажмите клавиши (Ctrl+T), чтобы ещё раз активировать Свободную трансформацию (Free Transform). С помощью поворота и перспективы, соедините обе рамы, используя созданный фрагмент рамы. Продублируйте слой с небольшим фрагментом несколько раз, а затем отразите дубликат слоёв, для этого идём Редактирование - Отразить по Вертикали или Горизонтали (Edit > Transform > Flip Horizontal or Vertical).

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

Create and Warp the Box FrameCreate and Warp the Box FrameCreate and Warp the Box Frame

Шаг 3

Чтобы яркий фиолетовый цвет не отвлекал наше внимание, давайте обесцветим изображение, для этого идём Изображение - Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue and Saturation). Уменьшите значение Насыщенности (Saturation) до -100. Конечный каркас для нашей стеклянной коробки, вы можете увидеть на скриншоте ниже..

Desaturate the Frame with Hue and SaturationDesaturate the Frame with Hue and SaturationDesaturate the Frame with Hue and Saturation

2. Создаём Набросок Аннабель

Шаг 1

Создайте новый слой. С помощью жёсткой круглой кисти, начните рисовать черновой набросок Аннабель. Во время создания наброска, не забывайте про положение её тела относительно расположения внутри коробки.

Draw a Rough Sketch of AnnabelleDraw a Rough Sketch of AnnabelleDraw a Rough Sketch of Annabelle
Если коробка отвлекает вас, то просто временно отключите видимость слоя с коробкой.

Шаг 2

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

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

Drawing Of Annabelle the DollDrawing Of Annabelle the DollDrawing Of Annabelle the Doll

3. Создаём Полутоновую Основу

Шаг 1

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

С помощью инструмента Заливка (Paint Bucket Tool (G), залейте задний фон серым цветом средних полутонов #454545. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите верхнюю часть коробки, а затем залейте выделенную область тёмно-серым цвет #353535. Примечание переводчика: 1. не забудьте создать новый слой для заливки тёмно-серым цветом 2. выделите / залейте потолочный фрагмент коробки.

Change the Background Color Change the Background Color Change the Background Color

Шаг 2

Чтобы приступить к созданию настроения, создайте новый слой, поменяйте режим наложения для данного слоя на Умножение (Multiply) и с помощью инструмента Градиент (Gradient Tool (G)), создайте два серых Линейных (Linear) градиента: один сверху вниз, а второй снизу вверх.

Setting the Lighting with Linear GradientsSetting the Lighting with Linear GradientsSetting the Lighting with Linear Gradients

Создайте новый слой ниже слоя с наброском. С помощью жёсткой круглой кисти, цвет кисти серый #b4b4b4, прокрасьте изображение Аннабель. Поменяйте режим наложения для слоя с наброском на Перекрытие (Overlay), а затем щёлкните правой кнопкой мыши по слою с наброском и в появившемся окне, выберите опцию Создать обтравочную маску (Create a Clipping Mask).

Fill the Base Layer for Your PaintingFill the Base Layer for Your PaintingFill the Base Layer for Your Painting

Шаг 3

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

Paint the Shadows in Grayscale Paint the Shadows in Grayscale Paint the Shadows in Grayscale

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

Paint the Doll Face in Gray Scale in PhotoshopPaint the Doll Face in Gray Scale in PhotoshopPaint the Doll Face in Gray Scale in Photoshop

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

Теперь давайте перейдём к раскраске.

4. Добавляем Цвета с помощью Режимов Наложения

Шаг 1

Объедините слои, относящиеся только к кукле. Создайте новый слой в качестве обтравочной маски к объединённому слою с куклой. Поменяйте режим наложения для данного слоя на Умножение (Multiply), а затем подберите базовую цветовую палитру для Аннабель. Основные цвета, которые я использую, это жёлтый #b58562, красный #b40909, и кремовый #bba08e.

Set Base Colors to Multiply Set Base Colors to Multiply Set Base Colors to Multiply

Шаг 2

Создайте новый слой в качестве обтравочной маски к базовому слою для осветления сцены. Поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge). Используйте светло-желтовато-коричневый оттенок #96908d,  чтобы добавить световые блики на лицо, платье и волосы с помощью мягкой круглой кисти.

Use Color Dodge to Paint Highlights on the DollUse Color Dodge to Paint Highlights on the DollUse Color Dodge to Paint Highlights on the Doll

Шаг 3

То же самое, что мы проделывали ранее, нам нужно воссоздать тени на раме в соответствии со световой схемой. Создайте новые слои поверх слоя с задним фоном и слоем с каркасом в качестве обтравочных масок. Теперь залейте новый слой тёмно-жёлтым оттенком #8c611d, чтобы затемнить задний фон. Поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn).

Теперь переходим к раме. Поменяйте режим наложения для первого слоя, который мы создали поверх слоя с каркасом в качестве обтравочной маски, на Умножение (Multiply), а затем нарисуйте тёмные тени вдоль рамы, придавая ей жуткий штрих. Совмещайте кисти с текстурными кистями, чтобы придать раме более старинный вид. Создайте ещё один новый слой в качестве обтравочной маски. Теперь залейте новый слой коричневым оттенком #6d5241, чтобы придать цвет раме. Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

Finish Coloring the Frame and Background for AnnabelleFinish Coloring the Frame and Background for AnnabelleFinish Coloring the Frame and Background for Annabelle

Шаг 4

Перед тем, как мы перейдём к усилению реализма нашей картины, не забудьте про одну основную деталь. С помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте вывеску для предупреждающего знака. Залейте выделенную прямоугольную область цветовым оттенком #877266. Щёлкните правой кнопкой по слою с прямоугольной вывеской, чтобы применить Параметры наложения (Blending Options). Примените стиль слоя Наложение градиента (Gradient Overlay), установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Use a Gradient Overlay to Color the PaperUse a Gradient Overlay to Color the PaperUse a Gradient Overlay to Color the Paper

5. Создаём Настроение с помощью Корректирующих Слоёв

Шаг 1

На данный момент, цвета картины скучные потому, что они нанесены на серую основу. Далее, мы усилим цвета с помощью режимов наложения и корректирующих слоёв. Создайте новый слой, поменяйте режим наложения для данного слоя на Осветление основы (Color Dodge). С помощью мягкой круглой кисти, цвет кисти тёмно-оранжевый #6a3926, добавьте эффекты освещения к сцене.

Brighten up the Scene with Color DodgeBrighten up the Scene with Color DodgeBrighten up the Scene with Color Dodge

Шаг 2

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

Use a Chalk Brush to Paint Grunge and Texture Use a Chalk Brush to Paint Grunge and Texture Use a Chalk Brush to Paint Grunge and Texture

Шаг 3

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

Use Adjustment Layers to Tweak the Colors of the PaintingUse Adjustment Layers to Tweak the Colors of the PaintingUse Adjustment Layers to Tweak the Colors of the Painting

Поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Замена светлым (Lighten), а также уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 17%. Далее, для корректирующего слоя Поиск цвета (Color Lookup), уменьшите непрозрачность до 25%, чтобы приглушить цвета.

Result After Applying Gradient Map and Color LookupResult After Applying Gradient Map and Color LookupResult After Applying Gradient Map and Color Lookup

6. Дорисовываем Детали

Шаг 1

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

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

Refine the Dolls Face and HairRefine the Dolls Face and HairRefine the Dolls Face and Hair

Шаг 2

Давайте отвлечёмся от куклы и переключимся на предупреждающий знак. Добавьте текст, используя тот же самый шрифт, который использовался в фильме. Здесь я использовала комбинацию шрифтов: Old English Text MT и Monotype Corsiva для верхнего и нижнего текста.  Чтобы добавить больше индивидуальности к своей картине, не забудьте добавить небольшие детали, такие как, клейкую ленту, световые блики на разбитое стекло и отпечатки крови.

Add Text and Paint Gorey DetailsAdd Text and Paint Gorey DetailsAdd Text and Paint Gorey Details

Шаг 3

Давайте проведём небольшую коррекцию цвета перед тем, как приступить к завершению. Добавьте корректирующие слои Цветовой Баланс (Color Balance) и Поиск цвета (Color Lookup) для завершения цветовой коррекции. Примените настройки, которые указаны на скриншоте ниже.  

Using Color Balance and Color Lookup for Horror PaintingsUsing Color Balance and Color Lookup for Horror PaintingsUsing Color Balance and Color Lookup for Horror Paintings
The Final Color Scheme for AnnabelleThe Final Color Scheme for AnnabelleThe Final Color Scheme for Annabelle

Шаг 4

В фильме, Аннабель оставляет страшные записки, на которых была написана фраза "Miss Me". Поэтому, давайте усилим степень жути и оставим сообщение, написанное кровью. С помощью кисти, напишите свой текст. Щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Параметры наложения (Blending Options). Примените стиль слоя Внешнее свечение (Outer Glow), чтобы добавить красное свечение. Далее, чтобы кровь заблестела, добавьте яркие белые световые блики.

Paint Bloody Text in PhotoshopPaint Bloody Text in PhotoshopPaint Bloody Text in Photoshop

Шаг 5

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

Добавьте белую кромку вдоль контура куклы, усилив световые блики, а также доработайте детали с помощью жёсткой круглой кисти со 100 % жесткостью. На скриншоте ниже, вы можете увидеть итоговый результат.

Paint Reflections Rim Lighting and More DetailsPaint Reflections Rim Lighting and More DetailsPaint Reflections Rim Lighting and More Details

Заключение

Возможно я не смогу уснуть после этого урока, но фан-арт - это самый лучший способ попрактиковаться и отшлифовать свои знания цифрового искусства. Поскольку концепция и цветовая гамма уже разработана, все, что вам нужно сделать, это раскрасить свою куклу в свой собственный стиль. Используйте корректирующие слои, например, Поиск цвета (Color Lookup) в своей работе, это поможет вам создать настроение и тональность вашей картины.

Релиз фильма Аннабель 2 в кинотеатрах планируется на 2017. Вы собираетесь посмотреть этот фильм? Напишите мне об этом в комментариях к уроку. Вы также можете посмотреть другие уроки на тему страшилок:

Annabelle The Movie Painting by Melody NievesAnnabelle The Movie Painting by Melody NievesAnnabelle The Movie Painting by Melody Nieves
One subscription.
Unlimited Downloads.
Get unlimited downloads