Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Fan Art

Как нарисовать цифровой портрет супергероя в Adobe Photoshop

by
Difficulty:AdvancedLength:MediumLanguages:
This post is part of a series called X-Men Week.
How to Create a Fabulous Professor X Pin-Up in Adobe Illustrator
How to Create a Mystique-Inspired Text Effect in Adobe Photoshop

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

Final product image
What You'll Be Creating

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

В данном уроке я покажу вам процесс создания цифрового портрета, вдохновленного героиней Людей Х - Шторм.

1. Изучите Шторм

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

Кратко о Шторм

Шторм хорошо известна, как мутант Людей Х, управляющая погодой. Рожденная племенной принцессой, сила и упорство сделали её прирожденным лидером и ключевым участником команды.

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

  • У Шторм длинные белые волосы.
  • При использовании силы её глаза становятся белыми.
  • Она управляет погодой и ударами молнии своими руками.
  • Её костюмы отличаются друг от друга, но цвета могут включать: черный, белый и золотой.
  • Подумайте над применением темного, похожего на шторм фона.

Вдохновение

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

Storm Sketch and Photo Reference
Здесь представлен оригинальный источник с конечным наброском.

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

2. Создайте эскиз Супергероя

Шаг 1

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

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

Drawing a Rough Sketch of Storm

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

Шаг 2

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

Draw a Cleaner Sketch of Storm in Photoshop

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

Шаг 3

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

Painting Grays to Establish Light and Shadow
Быстрая зарисовка уровня яркости для подходящего мне источника света.

3. Нарисуйте основу

Шаг 1

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

Теперь создайте новый слой и используйте твердую круглую кисть с жесткостью 100% для окрашивания основы рисунка. Установите перекрытие (overlay) для слоя с наброском для хорошего смешивания с цветами.

Paint the Base Colors for the Storm Painting

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

Шаг 2

Установите режим обтравочная маска для некоторых слоев для основных цветов и заднего фона. Измените режим наложения на умножение (Multiply), чтобы начать отрисовку теней на портрете. Выберите ближайший цвет с помощью инструмента - пипетка (Eyedropper Tool (I)), для его установки, как цвета изображения во время рисования. Цвет слоя в режиме умножение будет выглядеть темнее.

Paint Shadows for Superhero Portrait in Photoshop

Шаг 3

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

Add Highlights to Your Painting with Linear Dodge Add

4. Регулирование цветовой гаммы

Шаг 1

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

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

Use Hard Round Brushes to Paint Intricate Details

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

Use Soft Photoshop Brushes to Paint Skin

Вот, что должно получиться после некоторой детализации.

Clean Up Your Digital Painting with Hard and Soft Brushes

Шаг 2

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

Use Layer Blend Modes to Color Paintings in Adobe Photoshop

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

5. Измените положение её тела

Прислушайтесь к своему рисунку. Если вы чувствуете, что что-то не так, значит так и есть.

Несмотря на то что я хотела нарисовать более динамичную позу, Шторм начала выглядеть немного объемистой в верхней части тела. Легко изменить любую часть тела можно при помощи функции пластика (Liquify).

Для начала объедините все слои. Сохраните копию в случае допущения ошибок, удерживая клавиши Control-J для создания дубликата. Теперь перейдите в Фильтр > Пластика (Filter > Liquify) и используйте инструмент деформация (W), чтобы подтянуть области спины, талии и груди.

Before and After Liquify Transformation
Быстрая анимация рисунка до и после использования функции Пластика.

Будьте очень осторожны на этой стадии! Избегайте сильной деформации тела, так как это только навредит рисунку!

6. Последние детали

Шаг 1

Теперь, когда пол пути пройдено, вас может заинтересовать:

"И что дальше?"

Что ж давайте займемся задним фоном. Так как в предыдущем шаге я объединила все слои, мне необходимо отделить Шторм от заднего фона. Выберите многоугольное лассо (L) и используйте его для выделения области вокруг Шторм. Далее правым кликом выберите слой как копия (Layer Via Copy).

Blur a Digital Painting Background with Gaussian Blur

Теперь размойте задний фон, используя размытие по Гауссу. Перейдите в Фильтр > Размытие > Размытие по Гауссу и установите Радиус равный 8 px. Это поможет в создании идеальной основы нашего штормоподобного заднего фона. Ддя следующего шага установите новый слой на режим Overlay (Наложение) для создания мягких, пушистых облаков, используя мягкую круглую кисть. Соберите некоторое количество источников облаков, чтобы лучше понимать структуру и текстуру облаков.

Шаг 2

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

Painting the X-men Logo Onto Storm
Каждая дополнительная деталь улучшает дизайн вашего персонажа.

Шаг 3

Мне не совсем нравится данный оттенок фиолетового. Давайте поменяем его при помощи корректирующего слоя (Adjustment Layer). Перейдите в Слой > Новый корректирующий слой > Цветовой баланс. Установите настройки на полутона (Midtones) и освещение (Highlights) для выделения голубоко оттенка.

Use Color Balance to Adjust the Colors in a Digital Painting

Шаг 4

Далее освещение! Последний этап - создание освещения, требует гораздо большее количество времени. Начните с отрисовки светлых участков головы, потому что у персонажа очень объемные волосы. Используйте твердую круглую кисть с жесткостью 100% для создания четких линий для каждой пряди волос, не забывая добавлять глянцевое сияние.

Digitally Painting Hair Strands in Adobe Photoshop

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

Digitally Paint LIghtning Bolts for X-men Storm
Отрисовка вспышек молнии схожа с рисованием кровеносных сосудов. Используйте изогнутые, резкие линии для каждой молнии.

Шаг 5

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

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

Painting a Tan with Color Burn in Adobe Photoshop

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

X Men Storm Fan Art by Melody Nieves

Поздравляю! Отличная работа!

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

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

Надеюсь, вы получили удовольствие от данного урока. А какой ваш любимый персонаж Людей Х? Расскажите нам о нем в комментариях ниже!

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

End result
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.