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

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

Рисуем геометрическую звезду в Adobe Illustrator

12 марта 2014 | Опубликовано в Уроки | 3 Комментариев »

В этом уроке мы выучим метод создания вот такого цветка. Эту технику можно использовать при создании логотипов или ярких фонов. В уроке объясняется принцип создания подобных геометрических фигур. Узнав его вы сможете экспериментировать и создавать собственные узоры и сочетания. Надеемся этот урок окажется для вас полезным!

 

 


Рисуем круг

Начните с создания круга. Выберите инструмент Ellipse tool / Эллипс и удерживая клавишу Shift key растяните круг. Укажите кругу желаемый цвет заливки и отсутствие обводки. В палитре Swatches panel/ Образцы на картинке выше вы можете увидеть цвета (RGB), которые будут использоваться в примере. При добавлении образцов вы можете включить для них опцию Global swatches / Глобальный образец (кликните дважды по образцу и выберите Global/Глобальный), это означает, что если вы позже захотите изменить цвет образца, это изменение вступит в силу для всех объектов этого цвета. Так намного проще и удобнее экспериментировать с цветами.

Рисуем диагональную линию

Теперь возьмите инструмент Line tool / Отрезок линии и удерживая клавишу Shift растяните линию, которая будет в одной точке соприкасаться с кругом. Укажите линии цвет, чтобы не потерять ее из виду после того, как снимите выделение. Ориентируйтесь по картинке сверху.

Чтобы рисовать линии было удобнее, включите опцию  Smart Guides/Быстрые направляющие в меню Edit / Редактировать.

Рисуем вертикальную линию

Теперь тем же инструментом нарисуйте вертикальную линию, которая будет соприкасаться с кругом в одной точке справа. Удерживайте Shift чтобы линия оставалась прямой.

Рисуем соединительную линию

Теперь нарисуйте линию, которая объединит точки соприкосновения предыдущих линий с кругом.

Создаем треугольник

Теперь из созданных линий нам нужно получить треугольник. Однако сперва нам нужно убедиться в том, что наши все линии соприкасаются. Для этого возьмите инструмент Direct Selection tool / Прямое выделение  и при необходимости соедините точки соприкосновения. Теперь инструментом Selection tool/ Выделение выделите все три линии и дважды нажмите Cmd/Ctrl + J, чтобы объединить их в одну фигуру.

Объединяем треугольник и круг

Выделите круг и треугольник и в палитре Pathfinder / Обработка контура нажмите на кнопку Unite/Объединить.

Поворачиваем копию на 15°

Выберите инструмент Rotate tool/Поворот. Удерживая Option/Alt кликните правой кнопкой мыши по нижней точки нашей фигуры. В появившемся окне укажите настройки как на картинке выше и нажмите кнопку Copy/Копия. В палитре Transparency / Прозрачность укажите фигуре 50% opacity/непрозрачность.

Поворачиваем копию на -30°

Теперь выделите обе фигуры и так же как в прошлом шаге, удерживая Option/Alt кликните правой кнопкой по нижней точке. На этот раз укажите поворот в -30° и снова нажмите Copy/Копия.

Новый слой и режим «Замена светлым»

Укажите каждой новой фигуре свой цвет и 50% непрозрачности. Теперь в палитре Layers/Слои создайте новый слой и переместите в него последние две фигуры. Вы можете сделать это выделив фигуры и перетащив цветной квадратик справа от иконок слоев из старого слоя в новый. Не снимайте выделения и в палитре Transparency/Прозрачность смените режим наложения на Lighten/Замена светлым.

Поворачиваем копию на 60°

Выделите все четыре фигуры и снова возьмите инструмент Rotate tool/Поворот. Зажав Option/Alt кликните правой кнопкой мыши куда-нибудь в область пересечения фигур. Ориентируйтесь по картинке выше. В появившемся окне введите 60° и нажмите кнопку Copy/Копия. Мы выбрали 60°, чтобы сделать шесть копий. Вы можете выбрать 72°, чтобы копий было пять, или 40° для девяти копий. Просто делите 360 (градусы в круге) на желаемое количество копий.

Вновь трансформируем

image of the end result

Теперь нажимайте Cmd/Ctrl + D столько раз, сколько копий вам осталось добавить. Результат должен быть похож на картинку выше.

Другие примеры

Автор урока Veerle Pieters

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

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




Комментарии

[an error occurred while processing the directive]


[an error occurred while processing the directive]