В этом уроке мы научимся создавать узор в стиле гильоше в Adobe Illustrator. Вы узнаете сам принцип создания, который позволит вам экспериментировать в этой области бесконечно. Такие узоры обычно используются в качестве защиты банкнот и документов от подделок. Вы же сможете приемнить его в дизайне. Для выполнения урока вам понадобится версия Adobe Illustrator CS2 – CC2014. Урок подойдет и новичками и не отнимет у вас много времени.

Результат

Шаг 1

Создайте новый документ (Cmd / Ctrl + N). Ваша рабочая область может быть любого размера и цветовой режим также выбирайте как пожелаете — это не принципиально.

Шаг 2

Инструментом Pen/Перо (P) нарисуйте волнистую линию, как показано ниже. Вам необязательно повторять форму в точности — просто нарисуйте примерно такую же линию. Важно лишь, чтобы в первой и последней точке направляющие находились горизонтально. Для этого удерживайте Shift, когда растягиваете их.

Создайте еще одну волнистую линию под первой. Манипуляторы первой и последней точки также должны располагаться горизонтально.

Шаг 3

Выделите левые точки обеих линий инструментом Direct Selection/Прямое выделение (A) и выровняйте их в палитре Align/Выравнивание, выбрав Horizontal Align Left/Горизонтальное выравнивание по левому краю.

То же сделайте с правыми точками обеих линий.

Шаг 4

Соедините левые точки линией при помощи инструмента Pen/Перо (P).

Выделите получившуюся фигуру и возьмите инструмент Reflect/Отражение (O). Кликните им по точке A, показанной ниже, удерживая Option / Alt. В диалоговом окне выберите Vertical axis/Ветрикальну ось и нажмите кнопку Copy/Копия.

Шаг 5

Выделите верхние точки, которые совпадают в месте отражения, инструментом Direct Selection/Прямое выделение (A), затем в меню выберите Object > Path > Join/Объект>Контур>Соединить (Cmd / Ctrl + J).

Таким же способом соедините и две нижние точки.

Шаг 6

Создайте горизонтальную прямую инструментом Pen/Перо (P) или Line/Отрезок линии (\).

Длина линии не столь важна. Переместите линию немного ниже, удерживая клавиши Shift и Option / Alt. Так вы дублируете линию.

Шаг 7

Выделите обе линии и нажмите Cmd / Ctrl + Option / Alt + B, чтобы создать переход между ними. Теперь кликните дважды по инструменту Blend/Переход (W) в палитре Tools/Инструменты. В открывшемся диалоговом окне выберите Specified Distance и укажите 4px.

Если вы хотите чтобы ваш узор был цветным, вы можете раскрасить лини в разные цвета, например, в зеленый и красный.

Шаг 8

Разместите линии с переходом под волнистой фигурой в палитре Layers/Слои.

Выделите линии и фигуру и в меню выберите Object > Envelope Distort > Make with Top Object/Объект>Искажение оболочки>По форме верхнего объекта.

Как вы видите, у нас получилось несколько дефектов, чтобы исправить их, выберите в меню Object > Envelope Distort > Envelope Options/Объект>Искажение оболочки>Параметры оболочки и увеличьте значение параметра Fidelity/Точность до 90-100.

Теперь все дефекты устранены.

Шаг 9

Переместите получившийся объект в палитру Brushes/Кисти и в открывшемся диалоговом окне выберите вариант Pattern Brush/Узорчатая кисть.

Оставим все настройки по умолчанию. Нажмите OK. Если вы используете версию Adobe Illustrator CC-CC2014, тогда у вас будет возможность автоматически сгенерировать тип угла. У вас будет четыре варианта, из которых вы выберите наиболее подходящий.

Шаг 10

Создайте круг при помощи инструмента Ellipse/Эллипс (L), затем примените к нему кисть.

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

Теперь давайте посмотрим что получится, если применить кисть к прямоугольнику.

Результат

Теперь у вас есть узор в стиле гильоше, который вы можете редактировать. Теперь поэкспериментируйте самостоятельно.
a. Объект, созданный в шагах 2-5 может иметь любую другую форму. Чем больше форм вы создадите, тем больше вариантов узоров получите.
b. Вы можете менять цвет линий в объекте с переходом, а также их частоту.
c. Переход можно сделать из любых фигур, не только прямых линий. Например, попробуйте переход между двумя зигзагообразными линиями.

Картинки ниже помогут вам в экспериментах.

d. Вместо объекта с переходом, вы можете использовать другие фигуры, например вот такой узор:

e. После применения эффекта Envelope Distort, вы можете менять форму объекта, редактировать его манипуляторы.

Автор урока Iaroslav Lazunov

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

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

• Радужный паттерн из шестиугольников в Adobe Illustrator
• Рисуем цветочный паттерн в Adobe Illustrator
• Рисуем геометрический полосатый узор в Illustrator