Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Adobe Illustrator
Design

Рисуем мальчика на скутере в Adobe Illustrator

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

Недавно я в сотый раз посмотрела старый романтический фильм "Римские каникулы". Во время просмотра меня посетила мысль создать современную версию иллюстрации мальчика на скутере. Затем я просмотрела множество изображений скутеров на GraphicRiver, чтобы напомнить себе (на самом деле узнать) как выглядит данное транспортное средство. Адаптировав иллюстрацию к начальному уровню, я воплотила свою идею в жизнь.

Как вы уже поняли, вы этом уроке мы будем рисовать мальчика на скутере, используя основные фигуры, а также эффекты из группы Warp.

Давайте же начнем.

1. Рисуем скутер

Шаг 1

Запустите Adobe Illustrator и создайте новый документ с размерами 850x850 пикселей по ширине и высоте соответственно. Далее инструментом Ellipse Tool (L) нарисуйте овал. Ниже указан цвет его заливки. Затем за овалом инструментом Rounded Rectangle Tool добавьте прямоугольник с закругленными углами.

Эти фигуры необходимо выровнять. Откройте панель Align (Window> Align), где в выпадающем списке Align To укажите метод Align to Selection (саму секцию со списком Align To можно открыть из выпадающего меню панели, выбрав там пункт Show Options), после чего щелкните по кнопкам Horizontal Align Center и Vertical Align Center. Благодаря этому прямоугольник окажется по центру эллипса.

Инструментом Rectangle Tool (M) нарисуйте прямоугольник серого цвета. Сочетаниями Ctrl+X, Ctrl+B отправьте его на задний план.

Ручки изобразите прямоугольником розового цвета, также добавленного инструментом Rectangle Tool (M). Разместите его с левой стороны, затем, удерживая Shift и Alt, перетаскиванием скопируйте на правую. Сгруппируйте (Ctrl+G) обе ручки и вновь центрируйте все имеющиеся элементы, нажав на панели Align кнопки Horizontal Align Center и Vertical Align Center.

После этого добавьте по центру оранжевой фигуры эллипс серого цвета.

creating the wheel of the scooter

Шаг 2

Создайте новый прямоугольник небольшого размера, который "присоедините" к имеющейся конструкции. К нему, в свою очередь, добавьте прямоугольник с закругленными углами, использовав для этого инструмент Rounded Rectangle Tool. Примените к последнему объекту эффект Effect> Warp> Inflate с указанными ниже настройками. Это будет передний обтекатель нашего скутера.

creating the front part of the scooter

Шаг 3

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

Давайте добавим переднее колесо. Начнется оно с небольшого темно-серого прямоугольника. На картинке ниже он представлен в увеличенном масштабе. По центру его верхней и нижней сторон добавьте опорные точки, просто кликнув там инструментом Pen Tool (P).

Теперь выделите эти точки инструментом Direct Selection Tool (A) и сместите, нажав несколько раз клавишу стрелка вниз на клавиатуре. Должно получится, как показано на втором изображении ниже.

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

Сделайте копию V-образной фигуры, перетащив ее вниз с зажатыми Shift и Alt. Чтобы еще раз в точности повторить данную процедуру, воспользуйтесь сочетанием Ctrl+D. Нажимайте его пока не закончится серый прямоугольник. В моем случае их было еще шесть.

Теперь нам необходимо удалить части V-образных фигур, выходящие за прямоугольник. Продублируйте его (Ctrl+C, Ctrl+F), копию отправьте на самый передний план сочетаниями Ctrl+X и Ctrl+F (или Shift+Ctrl+]).

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

Выделите этот дубликат вместе с V-образными фигурами и нажмите кнопку Crop на панели Pathfinder (Window> Pathfinder).

creating the front wheel
creating the front wheel 2

Шаг 4

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

Выделите искомую фигуру и выполните данную операцию из меню Object> Path> Offset Path. Задайте смещение примерно в 10 пикселей с прямым типом соединений (Joins: Miter) и лимитом (Miter limit) в 4 единицы. Новой фигуре назначьте светло-коричневый цвет заливки и отправьте ее на самый передний план сочетаниями Ctrl+X, Ctrl+F.

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

creating the front wheel 3

Шаг 5

Добавьте колесо к скутеру. Немного детализируем передний обтекатель. Инструментом Rectangle Tool (M) нарисуйте темно-желтый прямоугольник, разместите его как показано ниже. Сделайте его копию, перетащив вниз и удерживая в этот момент Shift и Alt. Повторите операцию, нажав еще пару раз сочетание Ctrl+D, чтобы всего получилось 4 полоски.

placing the front wheel

Шаг 6

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

Давайте сделаем копию зеркала вместе с держателем. Для этого выполните команду Transform> Reflect из контекстного меню, вызываемого кликом правой кнопки мыши. В появившемся окне укажите вертикальную ось, угол 90° и по окончании нажмите кнопку Copy. Разместите полученный дубликат на правой стороне.

И вот скутер уже готов к поездке!

creating the mirror

2. Рисуем голову мальчика

Шаг 1

Рисовать мальчика начнем с головы. Инструментом Ellipse Tool (L) создайте овал. Назначьте ему заливку и эффект Effect> Warp> Inflate с указанными ниже значениями.

creating the head

Шаг 2

Также при помощи Ellipse Tool (L) добавьте эллипс размером поменьше, который поверните влево. Это будет левое ухо. Расположите его в надлежащем месте. Его отраженную копию мы получим следующим образом. Активируйте инструмент Reflect Tool (O), зажав Alt щелкните по центру овала лица. В появившемся диалоговом окне укажите вертикальную ось, угол 90° и по окончании нажмите кнопку Copy. Вуа-ля! Второе ухо сразу будет на своем месте.

creating the ears

Шаг 3

Шею изобразим еще одним небольшим прямоугольником (Rectangle Tool (M)), к которому добавьте Effect> Warp> Arc Lower с указанными ниже параметрами.

creating the neck

Шаг 4

Рот начнется с белого овала. Его верхнюю половину перекройте прямоугольником любого цвета. Затем выделите обе эти фигуры и выполните операцию Minus Front с панели Pathfinder. Наш мальчик уже имеет шикарную улыбку!

creating the mouth

Шаг 5

Выделите фигуру головы, сочетаниями Ctrl+B, Ctrl+С сделайте ее копию на задний план. Увеличьте ее вверх и измените цвет заливки. Поверх нарисуйте овал того же цвета.

Инструментом Warp Tool (Shift+R) превратите последний овал в прическу. Настройки инструмента показаны ниже. Стрелки на изображении показывают вам в каком направлении следует производить "укладку". Но, конечно же, вы вольны создать свой стиль прически. Не забудьте выделить искомый объект перед использованием Warp Tool (Shift+R), иначе будут затронуты другие фигуры.

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

creating the hairstyle
warp tool options

Шаг 6

Так как на скутерах ездят летом, то давайте оденем мальчику солнцезащитные очки. Нарисуйте эллипс с темно-серой заливкой. Придадим ему вид половинки очков, добавив эффект Effect> Warp> Arch с показанными ниже настройками, который тут же разберите (Object> Expand Appearance).

Уже знакомым образом сделайте зеркальную копию фигуры. Добавьте при помощи инструмента Arc Tool соединение между линзами очков.

Также при помощи Arc Tool нарисуйте левую дужку, которой на панели Stroke задайте тип кончиков Round Cap.

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

warp tool options for the sunglasses
creating the sun glasses

Оденьте их на мальчика.

placing the glasses

3. Рисуем тело мальчика

Шаг 1

Инструментом Rounded Rectangle Tool создайте одноименную фигуру розового цвета, которую присоедините к шее и опустите ниже скутера.

creating the body

Шаг 2

Рука начнется с еще одной арки. Но сначала удалите на панели инструментов заливку и назначьте обводку того же цвета, что и тело. На панели Stroke задайте тип кончиков Round Cap и достаточно большую толщину (в районе 30-40 пикселей).

Далее инструментом Arc Tool нарисуйте левую руку. Ее нижнюю точку сместите вверх при помощи инструмента Direct Selection Tool (A). Сделайте отраженную копию руки командой Transform> Reflect, расположите ее с правой стороны.

creating the arms

Шаг 3

Добавим пальцы на руках. Но прежде удалите обводку и укажите заливку цвета лица (его можно быстро взять с данной фигуры инструментом Eyedropper Tool (I)). Теперь нарисуйте прямоугольник с закругленными углами. Удерживая Shift и Alt получите его первую смещенную вправо копию. Сочетанием Ctrl+D сделайте еще две. Мы только что сделали пальцы для правой руки.

Выделите все пальцы и, вновь зажав Shift и Alt, сделайте их дубликат на левую руку.

creating the fingers

Шаг 4

Переходим к ногам. Инструментом Line Segment Tool (\), удерживая в процессе Shift, нарисуйте горизонтальную линию. Удалите у нее заливку и добавьте обводку с указанным ниже цветом, типом кончиков Round Cap и достаточной толщиной (последние две опции как всегда задаются на панели Stroke).

Изогнем линию, применив к ней эффект Effect> Warp> Arc с показанными ниже параметрами. После этого опустите фигуру ниже скутера.

creating the legs
warp tool options for boys body

Шаг 5

Завершим ноги, нарисовав инструментом Line Segment Tool (\) косую линию с левой стороны и сделав ее отраженную копию для правой.

creating the legs 2

4. Добавляем фон

На самом заднем плане нарисуйте квадрат с шириной и высотой в 850 пикселей. Назначьте ему подходящий цвет заливки. И на этом фон готов!

creating the background

Мы закончили. Отличная работа!

Отличная работа! Надеюсь вам понравилось рисовать этого мальчика, едущего куда-то в прекрасном настроении, и вы узнали новые трюки, которые используете в своих работах. Обязательно делитесь ими в комментариях!

Boy and Scooter Vector Illustration Adobe Illustrator Tutorial
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.