в

Как создать векторную иллюстрацию c девушкой за чашечкой кофе

Final product image

При создании этой иллюстрации, вы научитесь манипулировать формами, а так же познакомитесь с инструментом Ширина. Как обычно, мы будем использовать основные формы и эффект Деформации (Warp Effect).

1. Как Нарисовать Голову

Шаг 1

После того как откроете Иллюстратор, создайте новый документ размером 850 х 850 Шириной и Высотой. И начнем рисовать голову.

Используя инструмент Эллипс (L) (Ellipse Tool), нарисуйте овал. На рисунке ниже вы можете увидеть, какой цвет заливки вам нужно использовать. Что бы придать голове неровную форму, зайдите в Эффект > Деформация > Раздувание (Effect > Warp > Inflate). Введите опции, которые показаны ниже.

creating the head shape

Шаг 2

Давайте нарисуем верхнюю часть волос. Нарисуйте два овала кремового цвета с помощью Эллипса (L). Возьмите инструмент Прямое Выделение (А) (Direct Selection Tool) и подвиньте направляющие опорных точек, так что бы создать форму, какая вам нравится.

creating the front hair

Шаг 3

Что бы нарисовать длинные волосы, сделайте другой овал кремового цвета и измените его форму: зайдите в Эффект > Деформация > Раздувание. Введите опции, как на рисунке ниже. Не забудьте поместить овал позади головы (Control-C, Control-B).

creating the back hair

Шаг 4

Давайте сделаем ленту для волос. Создайте еще два круга с помощью Эллипса (L), и сделайте их пересекающимися, как на картинке ниже. Зайдите в панель Обработка Контуров и нажмите кнопку кнопку Минус Верхний (Minus Front).

creating the hair band

Шаг 5

Поместите ленточку на волосы.

Теперь добавим уши. Сделайте еще маленький овал и поверните его налево. Поместите это ухо с левой стороны головы. Пока у вас выделено левое ухо, кликните правой кнопкой мыши и выберите Трансформировать > Зеркальное отражение (Transform > Reflect). В новом диалоговом окне выберите Вертикальную осьУгол 90 градусов, и нажмите Копировать. Поместите новое ухо справа.

placing the hair band

Шаг 6

Для мечтательных, расслабленных глаз, нарисуйте овал. Затем возьмите инструмент Ножницы (С) (Scissors Tool) и щелкните по левой и правой частям эллипса. Удалите верхнюю часть эллипса нажав на кнопку Delete на клавиатуре. У вас должна остаться дуга. Увеличьте Толщину обводки и сделайте Скругленные Концы в панели Обводка.

Чтобы добавить ресницы, сделайте копию этой дуги, уменьшите толщину и прикрепите ее к левому углу большой дуги. Сделайте еще одну копию этой небольшой дуги. Вот и готово, наше мечтательное око.

creating the eye

Шаг 7

Поместите левый глаз на лицо и создайте правый глаз. Щелчок-правой-кнопкой-мыши > Трансформировать > Зеркальное отражение. В диалоговом окне выберите Вертикальную осьУгол 90 градусов, и нажмите Копировать. Передвиньте новый глаз вправо.

placing the eye and creating another one

Шаг 8

Теперь губы. Давайте создадим маленький матовый красный эллипс и используем инструмент Опорная Точка (Shift-C) (Convert Anchor Point Tool), чтобы сделать левую и правую опорные точки острыми, щелкнув по ним. После этого, снова выберите эти опорные точки (с помощью Прямого Выделения (А)) и передвиньте их вверх, нажав на стрелку Вверх на клавиатуре. 

Для верхней  губы, создайте другой маленький красный эллипс. Выберите верхнюю и нижнюю опорные точки с помощью Прямого Выделения (А) и передвиньте их вправо, нажав на стрелку Вправо на клавиатуре. Сделайте зеркальную копию этой фигуры: щелчок-правой-кнопкой-мыши  и выберите Трансформировать > Зеркальное отражение. В появившемся диалоговом окне выберите Вертикальную ось, Угол 90 градусов, и нажмите Копировать. Передвиньте копию вправо. Губы готовы.

(Примечание: Вам не нужна черная обводка – здесь она используется, чтобы показать вам форму объекта и его положение).

creating the lips

Поместите губы на лицо.

placing the lips

Шаг 9

Давайте сделаем девушке очки.

Создайте овал с темно-серой обводкой и без заливки. Что бы создать фигуру как на картинке, передвиньте направляющие опорных точек, используя Прямое Выделение (А). Добавьте линию с левой стороны этой формы, использовав инструмент Отрезок Линии (\) (Line Segment Tool).

Затем создайте правую часть очков, так же как мы делали в предыдущих шагах:  щелчок-правой-кнопкой-мышиТрансформировать > Зеркальное отражение. В появившемся диалоговом окне выберите Вертикальную осьУгол 90 градусов, и нажмите Копировать. Передвиньте копию вправо. Используйте инструмент Дуга, что бы создать среднюю часть очков и соединить линзы вместе. Элегантная пара очков готова. Вы можете попробовать разные формы оправ, что бы создать уникальные очки, как вам хочется.

creating the glasses

Теперь поместите очки на лицо.

placing the glasses

2. Как Нарисовать Тело

Шаг 1

Давайте начнем с создания шеи и плеч. Для шеи создайте прямоугольник используя инструмент Прямоугольник (М) (Rectangle Tool) и соедините его с головой. После этого, создайте горизонтальный овал (используйте Эллипс (L)) и присоедините его к шее.

creating the neck

Шаг 2

На этом шаге, мы создадим тело девушки. Используя инструмент Прямоугольник со Скругленными Углами (Rounded Rectangle Tool), создайте серый скругленный прямоугольник. Давайте изменим нижнюю часть этой фигуры. Мы используем эффект Рыба (Fish): зайдите в Эффект > Деформация > Рыба (Effect > Warp > Fish) и введите опции как на картинке.

creating the body

Шаг 3

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

creating the arms

Шаг 4

Продолжим рисовать руки.

Используйте Отрезок Линии (/), что бы создать нижнюю часть правой руки. Затем используйте инструмент Дуга, чтобы создать левую руку.

Теперь мы изменим эти фигуры, что бы нижняя часть была тоньше, чем верхняя часть руки. Выберите инструмент Ширина (Shift-W) ( Width Tool), и, когда вы поместите мышку в район запястья, вы увидите, что у вас появились новые направляющие. Если вы станете двигать эти направляющие наружу линии, толщина линии будет возрастать на этом конце. Если вы будете двигать направляющие внутрь линии, толщина будет уменьшаться. Теперь давайте, сделайте руку чуть тоньше в районе запястья.

creating the arms 2

Шаг 5

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

creating the hands

Вот увеличеный вид положения направляющих для правой руки девушки.

creating the hands 2

Шаг 6

Теперь мы создадим чашку. Нажмите на инструмент Прямоугольник (М) и создайте прямоугольник. Пока он выделен, зайдите в Эффект > Деформация > Выпуклость (Effect > Warp > Bulge). Отрегулируйте опции как показано на рисунке ниже. Удалите заливку и сделайте обводку того же цвета. Увеличьте обводку в панели Обводка и нарисуйте окружность (что бы получилась ровная окружность вам нужно удерживать нажатой клавишу Shift). Вот и ручка.

creating the cup

Поместите чашку позади правой руки девушки, но перед ее телом (в пространстве слоев).

placing the cup

3. Как Создать Бедра и Ноги

Шаг 1

Используйте Эллипс (L), что бы создать овал и приладьте его в нижней части тела. Используя Прямое Выделение (А), сдвиньте боковые опорные точки вниз. Это будут бедра.

creating the hips

Шаг 2

Давайте сделаем ноги.

Возьмите инструмент Отрезок Линии (\), и нарисуйте две вертикальные линии. Что бы линии получились прямыми, удерживайте нажатой клавишу Shift во время рисования. Не забудьте удалить цвет заливки, и выбрать для обводки тот же цвет, что для кожи. Перед тем как рисовать, выберите Скругленные Концы в панели Обводка и отрегулируйте Толщину обводки. Что бы изменить толщину ног, выберите инструмент Ширина (Shift-W) и сдвиньте направляющие в верхней части, что бы сделать ноги чуть тоще, и в нижней части – чуть тоньше.

creating the legs

Шаг 3

Для туфлей, нарисуйте овал с помощью инструмента Эллипс (L) и поместите его позади ног. Используя Прямое Выделение (А), сдвиньте направляющие у овала так, что бы создать форму туфли. Не стесняйтесь – сделайте ваши любимые туфельки!

creating the shoes

4. Как Нарисовать Фон и Стол

Шаг 1

Создайте светло голубой квадрат позади девушки, 850 рх Шириной и Высотой, используя инструмент Прямоугольник (М).

creating the background

Шаг 2

Для верней части стола, добавьте скругленный прямоугольник, используя инструмент Прямоугольник со Скругленными Углами (Rounded Rectangle Tool).

creating the table top

Шаг 3

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

creating the table legs

Шаг 4 

Что бы украсить стол, добавьте пару спиралей следом за ножками, используя инструмент Спираль (Spiral Tool). Если вы не видите этот инструмент, подержите несколько секунд нажатой кнопку инструмента Отрезок Линии (\), и появится всплывающее меню, где вы сможете выбрать инструмент Спираль.

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

creating the table decorations

5. Как Создать Стул

Шаг 1

Что бы нарисовать стул, сделайте скругленный прямоугольник, используя инструмент Прямоугольник со Скругленными Углами.

creating the chair top

Шаг 2

Для спинки кресла, нарисуйте овал без заливки и с белой обводкой, используя инструмент Эллипс (L). Поместите этот овал позади стола и девушки. Немного измените форму овала, сдвинув вниз боковые опорные точки.

creating the chair back

Шаг 3

Что бы добавить ножки для кресла, создайте вертикальный прямоугольник с помощью инструмента Прямоугольник (М) и горизонтальный скругленный прямоугольник с помощью инструмента Прямоугольник со Скругленными Углами.

creating the chair bottom

Шаг 4

Что бы украсить кресло, добавьте две спирали в нижней части  ножек кресла. Создайте одну спираль, с помощью инструмента Спираль и затем сделайте зеркальную копию относительно вертикальной оси с помощью инструмента Зеркальное Отражение (О) (Reflect Tool).

creating the chair decorations

Отличная Работа, Вы все Сделали!

Мы закончили! Отличная работа! Я надеюсь вам понравилось создавать эту иллюстрацию в Adobe Illustratror, и вы узнали какие-то новые советы и приемы, которые сможете применить в будущем! Теперь пришло время расслабится с чашечкой кофе. Наслаждайтесь, получайте удовольствие и не забудьте поделиться с нами вашими работами!

final image

Автор: Nataliya Dolotko

kak sozdat lineinuju infografiku i ciferblatom

Как создать линейную инфографику и циферблатом

kak sozdat tekstovyi jeffekt so sgibom

Как создать текстовый эффект со сгибом