Рисуем иконки животных в Adobe Illustrator
17 ноября 2015 | Опубликовано в Уроки | Нет комментариев »
В этом уроке мы будем рисовать минималистичную иконку с бегемотом. На основе этой иконки вы сможете нарисовать целую серию иконок с животными, или выбрать другой сюжет. В работе мы будем использовать базовые фигуры и инструменты Adobe Illustrator, что делает этот урок довольно простым. Однако результат вам наверняка понравится.
Шаг 1. Создание эскиза
Сам процесс создания иконок довольно прост, чего не скажешь о процессе создания идеи. В нашем случае основной чертой будет минимализм. Итак, для того чтобы нарисовать классные иконки или иллюстрацию, в первую очередь вам нужна идея и быстрый эскиз.

Шаг 2. Рисуем круги
2.1 При помощи инструмента Ellipse/Эллипс (L) нарисуйте круг размером 135 x 135. Укажите кругу толщину обводки в 2px и цвет #e5d0ae.

2.2 Инструментом Line Segment/Отрезок линии (\) создайте линию длиной в 8 px.

2.4 Выделите получившуюся линию и, удерживая Shift, поверните ее на 45°. Копируйте (Ctrl+C) объект и вставьте копию на задний план (Ctrl+B). Вновь поверните линию, чтобы получился крестик. Выделите обе линии и нажмите Ctrl + G, чтобы сгруппировать их.
2.5 Разместите крестик над кругом. Smart guides/Умные направляющие помогут вам сделать это ровно по центру.

2.6 Выделите круг и крестик и второй раз кликните по кругу, чтобы сделать его активным. Линия выделения круга будет жирнее чем у крестика.

2.7 Не снимая выделения, в палитре Align/Выравнивание укажите 6 px и выберите Vertical Distribute Space/Распределить равномерно по вертикали. Это расположит крестик ровно на расстоянии 6 px от круга.


2.8 Выделите крестик, нажмите R + Alt, найдите центр круга и кликните в рабочей области. Появится окно поворота. Введите 90° и кликните по кнопке Copy/Копия. Затем нажмите Ctrl + D, чтобы повторить действие. Таким образом распределите четыре крестика вокруг круга.

2.10 Инструментом Pen/Перо (P) нарисуйте линии, соединяющие два круга, возле крестиков. Затем по обеим сторонам линий нарисуйте кружочки размером 4 x4.

2.11 Нарисуйте две линии по 8 px в длину каждая, и разместите их как показано ниже.

2.12 Выделите эти две линии и большой круг. В палитре Pathfinder/Обработка контура кликните по иконке Divide/Разделить.

2.13 При помощи инструмента Direct Selection/Прямое выделение (A) удалите точки между линий. Смотрите как это выглядит на картинке ниже.

2.14 Выделите круг и в палитре Strоke/Обводка укажите ему закругленные концы.

2.15 Инструментом Pen/Перо (P) нарисуйте две линии, как показано ниже.

2.16 При помощи инструмента Selection/Выделение удалите точку на другой стороне круга.

2.17 Выделите линии, которые мы до этого создали и большой полукруг. Нажмите Ctrl+C чтобы копировать объект и Ctrl + B чтобы вставить его.

2.18 Поверните копию на 180°, как показано ниже.

Шаг 3. Рисуем бегемота
3.1 Нарисуйте прямоугольник размером 95 x 45 px. В меню выберите Effects – Stylize – Round corners/Эффект>Стилизация>Скругление углов, и укажите радиус в 20 px. В меню выберите Object – Expand Appearance/Объект>Разобрать оформление.

3.2 Нарисуйте круг размером 60×60 px и разместите его как показано ниже.

3.3 Выделите круг и скругленный прямоугольник и в палитре Pathfinder/Обработка контура кликните по иконке Divide/Разделить. При помощи инструмента Direct Selection/Прямое выделение удалите лишние детали, чтобы получить результат как показано ниже.

3.4 Инструментом Pen/Перо ( P) нарисуйте бегемоту уши и линию носа.

3.5 Нарисуйте глаза при помощи двух эллипсов размером 3 x 3 px.

3.6 Еще два эллипса размером 12 x 20 px помогут вам нарисовать нос. Инструментом Add Anchor Point/Добавить опорные точки (+) создайте точку как показано ниже.

3.7 Удалите только что созданную точку.

3.8 Почти готово. Тем же инструментом и по той же схеме создайте и удалите точки, чтобы убрать пересечения кривых в иллюстрации.

Результат

Автор урока Marta Berzina
Перевод — Дежурка
Смотрите также: