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

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

Простые значки в Adobe Illustrator

3 октября 2015 | Опубликовано в Уроки | Нет комментариев »

Это простой урок для Adobe Illustrator для начинающих. В нем мы будем создавать значки и рукописный текст. Вы сможете познакомиться с инструментом «Кисть клякса» и его настройкой, попробуете рисовать в Adobe Illustrator на планшете. Если вы пользуетесь только мышью, рекомендуется скачать рукописный шрифт, который вам нравится. Также в этом уроке вы поработаете с основными фигурами, попробуете редактировать отдельные точки. Для выполнения урока рекомендуется использовать последнюю версию Adobe Illustrator, или плагины, скругляющие углы.

 

Результат

Labor Day badge vectors

Шаг 1

Для начала создайте новый документ и возьмите инструмент Blob Brush/Кисть клякса. Настройте параметры этого инструмента как показано ниже. Так нам будет удобнее рисовать текст. Если вы используете мышь, то лучше скачайте рукописный шрифт, который подойдет для нашей работы.

Labor Day badge vectors

Шаг 2

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

Начиная рисовать букву, давите на стилус меньше, а заканчивая шрифт — сильнее. Так ваши буквы будут с одной стороны тоньше, с другой толще. Поэкспериментируйте в создании стиля для текста.

Labor Day badge vectors

Шаг 3

Нарисуйте ваш текст. Так как мы использовали инструмент Blob Brush/Кисть клякса, каждая буква представляет отдельный объект. Unite/Объедините буквы каждого слова в палитре Pathfinder/Обработка контура или просто Group/Сгруппируйте их.

Labor Day badge vectors

Шаг 4

У первый из наших значков будут волнистые края. Нарисуйте круг инструментом Ellipse/Эллипс и в меню выберите Effect > Distort & Transform > Zig Zag/Эффект>Искажение и трансформация>Зигзаг. В появившемся окне укажите следующие параметры:

Labor Day badge vectors

Шаг 5

После этого выберите Expand Appearance/Разобрать оформление в меню Object/Объект.

Labor Day badge vectors

Шаг 6

Укажите фигуре красный цвет заливки. Нарисуйте внутри фигуры круг кремового цвета (как фон), а внутри этого круга еще один — синего цвета.

Labor Day badge vectors

Шаг 7

Разместите вашу надпись внутри синего круга. При помощи инструмента Star/Звезда нарисуйте маленькие кремовые звездочки по краям волнистой фигуры. Выделите все созданные элементы и Group/Сгруппируйте их.

Labor Day badge vectors

Шаг 8

Создадим еще один значок. Инструментом Star/Звезда нарисуйте звезду синего цвета. Потянув за направляющие Live Corners/Живых углов чтобы немного скруглить углы фигуры.

Labor Day badge vectors

Шаг 9

Нарисуйте красный прямоугольник при помощи инструмента Rectangle/Прямоугольник. Создайте дополнительную точку в середине нижнего края прямоугольника и инструментом Direct Selection/Прямое выделение потяните его наверх. Нарисуйте три узких и длинных прямоугольника кремового цвета поверх красной фигуры, Unite/Объедините их в палитре Pathfinder/Обработка контура. Инструментом Shape Builder/Создание фигур выделите их и удалите с поверхности красной фигуры. Group/Сгруппируйте элементы.

Labor Day badge vectors

Шаг 10

Поместите синюю звезду поверх красной полосатой фигуры, а также украсьте звезду нарисованным от руки текстом.

Labor Day badge vectors

Шаг 11

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

Labor Day badge vectors

Шаг 12

Инструментом Direct Selection/Прямое выделение выделите нижние точки большого прямоугольника и потяните их вправо, чтобы исказить фигуру. Сделайте то же с нижней правой точкой маленького прямоугольника. Создайте копию маленького прямоугольника и отразите ее по вертикальной оси, затем разместите копию справа от большого прямоугольника.

Labor Day badge vectors

Шаг 13

Украсьте ленточку текстом красного цвета выше и ниже, а также текстом кремового цвета на самой ленте.

Labor Day badge vectors

Результат

Labor Day badge vectors

Автор урока Mary Winkler

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

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




Коментарии запрещены.