Минималистичные иконки на тему еды в Adobe Illustrator

18 сентября 2015 | Опубликовано в Уроки | 1 Комментарий »

В этом уроке мы будем рисовать модные минималистичные иконки на тему еды в Adobe Illustrator. Мы создадим основные фигуры при помощи базовых инструментов, добавим тени объектам и создадим пунктирный паттерн для финальных штрихов. В уроке выполняется скругление углов. В последней версии Adobe Illustrator CC это делается просто, одним движением мыши. Но если у вас более ранняя версия, выполняйте эти шаги при помощи инструмента Convert Anchor Point/Преобразовать опорную точку (Shift+C) и редактируйте скругленность при помощи манипуляторов. Также для этих целей существуют специальные плагины.

Final product

1. Создаем фон

Создайте новый документ размером 600 x 300 px. При помощи инструмента Rectangle/Прямоугольник (M) создайте фигуру размером 600 x 300 px, цвета #958496. Дважды кликните по слою, содержащий эту фигуру, переименуйте его в «background» и заблокируйте его.

2. Создаем иконку чая

Шаг 1

Инструментом Ellipse/Эллипс (L) нарисуйте круг размером 130 x 130 px (цвет заливки #8EA5B2, цвет обводки #444444, 2 pt— толщина обводки, далее используйте именно это значение на протяжении всего урока). Удерживая Alt, перетяните круг вправо, тем самым создав его копию. Нажмите Control-D, чтобы повторить процедуру. Теперь у нас три одинаковых круга.

Шаг 2

Создайте круг размером 147×147 px (цвет заливки #EFEAE6). В палитре Stroke/Обводка укажите округлые углы и капители, а также выравнивание овбодки по внешнему контуру.

Поместите только что созданный вами круг внутрь первого круга побольше. Инструментом Direct Selection/Прямое выделение (A) выделите верхнюю точку меньшего круга и нажмите Backspace, чтобы удалить ее. Выделите большой круг и маленький полукруг, и в палитре Align/Выравнивание кликните по иконке Horizontal Align Center/Выравнивать центр по горизонтали.

Инструментом Pen/Перо (P) дорисуйте полукругу недостающие детали, чтобы получилась фигура как показано ниже. Перетяните фигуру чуть ниже центра.

Шаг 3

Нарисуйте круг, используя выше упомянутые параметры обводки, размером 20 x 20 px , и инструментом Direct Selection/Прямое выделение (A), как раньше удалите правую точку круга. Поместите полукруг как показано ниже.

Шаг 4

Давайте нарисуем тень. Выделите фигуру чашки и при помощи клавиши Alt дублируйте ее.

Теперь при помощи инструмента Pen/Перо Tool (P) нарисуйте форму тени, как показано ниже, и укажите фигуре черный цвет на 5%. Выделите фигуру тени и копию чашки и в палитре Pathfinder/Обработка контура кликните по иконке Intersect/Пересечение.

Теперь у нас есть тень! Поместите ее на оригинальную фигуру чашки.

Intersect

Шаг 5

Рисуем большой чайный пакетик. Инструментом Pen/Перо (P) нарисуйте линию длиной примерно в 20 px от края верхнего чашки.

Для ярлычка пакетика нарисуйте прямоугольник размером 15 x 17 px (цвет заливки #EB9696, параметры обводки как во всей работе).

Инструментом Add Anchor Point/Добавить опорные точки (+) создайте три новых точки по центру нижней грани ярлычка (как на картинке ниже). Инструментом Direct Selection/Прямое выделение (A) кликните по центральной точке и немного ее поднимите.

Шаг 6

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

Шаг 7

Инструментом Pen/Перо (P) нарисуйте две линии длиной примерно в 25 px и разместите их как показано на картинке ниже. Затем сгруппируйте их (Control-G). Выделите сгруппированные линии и большой круг, и в палитре Align/Выравнивание кликните по иконке Horizontal Align Center/Выравнивать центр по горизонтали и Vertical Distribute Center/Распределить центры по вертикали.

Повторите процесс добавления таких полос для всех трех кругов.