() translation by (you can also view the original English article)
Недавно я в сотый раз посмотрела старый романтический фильм "Римские каникулы". Во время просмотра меня посетила мысль создать современную версию иллюстрации мальчика на скутере. Затем я просмотрела множество изображений скутеров на 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.
После этого добавьте по центру оранжевой фигуры эллипс серого цвета.
Шаг 2
Создайте новый прямоугольник небольшого размера, который "присоедините" к имеющейся конструкции. К нему, в свою очередь, добавьте прямоугольник с закругленными углами, использовав для этого инструмент Rounded Rectangle Tool. Примените к последнему объекту эффект Effect> Warp> Inflate с указанными ниже настройками. Это будет передний обтекатель нашего скутера.
Шаг 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).
Шаг 4
Добавим крыло поверх переднего колеса. Для этого нам понадобится копия прямоугольника с закругленными углами чуть большего размера. Если просто увеличить имеющийся, то скругленные углы получатся непропорциональными. Воспользуемся командой Offset Path.
Выделите искомую фигуру и выполните данную операцию из меню Object> Path> Offset Path. Задайте смещение примерно в 10 пикселей с прямым типом соединений (Joins: Miter) и лимитом (Miter limit) в 4 единицы. Новой фигуре назначьте светло-коричневый цвет заливки и отправьте ее на самый передний план сочетаниями Ctrl+X, Ctrl+F.
Нам нужна только верхняя часть данного объекта. Нарисуйте поверх нижней перекрывающий ее прямоугольник, выделите обе фигуры и выполните команду Minus Front с панели Pathfinder. На этом переднее колесо готов.
Шаг 5
Добавьте колесо к скутеру. Немного детализируем передний обтекатель. Инструментом Rectangle Tool (M) нарисуйте темно-желтый прямоугольник, разместите его как показано ниже. Сделайте его копию, перетащив вниз и удерживая в этот момент Shift и Alt. Повторите операцию, нажав еще пару раз сочетание Ctrl+D, чтобы всего получилось 4 полоски.
Шаг 6
Последней деталью нашего скутера станут зеркала. Сначала обозначим тонким серым прямоугольником держатель левого (для нас) из них. Затем добавим зеркало в виде желтого овала, который нужно немного повернуть по часовой стрелке.
Давайте сделаем копию зеркала вместе с держателем. Для этого выполните команду Transform> Reflect из контекстного меню, вызываемого кликом правой кнопки мыши. В появившемся окне укажите вертикальную ось, угол 90° и по окончании нажмите кнопку Copy. Разместите полученный дубликат на правой стороне.
И вот скутер уже готов к поездке!
2. Рисуем голову мальчика
Шаг 1
Рисовать мальчика начнем с головы. Инструментом Ellipse Tool (L) создайте овал. Назначьте ему заливку и эффект Effect> Warp> Inflate с указанными ниже значениями.
Шаг 2
Также при помощи Ellipse Tool (L) добавьте эллипс размером поменьше, который поверните влево. Это будет левое ухо. Расположите его в надлежащем месте. Его отраженную копию мы получим следующим образом. Активируйте инструмент Reflect Tool (O), зажав Alt щелкните по центру овала лица. В появившемся диалоговом окне укажите вертикальную ось, угол 90° и по окончании нажмите кнопку Copy. Вуа-ля! Второе ухо сразу будет на своем месте.
Шаг 3
Шею изобразим еще одним небольшим прямоугольником (Rectangle Tool (M)), к которому добавьте Effect> Warp> Arc Lower с указанными ниже параметрами.
Шаг 4
Рот начнется с белого овала. Его верхнюю половину перекройте прямоугольником любого цвета. Затем выделите обе эти фигуры и выполните операцию Minus Front с панели Pathfinder. Наш мальчик уже имеет шикарную улыбку!
Шаг 5
Выделите фигуру головы, сочетаниями Ctrl+B, Ctrl+С сделайте ее копию на задний план. Увеличьте ее вверх и измените цвет заливки. Поверх нарисуйте овал того же цвета.
Инструментом Warp Tool (Shift+R) превратите последний овал в прическу. Настройки инструмента показаны ниже. Стрелки на изображении показывают вам в каком направлении следует производить "укладку". Но, конечно же, вы вольны создать свой стиль прически. Не забудьте выделить искомый объект перед использованием Warp Tool (Shift+R), иначе будут затронуты другие фигуры.
Также вы можете превратить мальчика в девочку, всего лишь изменив стиль прически.
Шаг 6
Так как на скутерах ездят летом, то давайте оденем мальчику солнцезащитные очки. Нарисуйте эллипс с темно-серой заливкой. Придадим ему вид половинки очков, добавив эффект Effect> Warp> Arch с показанными ниже настройками, который тут же разберите (Object> Expand Appearance).
Уже знакомым образом сделайте зеркальную копию фигуры. Добавьте при помощи инструмента Arc Tool соединение между линзами очков.
Также при помощи Arc Tool нарисуйте левую дужку, которой на панели Stroke задайте тип кончиков Round Cap.
Отразите дужку по вертикали, расположите копию на правой стороне и на этом очки будут готовы.
Оденьте их на мальчика.
3. Рисуем тело мальчика
Шаг 1
Инструментом Rounded Rectangle Tool создайте одноименную фигуру розового цвета, которую присоедините к шее и опустите ниже скутера.
Шаг 2
Рука начнется с еще одной арки. Но сначала удалите на панели инструментов заливку и назначьте обводку того же цвета, что и тело. На панели Stroke задайте тип кончиков Round Cap и достаточно большую толщину (в районе 30-40 пикселей).
Далее инструментом Arc Tool нарисуйте левую руку. Ее нижнюю точку сместите вверх при помощи инструмента Direct Selection Tool (A). Сделайте отраженную копию руки командой Transform> Reflect, расположите ее с правой стороны.
Шаг 3
Добавим пальцы на руках. Но прежде удалите обводку и укажите заливку цвета лица (его можно быстро взять с данной фигуры инструментом Eyedropper Tool (I)). Теперь нарисуйте прямоугольник с закругленными углами. Удерживая Shift и Alt получите его первую смещенную вправо копию. Сочетанием Ctrl+D сделайте еще две. Мы только что сделали пальцы для правой руки.
Выделите все пальцы и, вновь зажав Shift и Alt, сделайте их дубликат на левую руку.
Шаг 4
Переходим к ногам. Инструментом Line Segment Tool (\), удерживая в процессе Shift, нарисуйте горизонтальную линию. Удалите у нее заливку и добавьте обводку с указанным ниже цветом, типом кончиков Round Cap и достаточной толщиной (последние две опции как всегда задаются на панели Stroke).
Изогнем линию, применив к ней эффект Effect> Warp> Arc с показанными ниже параметрами. После этого опустите фигуру ниже скутера.
Шаг 5
Завершим ноги, нарисовав инструментом Line Segment Tool (\) косую линию с левой стороны и сделав ее отраженную копию для правой.
4. Добавляем фон
На самом заднем плане нарисуйте квадрат с шириной и высотой в 850 пикселей. Назначьте ему подходящий цвет заливки. И на этом фон готов!
Мы закончили. Отличная работа!
Отличная работа! Надеюсь вам понравилось рисовать этого мальчика, едущего куда-то в прекрасном настроении, и вы узнали новые трюки, которые используете в своих работах. Обязательно делитесь ими в комментариях!
