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

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

Бриллиантовый геометрический паттерн в Adobe Illustrator

26 мая 2015 | Опубликовано в Уроки | 1 Комментарий »

Сегодня мы будем работать над очередным геометрическим паттерном в Adobe Illustrator. Узоры в этом стиле очень популярны, а создание сегодняшнего примера достаточно просто, но увлекательно. Поняв принцип создания такого узора, вы сможете экспериментировать и рисовать собственные вариации на тему.

 

 


Простые шаги

Мы будем создавать паттерн пошагово, создавая узор напоминающий бриллиант. Ниже вы видите шаги, благодаря которым появится наша работа:

Посмотрев на эти шаги, вам может показаться что создание работы достаточно простой процесс. И по сути вы правы. Однако простым он оказывается только после того как вы проанализировали принцип составления узора, последовательность и четко понимаете каждый шаг. Именно это и было самое сложное при создании работы. Технически же нам понадобятся только простые инструменты и функции типа масштабирования, вращения и т. д. Для простоты понимая, каждый новый элемент отличается по цвету обводки от предыдущего. Вам необязательно повторять этот момент, вы можете использовать любые цвета. Также попробуйте варианты с полупрозрачной заливкой и поэкспериментируйте с режимами наложения. Это может дать интересный эффект. И конечно вы в любой момент можете исправить что угодно, поэтому не расстраивайтесь если на каком-либо этапе ваша работа будет выглядеть неидеально.

Рисуем восьмиугольник

Step 1 - Draw an octagon

Начните с создания вертикальной и горизонтальной направляющий, пересекающихся в желаемом центре работы. Убедитесь что у вас включены Smart Guides/Умные направляющие (View > Smart Guides/Обзор>Умные направляющие). Возьмите инструмент Polygon/Многоугольник, зажмите клавишу Alt/Option и кликните ровно по пересечению направляющих. В появившемся окне укажите желаемый радиус (например, 100) и 8 сторон. Нажмите OK.

Рисуем кристаллообразную фигуру

Step 2 - Draw a diamond shape

Инструментом Pen/Перо нарисуйте новую фигуру кристаллообразной формы. Сздавайте точки в местах пересечения восьмиугольника с направляющими. Smart Guides/Умные направляющие помогут вам попасть ровно куда нужно (появится маленький квадратик).

Копируем и поворачиваем «кристалл»

Step 3 - Copy rotate the diamond

Копируйте кристаллообразную фигуру (Cmd/Ctrl + C), затем вставьте копию на передний план (Cmd/Ctrl + F). Поверните фигуру ровно на 45°. Для этого возьмите инструмент Rotate/Поворот, кликните ровно в центр фигуры и поворачивайте объект, удерживая клавишу Shift.

Копируем и вращаем многоугольник

Step 4 - Copy rotate the polygon

Выделите многоугольник и возьмите инструмент Rotate/Поворот. Удерживая клавишу Alt/Option, кликните в центр фигуры. В появившемся окне введите 22,5° и нажмите кнопку Copy/Копия.

Масштабируем многоугольник

Step 5 - Scale the polygon

Не снимайте выделения с многоугольника и возьмите инструмент Scale/Масштабирование, зажмите клавишу Shift, и масштабируйте фигуру, сделав ее настолько меньше, чтобы она вписалась в квадрат. И здесь вам очень помогут Smart Guides/Умные направляющие.

Рисуем звезду

Step 6 - Draw a star

Инструментом Pen/Перо нарисуйте звезду в местах пересечения, показанных на картинке выше.

Масштабируем копию

Step 7 - Copy scale

Выделите весь объект целиком и возьмите инструмент Scale/Масштабирование. Зажмите клавишу Alt/Option и кликните в центр объекта. В появившемся окне укажите 60% и нажмите кнопку Copy/Копия.

Рисуем шесть линий

Step 8 - Draw 6 lines

Инструментом Pen/Перо нарисуйте шесть отдельных линий, как показано на картине выше.

Создаем паттерн

Step 9 - Turn into a pattern

Выделите весь объект и укажите ему в панели настроек размеры 200px на 200px. В меню выберите Object > Pattern > Make/Объект>Узор>Создать. Нажмите OK в появившемся диалоговом окне. В палитре Pattern/Узор убедитесь что размер мозаики совпадает с размером объекта. И это все!

Экспериментируйте!

Всегда хорошо иметь несколько вариантов оригинального паттерна. В крайнем случае, если вас будет не устраивать то, что у вас получается, вы всегда можете вернуться в режим редактирования паттерна и внести необходимые изменения. Если вы не хотите заменять  оригинальный вариант паттерна новым, просто нажмите на Save a Copy/Сохранить как копию.

My pattern variation

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

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

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

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




Комментарии

Оставить ответ


+ 1 = десять

Вставить изображение