Рисуем значки на летнюю тематику в Adobe Illustrator
10 июля 2014 | Опубликовано в Уроки | 1 Комментарий »
В этом уроке мы научимся создавать простые плоские значки на летнюю тематику в Adobe Illustrator. После этого мы применим довольно простую, но интересную технику для создания фасеточного эффекта. Нам предстоит нарисовать солнце, радугу, облака и дождь, а также ленту, которая станет объединяющим элементом всех значков.
Результат
Шаг 1
Создание каждого из значков начинается с одной и той же ленточки. Инструментом Rectangle/Прямоугольник (M) нарисуйте длинный горизонтальный прямоугольник кораллового цвета. Инструментом Pen/Перо (P) нарисуйте треугольник, пересекающийся с прямоугольником сбоку, как на картинке ниже. Выделите обе фигуры и кликните по иконке Minus Front/Минус верхний в палитре Pathfinder/Обработка контура. Повторите процедуру с другой стороны прямоугольника.
Шаг 2
Текст, который мы будем использовать прост: Summer ’14. Вы можете выбрать свой вариант надписи. Автор урока пробовал шрифты Akkurat Pro, Penelope Anne и Hero. Вы же можете взять свой любимый шрифт. После того как вы написали текст и разместили его как вам нравится, выделите его и выберите пункт Expand/Разобрать в меню Object/Объект.
Шаг 3
Чтобы нарисовать солнце, которое будет в двух значках, воспользуйтесь инструментом Ellipse/Эллипс (L) и выберите желтый цвет заливки. Затем в меню выберите Effect > Distort & Transform > Zig Zag/Эффект>Трансформация и искажение>Зигзаг, укажите параметры как на картинке ниже и нажмите OK. Разберите/Expand фигуру, выбрав соответствующий пункт в меню Object/Объект, Копируйте (Control-C), Вставьте (Control-V), и поверните копию фигуры, чтобы лучи копии встали посредине лучей оригинала. Сгруппируйте (Control- G) обе фигуры и поместите под слой с лентой палитре Layers/Слои.
Шаг 4
Солнечные очки для солнца в первом значке сделаны из скругленных прямоугольников. Нарисуйте длинный горизонтальный прямоугольник для верхней части очков, и квадрат для нижней части. Выровняйте эти две фигуры по правому краю в палитре Align/Выравнивание. Инструментом Direct Selection/Прямое выделение (A) выделите по очереди углы и сделайте их округлыми. Если вы используете Adobe Illustrator CC, то можете сразу рисовать скругленные прямоугольники при помощи инструмента Rounded Rectangle/Прямоугольник с закругленными углами. Дублируйте и отразите фигуры для второй стороны очков.
Шаг 5
Чтобы соединить очки, нарисуйте небольшой прямоугольник между двумя предыдущими фигурами, затем в меню выберите Effect > Warp > Arc/Эффект>Деформировать>Дуга. Укажите параметры как на картинке ниже. Нарисуйте линзы и укажите им желаемые цвета. В примере использован голубой и розовый. Добавьте две маленькие детали по краям очков в виде небольших прямоугольников, чтобы сделать очки похожими на Ray-Ban.
Шаг 6
Для создания второго значка дублируйте солнце, сделайте его меньше и разместите в правой частик ленты. Инструментом Ellipse/Эллипс нарисуйте круги голубого цвета и разных размеров, чтобы сформировать из них облако. Выделите все круги и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура.
Шаг 7
Дублируйте облако, сделайте его светлее и меньше, чтобы создать эффект глубины. Теперь нарисуем капли дождя. Нарисуйте круг и потяните верхнюю точку инструментом Direct Selection/Прямое выделение. Используйте инструмент Convert Anchor Point/Преобразовать опорную точку (Shift-C) чтобы превратить точку из кривой в угол. Дублируйте каплю, сделайте копии разных размеров и цветов и разместите по значку.
Шаг 8
Теперь возьмемся за радугу. Нарисуйте два одинаковых узких вертикальных прямоугольника. Выделите оба и при помощи инструмента Blend/Переход (W) создайте переход в 3 – 4 шага.
Шаг 9
Expand/Разберите получившийся объект и измените цвета прямоугольников, чтобы получилась радуга. Сгруппируйте вместе все прямоугольники, при необходимости растяните их вниз инструментом Selection/Выделение. В меню выберите Effect > Warp > Arc/Эффект >Деформировать>Дуга и настройте параметры как показано ниже. Затем Expand/Разберите объект.
Шаг 10
Для создания третьего значка используйте ранее созданные радугу, облака и капли дождя, объединив их вместе и расположив за лентой.
Шаг 11
При желании некоторым значкам можно придать фасеточный эффект. Возьмите инструмент Rectangular Grid/Прямоугольная сетка, чтобы нарисовать сетку размером шесть на шесть квадратов. Дублируйте сетку и поверните ее на 45 градусов.
Шаг 12
Выделите обе сетки и кликните по иконке Divide/Разделить в палитре Pathfinder/Обработка контура. После этого укажите всем элементам линейный градиент от белого к черному в палитре Gradient/Градиент. Аккуратно настройте угол градиента для фигур, чтобы создать фасеточный эффект. Смотрите чтобы угол градиента не оказался тем же для всех элементов.
Шаг 13
Дублируйте один из значков, выделите все составляющие его элементы и кликните по иконке Unite/Объединить в палитре Pathfinder/Обработка контура. Дублируйте сетку с градиентом и поместите под объединенный значок, убедившись предварительно, что фигуры с градиентом сгруппированы. Выделите сетку и значок и укажите Обтравочную маску/Clipping Mask (Control-7). Выровняйте получившийся объект с оригиналом значка, укажите объекту Blend Mode/Режим наложения Overlay/Перекрытие в палитре Transparency/Прозрачность, снизьте Opacity/Непрозрачность до желаемого результата. Примените этот шаг к остальным значкам.
Результат
Автор урока Mary Winkler
Перевод — Дежурка
Смотрите также:
549