Простые контурные иконки в Adobe Illustrator
16 мая 2015 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы будем создавать набор простых, но стильных контурных иконок, символизирующих основные инструменты работы графического дизайнера: камеру — Adobe Photoshop, перо — Adobe Illustrator и папку — AdobeInDesign. Помимо того, что вы поймете принцип создания таких иконок, вы также хорошо потренируетесь в создании фигур. Для выполнения урока вам понадобится версия Adobe Illustratoe CC 2014, так как мы будем активно пользоваться функцией Live Corners.
Результат
Шаг 1
Давайте начнем с создания фотокамеры в Adobe Illustrator. Нарисуйте прямоугольник при помощи инструмента Rectangle/Прямоугольник Tool (M). Инструментом Direct Selection/Прямое выделение (A) выделите прямоугольник и потяните манипуляторы Live Corners/Живых углов внутрь, чтобы скруглить углы.
Шаг 2
Инструментом Ellipse/Эллипс (L) нарисуйте круг внутри прямоугольника, чуть сместив его влево от центра. Нарисуйте еще два меньших круга внутри предыдущего и выровняйте их по центру при помощи палитры Align/Выравнивание.
Шаг 3
Добавим немного деталей. Нарисуйте небольшой прямоугольник в нижней левой части камеры. Инструментом Direct Selection/Прямое выделение потяните манипулятор живых углов только в левом нижнем углу, чтобы скруглить только его. Инструментом Line Segment/Отрезок линии (\) нарисуйте несколько линий, как показано ниже.
Шаг 4
Чтобы добавить еще деталей, нарисуйте длинный прямоугольник в правой части объекта, два небольших слева и один сверху. Убедитесь что в параметрах обводки в палитре Stroke/Обводка выбраны Rounded Caps/Скругленные концы и Rounded Corners/Скругленные углы.
Шаг 5
Теперь возьмемся за создание пера. Инструментом Polygon/Многоугольник нарисуйте треугольник. При помощи инструмента Add Anchor Point/Добавить опорную точку (+) добавьте две точки примерно на 2/3 пути вниз от верхнего угла. Инструментом Direct Selection/Прямое выделение потяните каждую точку в стороны от центра фигуры.
Шаг 6
После того как вы добьетесь желаемого вида фигуры, нарисуйте поверх нее прямоугольник, перекрывающий объект ровно посредине. Выделите объект и прямоугольник и нажмите Minus Front/Минус верхний в палитре Pathfinder/Обработка контура, чтобы избавиться от правой половины фигуры.
Шаг 7
Копируйте (Control-C) и вставьте (Control-V) половинку фигуры, тем самым дублируя ее. Reflect/Отразите копию по вертикальной оси и выровняйте обе половинки их в палитре Align/Выравнивание. Выделите обе половинки и нажмите Unite/Объединить в палитре Pathfinder/Обработка контура. Так мы добьемся идеальной симметричности объекта.
Шаг 8
Инструментом Line Segment/Отрезок линии нарисуйте линию от верхнего угла фигуры, как показано на картинке ниже. На конце линии нарисуйте небольшой круг. Инструментом Pen/Перо (P) нарисуйте небольшую трапецию в основании фигуры. Выделите все элементы, составляющие перо и сгруппируйте их (Control-G).
Шаг 9
Займемся созданием папки. Нарисуйте прямоугольник и скруглите два его правых угла. Инструментом Line Segment/Отрезок линии создайте полосу как показано на картинке ниже.
Шаг 10
Нарисуйте четыре прямоугольника в правой части папки при помощи инструмента Rectangle/Прямоугольник. Выровняйте их и разместите по правому краю. Нарисуйте еще одну линию в левой части папки.
Шаг 11
Добавим несколько деталей. Нарисуйте прямоугольник внутри папки. Затем нарисуйте длинный прямоугольник в его верхней части и скруглите один угол. Нарисуйте несколько отрезков линий внутри прямоугольника, как показано на картинке ниже.
Результат
Автор статьи Mary Winkler
Перевод — Дежурка
Смотрите также:
549