Урок по созданию узора Гильош или тангирной сетки в Illustrator

Сегодня в уроке мы будем делать узор гильоше с помощью инструментов Adobe Illustrator Envelope Distort, Blend Tool и Pattern Brush. Гильошированный узор, или как его некоторые называют — тангирная сетка, используется для защиты ценных бумаг и банкнот от подделок. Как правило, для создания шаблона вектора Гильоша, дизайнеры используют специальное дорогостоящие программы. Но сегодня мы узнаем, что Adobe Illustrator помогает создать Гильоша, используя только встроенные функции. Давайте посмотрим, как это делается!

Для этого урока нам потребуется версия Adobe Illustrator CS2 — CC2014 и примерно 20 минут времени.

Чтобы начать, откройте Adobe Illustrator и создайте новый документ ( Cmd / Ctrl + N ). Монтажная область может быть любого размера и он будет одинаково хорошо работать в RGB или в CMYK цветах.

Возьмите Pen Tool (P) и нарисуйте волнистую линию без заливки, как показано на рисунке. Можно не повторять точную форму моей кривой, сделайте приблизительную форму.

Создайте другую кривую ниже первой, но расположите ее горизонтально.

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

Точно так же нужно выровнять конечные точки кривых.

Соедините начальные точки путей, используя Pen Tool (P).

Выделите полученную кривую и инструмент Reflect Tool (O), и нажмите кнопку мыши в точке А, держа Option / Alt . В диалоговом окне выберите вертикальной оси и нажмите кнопку Copy.

Для следующего шага этого урока, выбрать верхний точки, в которых обе кривые пересекаются с помощью Direct Selection Tool (A), затем перейдите к Object> Path> Join (Cmd / Ctrl + J) .

Таким же образом мы соединим нижние точки пути.

Создать горизонтальную линию без заливки, используя Pen Tool (P) или Line Tool (\).

Длина пути не очень важна. Переместите полученную прямую на некоторое расстояние вниз, держа клавишу Shift и Option / Alt, это должно привести к тому, что  прямая линия повторится.

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

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

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

Выберите все созданные объекты, а затем перейти к Object> Envelope Distort> Make with Top Object .

Как вы можете видеть, мы получили несколько дефектов, которые указаны стрелками на рисунке выше. Чтобы исправить их сделайте Object > Envelope Distort > Envelope Options … и увеличить значение Fidelity до значения 90-100.

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

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

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

Создайте круг с обводкой и без заливки, используя инструмент Ellipse Tool (L), а затем примените к нему созданную кисть.

Как вы можете видеть, мы получили довольно сложную форму — это наш новый гильошированный узор! Этот объект является динамическим. Сделайте двойной щелчок на иконке кисти в панели кистей, чтобы открыть диалоговое окно. Теперь давайте менять параметры и наблюдать за происходящими изменениями.

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

Мы рассмотрели базовую технику создания собственного гильошированного узора в Adobe Illustrator. Теперь я хотел бы отметить вам направление для ваших собственных экспериментов.

• Как вы знаете, объект, созданный в первых шагах, может быть совершенно произвольной формы. Чем больше объектов вы создаете, тем больше видов шаблона вектора гильоширования вы получите.
• Вы можете изменить цвета объектов смешивания и значение шага.
• Смешиваемые объекты могут состоять из путей разной формы (не только из прямых отрезков). Например, мы можем использовать путь в форме зигзага. На рисунках ниже показаны промежуточные этапы и конечный результат созданного шаблона гильоше.

• Вместо объекта Blend, вы можете использовать путь, к которому применяется созданная нами кисть. Я создал элемент для кисти из нескольких квадратов (углы нижней площади и верхней округлены).

Давайте поместим этот элемент в шаблон кистей в панели Brushes, а затем применим кисть к сегменту прямой.

Теперь, следуя инструкциям вы можете сделать новый гильошированный узор!

• После создания объекта, вы можете продолжать манипулировать с точками, которые приведут к созданию бесконечного типа числа узоров.

Я надеюсь, что вы найдете много других применений для этой техники. Наслаждайтесь и экспериментируйте!

Для дизайнеров, которым захочется сделать нечто подобное в Photoshop, у меня есть урок «Как создать реалистичный эффект (Орловская печать) денег в Photoshop«.

Автор здесь.