
В Иллюстраторе Вы не можете применить к обводке градиент так, как Вы обычно это делаете с заливкой. Вы можете это сделать, например, таким способом: Создать обводку, потом через меню Object > Path > Outline Stroke преобразовать обводку в контур и только потом залить градиентом полученный контур. НО: Вы уже не сможете изменить толщину обводки позже, если вдруг захотите. Кроме того, Вы не сможете использовать такой способ для текста, не потеряв его редактируемости. Поэтому в этом уроке мы рассмотрим технику добавления градиентной обводки к тексту, но при этом текст останется полностью редактируемым!
Для начала я покажу Вам метод добавления градиентной обводки на простом объекте.
Шаг 1
Нарисуйте какой-нибудь контур (я выбрал эллипс), выделите его инструментом Selection tool (V) (чёрная стрелка), убедитесь, что у него нет обводки. Далее откройте палитру Внешний вид Window > Appearance или Shift+F6. В этой палитре откройте выпадающее меню (маленькая кнопочка-стрелочка в правом верхнем углу) и выберите пункт New Fill (Новая заливка). Теперь в палитре Appearance Вы увидите появившуюся новую строчку Fill (Заливка).
Шаг 2
Кликнете в палитре Appearance самую нижнюю заливку, затем выберите пункт меню Effect > Path > Offset Path (Эффект > Путь > Смещение пути) и задайте размер обводки, которую Вы хотите получить. В окошке ввода Вы можете использовать любые единицы измерения (px, pts, mm), которые Вы обычно используете для обводки.
Шаг 3
Теперь Вы можете залить градиентом смещённый контур — градиентная обводка готова! Основное преимущество этого способа, что в любой момент Вы можете зайти в палитру Appearance и изменить значение параметра в Эффекте смещения (это преимущество Эффектов в Иллюстраторе, что они остаются полностью редактируемы) точно также, как Вы меняете толщину обводки!
Шаг 4
Припомощи инструмента Текст Type Tool (T) создайте надпись, к которой Вы хотите применить эффект градиентной обводки.
Шаг 5
Удалите обводку и заливку с текста. Если этого не сделать, то на последующих шагав, при добавлении новых заливок к тексту, основной цвет текста может проглядывать по краям.
Шаг 6
Выберите текст, откройте палитру Appearance и в выпадающем меню этой палитры выберите пункт New Fill (Новая заливка). Затем повторите эти действия ещё раз, чтобы добавить ещё одну заливку. Таким образом у Вас получится две заливки в панели Appearance.
Шаг 7
Выберите нижнюю заливку в палитре Appearance и в меню Effect > Path > Offset Path (Эффект > Путь > Смещение пути) задайте размер желаемой обводки. Не забудьте, что Вы можете задавать толщину обводки в любых, удобных для Вас, единицах измерения.
Шаг 8
Теперь Вы можете заполнить нижнюю заливку градиентом — готово! Теперь также, как и было описано в первой части урока, Вы можете изменять толщину полученной обводки (на самом деле — не толщину, а эффект смещения контура) как Вам угодно, а текст при этом остался полностью редактируемым!
Экспериментируем
Надеюсь, этот урок поможет Вам взглянуть по-новому на палитру Appearance и её возможности. Предлагаю каждому побаловаться с этими возможностями, чтобы увидеть, какие потрясающие результаты можно получить! Ниже привожу пример одного из моих экспериментов для получения градиентной и полупрозрачной мульти-обводки.
Источник: www.illustrator-training.ru/gradientnaya-obvodka-teksta.html