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

Создаём портрет в стиле стимпанк в Illustrator CS6

Difficulty:AdvancedLength:LongLanguages:
This post is part of a series called Mastering Vector Portraits.
Create a Vamp Feminine Portrait in Adobe Illustrator
Vectoring a Pair of Luscious Lips in Illustrator CS6 from Stock

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

В сегодняшнем руководстве я собираюсь показать вам, как я создала портрет друга в стиле стимпанк в программе Illustrator CS6. Я собираюсь показать вам весь процесс от зарисовки Инструментом "Кисть-клякса" до рисования фигур и раскраски. Вы узнаете, как создать профессиональную векторную иллюстрацию, которая будет стилизованной и состаренной. Давайте приступим!


Шаг 1

Мой портрет в стиле стимпанк будет основан на фотографии моего друга. Я сделала его в оттенках серого в Photoshop, затем поместила его в Новый документ в Adobe Illustrator (Файл > Поместить), после чего настроила слои, как показано ниже.

В папке слоя "BG" находится прямоугольник (М) с белой заливкой с Непрозрачностью 50%. Затем перейдите в Вид > Спрятать монтажные области. Когда речь заходит о скетчинге, я не хочу ограничиваться определёнными границами.



Шаг 2

Для зарисовки иллюстрации я собираюсь использовать Инструмент "Кисть-клякса" (Shift + B), после чего обведу эскиз Инструментом "Перо" (Р). Однако, сначала я собираюсь Дважды кликнуть на Инструменте "Кисть-клякса" на панели инструментов, чтобы появились настройки инструмента. Я собираюсь уменьшить размер до 3, сделать его зависимым от нажатия на планшет, а затем установить вариацию на 3. В конце нажимаю ОК.


Сейчас я просто зарисовываю разные идеи на портрете. Я хотела включить дреды и гогглы, но не была уверена насчёт остального.



Шаг 3

Я организовала слои таким образом, чтобы эскиз был под Прямоугольником (М) с белой заливкой. Я заблокировала все фигуры и тот скетч, который буду использовать в иллюстрации. Пора приступить к линейному рисунку.



Шаг 4

Для линейного рисунка я собираюсь использовать Инструмент "Перо" (Р) с нестандартной обводкой. Цвет сейчас не соответствует, т.к. он изменится позже. Я начинаю с некоторых базовых фигур для лица, повязки, шеи, шейного платка и свитера. Используйте Быстрые направляющие (Command + U), чтобы убедиться в том, что линии пересекаются.



Шаг 5

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


После того, как нарисуете дреды, выделите все линии, перейдите в Объект >Разобрать оформление и потом Объект > Разобрать. Измените заливку на белую и Обводку на чёрную, чтобы соответствовать остальным частям иллюстрации.



Шаг 6

Я собираюсь создать гогглы из скопированных Эллипсов (L) с чёрной обводкой и белой заливкой. После создания первой части гогглов, я Сгруппировала их (Command + G). Затем я скопировала и переместила их вверх при помощи клавиш со стрелками. Я использовала Выравнивание >Горизонтальное выравнивание по центру.


Затем я добавляю круги, созданные Инструментом "Эллипс" (L) на каждые 45 градусов. Это дополнительное украшение гогглов.



Шаг 7

Я собираюсь поместить крест на один из гогглов. Инструментом "Отрезок линии" (\) я нарисовала крест из линий Толщиной 10. Затем я перешла в Объект >Разобрать и использовала Обработку контуров > Объединить, чтобы создать крест.

Скопируйте один из кругов гогглов и используйте Инструмент "Свободное трансформирование" (Е), чтобы изменить его размер на более маленький, чем верх гоггла. Затем примените Обработку контуров > Пересечение, чтобы создать отдельный крест. Пусть обводка будет чёрная, а заливка - белая. Когда будет готово, Сгруппируйте все элементы гоггла (Command + G).



Шаг 8

Используйте Инструмент "Свободное трансформирование" (Е), чтобы расположить гоггл на повязке под нужным углом. Скопируйте его и примените Объект >Трансформирование >Отразить по вертикали, а затем спрячьте крест. Расположите скопированный гоггл таким образом, чтобы теперь их было два.

Я собираюсь создать резинку, нарисовав линию Толщиной 40 вдоль повязки от уха до уха, затем применяю Профиль "Ширина профиля 1", чтобы получились конусные концы.


Используйте Объект >Разобрать оформление и Объект >Разобрать. Создайте белую заливку и чёрную обводку. Вы заметите, что на резинке может быть множество ненужных точек, поэтому используйте Объект >Контур > Упростить, чтобы снизить количество точек.



Шаг 9

Я добавила конец резинки сбоку от гогглов. Я использовала линию Толщиной 40 с Профилем "Профиль ширины 3", чтобы получился заострённый конец. После Разбора я добавила линию вдоль края конца резинки и резинку вдоль повязки для дополнительной детальности.


Затем я использовала Инструмент "Эллипс" (L), чтобы добавить отверстия на конце резинки, как показано ниже.



Шаг 10

Теперь, когда базовые фигуры нарисованы, мне нужно добавить линии, чтобы обозначить складки на платке. Я добавила прерывистую линию вдоль края платка с наклоном 5 и интервалом 2.


Фигуры глазниц и ушей. Ушам понадобится белая заливка.



Шаг 11

Для радужки и зрачков я нарисовала ровный круг Инструментом "Эллипс" (L), затем скопировала его и уменьшила размер Инструментом "Свободное трансформирование" (Е). Затем я скопировала оба круга и сдвинула их на другой глаз, чтобы получилось по два круга на каждом глазу.

Затем я Инструментом "Перо" (Р) добавила дополнительные точки там, где круги пересекаются с фигурами глаз (здесь очень пригодятся Быстрые направляющие!). Затем я использовала Инструмент "Прямое выделение" (А), чтобы выделить ненужные точки и удалить их.



Шаг 12

Время от времени я делюсь прогрессом работ на своей странице Facebook. Когда я изначально показала базовый рисунок из линий для этого портрета, люди попросили меня создать этот портрет в стиле Gasmask Angel. Gasmask Angel - это текущая серия персонажей/тематики, которую я время от времени создаю для того, чтобы подстегнуть свою креативность. Хотя я не собираюсь создавать одного из этих персонажей, я решила принять предложение и добавить противогаз. Их очень легко создавать, особенно когда у вас уже есть один из элементов!

Сначала я собираюсь добавить маску вокруг области рта. В первую очередь, я нарисую половину маски, а затем скопирую её и применю Объект >Трансформировать >Отразить по вертикали. После этого я применяю Обработку контуров > Объединить, чтобы создать одну фигуру.


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



Шаг 13

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



Шаг 14

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



Шаг 15

Я собираюсь подправить дреды, которые накрывают свитер персонажа.


Скопируйте все фигуры, использованные при создании персонажа, кроме дредов, и используйте Обработку контуров > Объединить, чтобы создать одну фигуру. Затем удалите нижнюю часть фигуры при помощи Прямоугольника (М) и перейдите в Обработку контуров > Вычитание переднего.


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



Шаг 16

Признаю, что не слишком силён в цвете, и иногда требуется помощь в этой области. Одним из моих любимых цветовых инструментов - Kuler от Adobe. Итак, я залогинилась на сайте при помощи Adobe ID и ввела в поисковике "steam punk". Я сразу же нашла отличную палитру, которую вы можете скачать с сайта после входа.


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



Шаг 17

Я собираюсь начать с Группировки всего линейного рисунка (Command + G), а затем скопировать его. Задаю песочный цвет обводки (C=26, M=29, Y=72, K=1) и, где это применимо, кремовую заливку (C=5, M=6, Y=22, K=0). Я собираюсь применить стандартную художественную кисть "Pencil - Thin" к обводкам и затем установить всю группу на Режим наложения "Умножение" с Непрозрачностью 60%. Затем я поместила Прямоугольник (М) с кремовой заливкой за группу.


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



Шаг 18

Я добавила несколько дополнительных цветов в образец с коричневыми цветами стимпанка. Я добавила малиновый оттенок (C=0, M=95, Y=20, K=0) и зелёный (C=80, M=10, Y=45, K=0) частично из-за того, что мне нравится эта цветовая комбинация и частично потому, что присутствие только коричневых оттенков на иллюстрации делает её немного скучноватой для меня!



Шаг 19

Я собираюсь начать процесс наложения теней в разных областях. Каждую область нужно окрасить в разные теневые оттенки. Для областей с неравномерными контурами, таких как кожа, резинки, маска и ткань, нужно будет нарисовать тени от руки Инструментом "Перо" (Р). Т.к. лицо более-менее симметричное, я нарисовала одну половину. Затем скопировала, перешла в Объект > Трансформировать > Отразить по вертикали и затем Обработка контуров > Объединить.



Шаг 20

Я задаю для каждой теневой фигуры тёмно-коричневую заливку (C=51, M=69, Y=86, K=68) и устанавливаю Режим наложения "Умножение" с Непрозрачностью 5%. Затем я усилила тень, перекрыв фигуры, как показано ниже.


Я Сгруппировала фигуры теней (Command + G). Затем я скопировала фигуру лица и использовала её в качестве Обтравочной маски (Command + G). Этот метод используется во всей иллюстрации.



Шаг 21

Я продолжила задавать тени на иллюстрации, как показано ниже:


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


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

Вместо применения Толщины обводки для управления областью тени я использовала Эффект > Контур > Параллельный контур и значение параллельности -1, -1.5 и -2. Затем я сгруппировала все элементы (Command + G) и поместила их в Обтравочную маску (Command + 7).



Шаг 22

Брови и волосы создаются похожим образом. Я нарисовала грубую, зигзагообразную линию Инструментом "Кисть" (В), использовав художественную кисть Уголь - Перо. Затем я установила её на Режим наложения "Умножение" с Непрозрачностью 20% и поместила её в Обтравочную маску (Command + 7).



Шаг 23

Я решила изменить первоначальный цвет линейного рисунка и установить его на тёмно-коричневый (C=51, M=69, Y=86, K=68). Таким образом, линейный рисунок не будет выглядеть выцветшим в области шейного платка.



Шаг 24

Я собираюсь добавить больше теней вокруг глаз. Сначала добавим больше теней на верхних веках, чтобы затемнить их. Затем я использовала песочный оттенок, установленный на Режим наложения "Осветление" с Непрозрачностью 30%, чтобы добавить блик в нижней части радужки. Затем я добавила отражение при помощи самого бледного оттенка (C=5, M=6, Y=23, K=0), установив Режим наложения на "Осветление" с Непрозрачностью 80%.

Я Сгруппировала эти элементы и поместила их под все остальные тени (Command + G).



Шаг 25

Я снова будут использовать Инструмент "Кисть-клякса" (Shift + B), но в этот раз добавлю мягкий блик в некоторых частях иллюстрации, а также добавлю текстуру. Сначала я изменю размер с 3 до 2.


Ниже вы можете увидеть, где я добавила светлые детали. Я использовала самый бледный оттенок и установила его на Режим наложения "Осветление" с Непрозрачностью 20%.



Шаг 26

Я использовала тёмно-коричневый для создания текстуры на дредах. Режим наложения установлен на Умножение с Непрозрачностью 10%. Это просто случайные волнистые линии, которые можно увидеть справа:


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



Шаг 27

Цвета всё ещё кажутся мне тусклыми, поэтому, пока другие элементы заблокированы, я использовала Инструмент "Прямое выделение" (А), чтобы выделить области и затем изменить заливку.



Шаг 28

Скопируйте группу линейного рисунка и затем перейдите в Объект > Разобрать оформление и Объект > Разобрать. Затем я применила Обработку контуров > Объединить, чтобы создать единую фигуру всего персонажа.


Я использовала эту фигуру, чтобы создать контур вокруг персонажа при помощи Выравнивания обводки по внешнему краю с тёмно-коричневым оттенком и Толщиной обводки 2. Режим наложения установлен на "Умножение" с Непрозрачностью 30%.



Шаг 29

Я собираюсь создать простой фон. Сначала я нарисую много Прямоугольников (М) с бледной заливкой на фоне. Как видите, цвет нашего персонажа изменился. Это произошло потому, что ни одна из фигур, из которых состоит персонаж, не установлена на Режим наложения "Нормальный" с Непрозрачностью 100%.


Чтобы это исправить, я могла бы использовать фигуру, созданную в Шаге 28, для основы за персонажем и установить Режим наложения на Нормальный с Непрозрачностью 100%. Также я могу вычесть эту фигуру из Прямоугольника (М) (Обработка контуров > Вычитание переднего) и создать Обтравочную маску (Command + 7). Я остановилась на последнем варианте, обрезав область за пределами портрета. Люблю Обтравочные маски.


Затем я использовала Инструмент "Прямое выделение" (А), чтобы изменить заливку нескольких фоновых полос.



Шаг 30

Для определения монтажной области я использовала Инструмент "Монтажная область" (Shift + O).



Заключение

Я изменила цвет пары элементов, включая гогглы, и вот мой состаренный портрет в стиле стимпанк.


Advertisement
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.