Illustrator

Уроки и статьи о дизайне
22
Январь 2015

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

final[1]

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор здесь.

Оценка посетителей
[Всего: 7 Среднее: 4.9]
Метки: , , , ,
Поделиться
  • Slava

    Очень помогли, благодарю! Вроде шаги известны, но что-то не клеилось никак, а после урока прояснилось 🙂

    • На здоровье! Всегда готов помочь.

  • Уважаемый Денис, здравствуйте. Я посмотрел ваш урок и у меня есть предложение. Если вы не против этот урок можно было бы разместить на страничке которую я веду на «принт форуме», в разделе: «Консультации», подраздел, «Защищенная от подделки полиграфическая продукция». Токарев

    • Здравствуйте, уважаемый Владимир! Вы без проблем можете разместить этот и любой урок на сторонних ресурсах при условии указания открытой ссылки на мой сайт. С наилучшими пожеланиями, Денис.

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам:

Рейтинг@Mail.ru Сайт дизайнера - PhotoDrum.com