Vectorboom
Уроки / Векторные Эффекты / Comments: 18

Создаем гильош в Adobe Illustrator

Ярослав Лазунов
11.09.2014
Цель Урока
vector polygonal background

This article was originally published on Vectips.com in English. You can view the original article here...

Автор идеи jkghjhgjhgjgjjhg

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

Шаг 1

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

Шаг 2

Берем Pen Tool (P) и рисуем волнистую линию без заливки подобно, показанной на рисунке ниже. У вас нет необходимости точно повторять форму кривой. Я только хочу попросить вас расположить ручки начальной и конечной точки пути горизонтально. Для этого удерживайте Shift во время манипуляций с ними.

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

Шаг 3

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

Таким же способом выровняем конечные точки путей.

Шаг 4

Соединим начальные точки путей при помощи Pen Tool (P).

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

Шаг 5

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

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

Шаг 6

Создадим горизонтальный путь без заливки при помощи Pen Tool (P) или Line Tool (\).

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

Шаг 7

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

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

Шаг 8

Поместим бленд объект ниже объекта из волнистых путей, для этого переместим его вниз в панели Layers.

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

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

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

Шаг 9

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

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

Шаг 10

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

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

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

Заключение

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

a. Как вы понимаете, объект, созданный в шагах 2-5, может быть произвольной формы. Чем больше таких объектов вы создадите, тем больше разновидностей узоров вы получите.

b. Вы можете изменять цвет бленд объекта и величину его шага.

c. Бленд объект может состоять из путей различной формы (не только из прямолинейных сегментов). Например, мы можем использовать пути в форме зигзага. На рисунках ниже показаны промежуточные шаги и конечный результат создания такого гильоша.

d. Вместо бленд объекта вы можете использовать путь, к которому применена pattern brush. Я создал элемент кисти из нескольких квадратов (углы нижнего и верхнего квадрата округлены).

Сохраним этот объект как pattern brush в панели Brushes, затем применим кисть к прямолинейному сегменту.

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

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

Уверен, вы найдете еще много способов использования описанной техники. Наслаждайтесь экспериментами!

Всего комментариев: 18
0
1  
Очень увлекательно! Спасибо!

0
2  
Спасибо за урок!
А как после "экспанда" безболезненно закрыть столько "путей"?????? Этот вопрос наверное волнует многих - так как большинство из нас "сидит" на микростоках!!

0
3  
Существует несколько способов закрытия путей
1. Скриптом - происходит замыкание точек по прямой
2. Плагином VectorScribe, который позволяет закрывать пути с учетом ручек начальной и конечной точки
3. Встроенными средствами - ножом, также замыкает по прямой

Подробней читаем тут http://ru.vectorboom.com/load....-1-0-87

Прежде, чем закрывать пути, необходимо понимать природу их возникновения. Часто множество открытых путей образуется после разборки 3Д объектов. В этом случае вам подойдет первый или третий способ.
Бывает что открытые пути образуются после разборки кистей или бленд объектов. В этом случае закрывать их нет смысла, они просто должны быть удалены. Такие пути не имеют заливки и обводки, поэтому легко могут быть идентифицированы и удалены. Самый простой способ Object > Path > Clean Up... единичные точки также будут удалены этой командой

0
4  
Спасибо за информацию - перепробовал всё!) но единственный способ остается и он "болезненный" т.е. долгий - это Average -> Join и так все "тысячи" открытых путей созданных!((
Здесь проблема в том что каждый путь принадлежит получается отдельному объекту как я понимаю!
Есть ли скрипт который бы соединял конечный точки различных путей находящихся на определенном расстоянии и это расстояние можно было указывать!??????? В 3д прогах такие функции(или скрипты) например есть

0
11  
Получил ваши файлы. Проблема решается ну очень просто Object > Path > Outline Stroke, тем более что обводку нужно разбирать в обязательном порядке. Вы не знали?

0
13  
Спасибо пробовал это - если сделать Outline Stroke то "коммерчески" данный объект становится непригодным так как становиться "трудноредактируемым" как говорят на стоках, такие объекты в приципе принимают на стоки без проблем но вот свою репутацию данными "трудноредактируемымы" можно подпортить и это проверено((!! Вы походу не в курсе или вы забыли(?? surprised ) - но если обводки замкнуты то их НЕ нужно разбирать в обязательном порядке и в замкнутом виде его принимают на стоках на ура в EPS10!!, если их не разбирать то объект становиться "отличноредектируемым" а значит ккоммерческиболее пригодным!
Сори за каламбур!)) Вообщем надо пытаться разрабатывать(писать) скрипт!)

1
14  
Разбор обводки, мне кажется, обязательное условие даже для замкнутых путей. Это связано с проблемами масштабируемости объекта, не всяк клиент знает, где птичку поставить и с лазерной резкой, например.
Вы думаете, что клиент с легкостью отредактирует гильош с не разобранными путями? Дело ваше. Я всегда разбираю обводку.
А вы в курсе, что в eps, она при определенных условиях, сама может разобраться?

0
15  
В курсе если галки не снимать стоящие по умолчанию - то сама может "разберется" обводка! Вот именно что покупатели требуют чтобы все замкнутые пути не разбирались - мне сами проверающие писали больше так не делать с замкнутыми путями(обводками) так как это не обязательно и покупатели жалуются что геморойно редактировать то что и так можно было сохранить без изменений(Например: замкнутые пути)...
Те кто покупает котент в 90% прошаренный клиент - все остальные чтоб посмотреть как это сделано и(или) перенять технику(хотя это не реально толком когда все "экспанднуто" и тп.) !!))

0
5  
Не понимаю ваших мучений, все закрывается махом. Давайте рассмотрим конкретную задачу. Могу посмотреть ваш файл и дать рекомендации

0
6  
Вечер добрый, у меня вот такие пироги) *the selected artwork contains an element that cannot be used in a pattern brush*

0
7  
Попробуйте разобрать элемент перед сохранением кисти, хотя у меня таких проблем не возникало. Работал в CC. В каком релизе вы работаете?

0
8  
CS6

0
9  
Вы делаете точно по уроку? Маски, например, кисть не может содержать, а вот Envelope Distort у меня прошел.

0
10  
да, все по уроку!

0
12  
Чтобы не играть в угадайку пришлите мне лучше ваш файл

0
16  
Сделала все по уроку. Все получилось до заливки окружности. Применение кисти дает странный результат. Попробовала поиграть с настройками кисти, все равно каждый раз что-то очень странное, радикально отличающееся от того, как показано в уроке.

Иллюстратор CS6. Что я делаю не так?

Скрины кисти и результата:




0
17  
Просто очень большая кисть для такой маленькой окружности. Один из вариантов решения проблемы - уменьшить параметр Scale в диалоге. Сейчас у вас 100%

0
18  
У меня после envelope distort вот такой монстр получается. Что я делаю не так?

Только зарегистрированные пользователи могут добавлять комментарии.
[ Registration | Login ]
twitter RSS facebook deviantart feed dribbble
Логин
Пароль
Новости Форума
 
Перепечатка, копирование или воспроизведение информации в каком-либо виде строго запрещены.
Все материалы, которые размещены на этом сайте не подлежат дальнейшему воспроизведению и/или распространению в любой форме, кроме как с письменного разрешения автора.