Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Выпекаем хлеб в Adobe Illustrator

23 августа 2017 | Опубликовано в Уроки | Нет комментариев »

В этом уроке мы будем печь хлеб в Adobe Illustrator. Это отличный урок для начинающих по созданию классической векторной иллюстрации. Мы будем работать базовыми фигурами, используем функцию живые углы, будем создавать сложные фигуры из простых, используя инструмент Создание фигур и палитру Обработка контура.

 

 


1. Создаем новый документ

• Шаг 1. Нажмите Ctrl + N чтобы создать новый документ. Укажите в качестве единиц измерения Pixels/Пиксели и размер документа 600 x 600px. В разделе Advanced/Дополнительно выберите Color mode/Цветовой режим RGB и Resolution/Разрешение в 72 ppi.

Откройте окно Preferences/Установки (Ctrl + K) и укажите 1px в Keyboard Increment/Прирост клавиатуры. Нажмите OK.

Активируйте палитру Info/Информация (Window > Info/Окно>Информация) чтобы видеть превью вашей работы.

2. Рисуем духовку

 Шаг 1

Инструментом Rectangle/Прямоугольник (M) нарисуйте фигуру размером 548 x 25px и укажите ей цвет заливки #FADAB4. Скруглите верхние углы, выделив их инструментом Direct Selection/Прямое выделение (A) и потянув за круглые манипуляторы.

Шаг 2

Нарисуйте прямоугольник размером 249 x 201px (#999999) и немного скруглите все углы при помощи инструмента Direct Selection/Прямое выделение (A). Нарисуйте еще один прямоугольник (#4C4C4C) и разместите его как показано на картинке ниже, чтобы он перекрывал предыдущий. Удалите лишние части при помощи инструмента Shape Builder/Создание фигур (M).

Шаг 3

Выделите базовый прямоугольник и дублируйте его (Ctrl + C > Ctrl + F). Теперь выделите копию прямоугольника и меньший прямоугольник справа. Примените к ним инструмент Shape Builder/Создание фигур (M). Укажите получившейся фигуре цвет заливки #303030.

Не снимая выделение, выберите в меню Effect > Path > Offset Path/Эффект>Контур>Создать параллельный контур. Укажите отступ в -4 px. Затем в меню выберите Object > Expand Appearance/Объект>Разобрать оформление.

Шаг 4

Создайте копию фигуры, над которой только что работали (Ctrl + C > Ctrl + F) и укажите копии цвет заливки #4C4C4C. Создайте еще один прямоугольник размером 150 x 170px и немного скруглите ему углы. Выделите обе созданные в этом шаге фигуры и кликните по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура.

Шаг 5

Нарисуйте круг размером 8 x 8px при помощи инструмента Ellipse/Эллипс (L) и длинный тонкий прямоугольник инструментом Rectangle/Прямоугольник (M). Дублируйте их и расположите как показано на картинке ниже. Выделите все элементы из этого шага и сгруппируйте их (Ctrl + G).

Шаг 6

Нарисуйте противень из прямоугольника размером 140 x 15px (Color: #3E3E3E). Инструментом Direct Selection/Прямое выделение (A) выделите поочередно правый и левый нижние точки и переместите их ближе к центру. Скруглите их немного.

Шаг 7

Рисуем хлеб. Начнем с прямоугольника размером 92 x 12px (#E29B6B). В центре верхней линии прямоугольника создайте дополнительную опорную точку при помощи инструмента Pen/Перо (P). Переместите эту точку на 20px вверх, удерживая клавишу Shift.

Переместите правый и левый верхние углы на 5px дальше от центра инструментом Direct Selection/Прямое выделение(A). Скруглите углы: отдельно верхний угол, отдельно верхние крайние и отдельно нижние.

Шаг 8

Рисуем хлебу тень. Создайте две копии хлеба (Ctrl + C > Ctrl + F). Переместите вторую копию вправо на 10px, удерживая Shift. Выделите обе копии и нажмите Minus Front/Минус верхний в палитре Pathfinder/Обработка контура. Укажите получившейся фигуре цвет заливки #D58F5D.

Шаг 9

Инструментом Pen/Перо (P) нарисуйте борозды поверх хлеба, используя цвет #D4874E. Ориентируйтесь по картинке ниже. Выделите хлеб и борозды, и инструментом Shape Builder/Создание фигур удалите лишние части. Выделите все фигуры, составляющие хлеб и сгруппируйте их (Ctrl + G).

Шаг 10

Рисуем прямоугольник (#CCCCCC) в нижней части духовки, как показано ниже. Инструментом Shape Builder/Создание фигур (Shift + M) удаляем лишние части.

Шаг 11

Нарисуйте два прямоугольника (#FFFFFF) на 10% Opacity/Непрозрачности и поверните их на 45º при помощи инструмента Rotate/Поворот ®, удерживая Shift. Поместите их поверх духовки и инструментом Shape Builder/Создание фигур (Shift + M) удалите лишние части.

Шаг 12

Нарисуйте два прямоугольника (#B3B3B3) как показано ниже и удалите лишние части инструментом Shape Builder/Создание фигур (Shift + M). Затем нарисуйте еще два прямоугольника поменьше (#CCCCCC) инструментом Rounded Rectangle/Прямоугольник со скругленными углами.

Шаг 13

Создайте три круга размером 30 x 30px (#303030) и разместите их как показано ниже. Нарисуйте стрелочки при помощи инструмента Rectangle/Прямоугольник и вращайте их инструментом Rotate/Поворот ®.

Нарисуйте несколько маленьких кружочков вокруг больших кругов.

Шаг 14

Духовке нужно на чем-то стоять. Нарисуйте прямоугольники размером 20 x 20px (#4C4C4C). Инструментом Direct Selection/Прямое выделение (A) переместите верхние точки на 3px ближе к центру. Создайте копию ножки (Ctrl + C > Ctrl + F) и разместите их как показано ниже. Затем пошлите обе ножки на задний план (Send to Back).

Шаг 15

Теперь рисуем ручку открывания двери при помощи инструмента Rounded Rectangle/Прямоугольник со скругленными углами (#CCCCCC). Нарисуйте два прямоугольника более темного оттенка по краям и удалите лишнее инструментом Shape builder/Создание фигур (Shift+ M).

Шаг 16

Рисуем блюдо для уже испекшейся буханки. Начнем с прямоугольника размером 146 x 9px (#C49677). Нижние точки перемещаем ближе к центру на 4px при помощи инструмента Direct Selection/Прямое выделение (A).

Создайте копию уже готового хлеба (Ctrl + C > Ctrl + F) и поместите ее на блюдо. Создайте отдельную копию для тени и сделайте ее больше. Используйте инструмент Selection/Выделение (V). Смените цвет заливки хлеба на #E8B18C, а цвет тени на #EBA273.

Шаг 17

Нарисуем пар, исходящий от хлеба. Инструментом Pen/Перо (P) нарисуйте кривую линию толщиной в 3px цвета #EBA273. Укажите линии второй вариант профиля обводки. Создайте две копии и разместите их как показано ниже.

3. Рисуем фон

Осталось совсем немного.

Шаг 1

Нарисуйте большой прямоугольник для фона, затем два длинных и тонких прямоугольника цвета #FDF3E8. Разместите их по краям от большого прямоугольника. выделите оба прямоугольника и в меню выберите Object > Blend> Make/Объект>Переход>Создать.

В Blending Options/Настройках перехода укажите 12 шагов (steps). Затем создайте копию получившегося перехода (Ctrl + C > Ctrl + F) и поверните на 90º. Сгруппируйте получившуюся сетку (Ctrl + G) и создайте копию большого прямоугольника. Поместите большой прямоугольник на передний план (Bring to Front). Выделите сетку и прямоугольник, нажмите по ним правой кнопкой и выберите Make Clipping Mask/Создать обтравочную маску.

Шаг 2

Наконец нарисуйте прямоугольник размером 30 x 44px (#E6E6E6) инструментом Rounded Rectangle/Прямоугольник со скругленными углами. Нарисуйте в центре этого прямоугольника круг размером 14 x 14px (#CCCCCC). Инструментом Pen/Перо (P) нарисуйте кабель от духовки к розетке. Укажите толщину линии в 2px. Нарисуйте кабель сначала угловатым (из прямых линий), затем скруглите углы инструментом Direct Selection/Прямое выделение (A).

Результат

Автор урока Hector Heredia

Перевод — Дежурка

Смотрите также: