Опубликовано в Текст | 0 комментариев

Градиентная обводка текста

В Иллюстраторе Вы не можете применить к обводке градиент так, как Вы обычно это делаете с заливкой. Вы можете это сделать, например, таким способом: Создать обводку, потом через меню 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 и её возможности. Предлагаю каждому побаловаться с этими возможностями, чтобы увидеть, какие потрясающие результаты можно получить! Ниже привожу пример одного из моих экспериментов для получения градиентной и полупрозрачной мульти-обводки.

Градиентная обводка

Источник: vectips.com