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

Как применить градиентную заливку к обводке (stroke) в Adobe Illustrator CS5 и более ранних версиях

Ярослав Лазунов
03.08.2012

В Adobe Illustrator CS6 появилась возможность применить градиенты к обводкам. Возможно ли это осуществить в более ранних релизах? В этом уроке я расскажу вам, как применить градиент к обводке, не используя Adobe Illustrator CS6.


Градиентная заливка пути (path) при помощи эффектов и панели Appearance

Используя инструмент Pen Tool (P), создаем произвольный путь.

Увеличим для наглядности ширину пути до 40 pt,  используя панель Stroke (Window > Stroke)

Выделяем полученный объект и  переходим Effect > Path >  Outline Stroke.

Не снимая выделения, создаем группу, в которую будет входить созданный объект (Object > Group)

Открываем панель Appearance (Window >  Appearance)  и для данной группы создаем новую заливку, выбрав Add New Fill из меню панели.

Заменяем эту заливку на линейный градиент.

Для того чтобы заливка была применена только к пути  переходим Effect > Pathfinder >  Divide

Рассмотрим несколько вариантов редактирования пути с  градиентной заливкой. Мы можем изменять положение опорных точек и ручек полученного объекта.

Для изменения формы профиля мы можем использовать Width Tool (Shift+W)

Мы можем изменить тип конца пути (cap); применить dashed line; использовать разные профили из панели Stroke   и применять разные типы кистей из панели Brushes.

Как вы можете видеть, все эти преобразования сохраняют градиентную заливку на пути. Однако этот метод позволяет заливать обводку только линейными и радиальными градиентами. Если вы уже знакомы с новыми функциями Adobe Illustrator CS6, то знаете, что существует еще два вида градиентной заливки путей. Это градиентная заливка в доль обводки и градиентная заливка поперек обводки (gradient across stroke). Можем ли мы создать подобного вида заливки пути, не используя Adobe Illustrator CS6? Да, можем. Далее я расскажу, как это делается.


Градиентная заливка пути при помощи бесплатного плагина Mesh Tormentor

Создадим прямоугольник и c помощью Mesh Tool (U) преобразуем его в градиентную сетку (Gradient Mesh), которая состоит из нескольких строк. Окрашиваем узлы в разные оттенки серого цвета.

Не снимая выделения с объекта, создаем  градиентную сетку для кисти, используя бесплатный плагин Mesh Tormentor. Кстати, рекомендую Вам прочитать мою статью: Полное руководство Mesh Tormentor (Gradient Mesh плагин). В данной статье есть ссылка на бесплатное скачивание плагина Mesh Tormentor.

Теперь перетаскиваем объект в панель Brushes  и сохраняем кисть как Art Brush

Применим созданную кисть к произвольному пути.

Не снимая выделения с объекта, переходим Object > Expand Appearance

Теперь превратим путь в Gradient Mesh, нажав на соответствующую кнопку в панели Mesh Tormentor.

Таким способом мы получили градиентную заливку поперек обводки (gradient across stroke).

Если на начальном этапе вы создадите Gradient Mesh, которая состоит из нескольких столбцов, то в итоге получите градиентную заливку в доль обводки (gradient along stroke).

Конечно, с появлением Adobe Illustrator CS6 применять  градиентную заливку к stroke стало проще. Но если вы  продолжаете работать в более ранних версиях программы, то я думаю, эта статья будет вам полезна.

Оригинал урока на Английском языке: AstuteGraphics

Автор урока: Ярослав Лазунов

 

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Всего комментариев: 2
0
1  
А не легче ли просто преобразовать линию в фигуру?

0
2  
Вы объект зальете так, как показано на третьем рисунке (считая снизу)?

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