Уроки Работа на планшете Марат Садыгалиев 15 июля 2016

Рисуем портрет Супергероя в Фотошоп

Сложность урока: Сложный

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

В этом уроке я покажу вам, как создать портрет, навеянный персонажем Гроза (Шторм) из фильма “Люди Икс”. 

Итоговый результат:

1. В Поисках Грозы

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

Немного про Грозу

Гроза (Шторм) всем известна как мутант из фильма “Люди Икс”, которая обладает способностью подчинять себе силы природы - погоду. Она родилась принцессой, её сила и упорство делают её настоящим лидером и основным членом команды. 

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

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

Вдохновение

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

Исходное изображение модели вместе с заключительным наброском. 

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

2. Рисуем Набросок Супергероя

Шаг 1

Теперь, когда мы выбрали идеальную фотографию, мы можем перейти к наброску. Выберите Жёсткую Круглую Кисть Нажим Непрозрачность (Hard Round Pressure Opacity brush) перед тем, как приступить к созданию наброска Грозы.

Примечание переводчика: Жёсткая Круглая Кисть Нажим Непрозрачность (Hard Round Pressure Opacity brush) – указана на скриншоте ниже. У данной кисти затенённые края, кроме этого, она обладает высокой чувствительностью пера, что хорошо подходит для создания набросков. 

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

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

Шаг 2

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

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

Шаг 3

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

Белые участки на изображении будут служить вам ориентиром, куда будут падать световые блики

3. Рисуем Основу

Шаг 1

Как только ваш набросок будет готов, объедините все слои за исключением слоя с серым тоном и слоя с белым задним фоном. Рядом держите цветовую палитру выбранных оттенков в качестве ориентира. Вначале давайте зальём слой с Задним фоном (Background Layer) насыщенным сиреневым цветом с помощью инструмента Заливка (Paint Bucket Tool (G)). 

Далее, создайте новый слой и с помощью круглой кисти Жёсткостью (Hardness) 100%, нанесите базовые цвета в качестве основы. Поменяйте режим наложения для слоя с наброском на Перекрытие (Overlay), чтобы совместить его с базовым слоем раскраски. 

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

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

Шаг 2

Создайте пару слоёв поверх слоя с базовой раскраской в качестве обтравочных масок. Поменяйте режим наложения для созданных слоёв на Умножение (Multiply). На новых слоях мы нарисуем тени для нашего портрета. Просто отберите цветовые оттенки, которые расположены рядом, с помощью инструмента Пипетка (Eyedropper Tool (I)). Мы используем отобранные цветовые оттенки в качестве цвета переднего плана, когда мы будем наносить тени. Т.к. мы поменяли режим наложения для слоёв с тенями на Умножение (Multiply), то цвета будут выглядеть темнее. 

Шаг 3

По мере добавления теней, начинают проявляться светлые участки изображения. Создайте новый слой, поменяйте режим наложения для данного слоя на Линейный осветлитель (Добавить) (Linear Dodge (Add)), чтобы совместить свет со всей сценой. Как и в случае с тенями, всё, что вам нужно, - это использовать цвета с ближайших участков изображения. На этот раз, наносимые цвета будут намного светлее, это поможет вам понять, куда добавлять свет.

4. Корректируем Палитру Цветов

Шаг 1

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

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

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

Результат на данный момент после коррекции цвета. 

Шаг 2

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

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

5. Меняем Форму Тела Модели

Шаг 1

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

Учитывая то, что я хотел придать динамичную позу героине, Гроза начинает выглядеть немного громоздкой в верхней части туловища. Вы можете с лёгкостью исправить любую часть тела с помощью инструмента Пластика (Liquify). 

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

На картинке ниже вы можете увидеть анимацию до и после применения фильтра Пластика (Liquify).

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

6. Заключительные Детали

Шаг 1

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

"Что же ещё осталось?"

Хорошо, давайте начнём с заднего фона. Т.к. я вынужден был объединить все слои вместе, теперь мне нужно отделить изображение Грозы от заднего фона. Выберите инструмент Прямолинейное лассо (Polygonal Lasso Tool (L)), создайте выделение вокруг изображения Грозы. Далее, щёлкните по области выделения и в появившемся меню выберите опцию Скопировать на новый слой (Layer Via Copy).

Теперь размойте задний фон с помощью фильтра Размытие по Гауссу (Gaussian Blur). Идём Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия на 8 px. Это поможет нам создать отличную основу для нашего штормового заднего фона. Далее, создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay). С помощью мягкой кисти, нарисуйте пушистые облака. На этом сайте (http://photodune.net/search?utf8=%E2%9C%93&term=clouds&referrer=homepage) вы можете изучить изображения облаков, чтобы понять форму и текстуру облаков.

Шаг 2

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

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

Шаг 3

Я как-то не особо чувствую сиреневый оттенок. Давайте изменим его с помощью корректирующего слоя Цветовой Баланс (Color Balance). Идём Слой – Новый корректирующий слой – Цветовой Баланс (Layer > New Adjustment Layer > Color Balance). Установите значения для Средних тонов (Midtones) и Света (Highlights), чтобы усилить синие тона. 

Шаг 4

Пришло время для световых бликов! В этом шаге, мы добавим световые блики, на создание которых уйдёт много времени. Т.к. у модели густые волосы, то вначале начните добавлять световые блики на пряди волос. Используя жёсткую круглую кисть Жёсткостью (Hardness) 100%, прокрасьте штрихами каждый локон волос, это также добавит волосам глянцевый блеск. 

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

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

Шаг 5

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

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

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

Отличная работа! Мы завершили урок!

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

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

Я искренне надеюсь, что вам понравился этот урок. Так кто ж ваш любимый персонаж из Людей Икс? Мы увидим это в комментариях к уроку!

Итоговый результат:

Автор: Melody Nieves

Источник: design.tutsplus.com

Комментарии 6

Спасибо за полезные советы. Но вот волосы нарисовать не хватает усидчивости.

Хоть и указана сложность всего 3 звездочки (как и у предыдущего с деревянным текстом), но для меня это все 10 звезд... Не выходит каменный цветок (с)

Спасибо за урок.Я новичок в навыках программы фотошоп.Тоже интересовал вопрос мышкой или в планшете.Погуглил,оказалось есть оптические ручки и карандаши.Может куплю себе.Так то точно поудобней,чем мышью рисовать.
Хороший сайт.Очень много полезного.

Это надо в планшете рисовать или мышкой ??? может тупой вопрос но все же

Да, на планшете графическом, можно и мышкой , но получится криво

Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

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

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Комментарии к работе будут отключены, на их месте будет выведена реклама.

После добавления работы:


Запланировать публикацию

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее