Vectorboom
Уроки / Текстовые эффекты / Comments: 1

Использование панели Appearance и плагина Stylism для создания 3D текстового эффекта в Illustrator

Ярослав лазунов
23.05.2014
Цель урока

В сегодняшнем уроке мы научимся использовать совместно панель Appearance и плагин Stylism для создания несложного 3D Text эффекта. Вы узнаете, как использовать Stylism на практике и об особенностях применения эффектов к целевым заливкам и обводкам.

Шаг 1

Берем Type Tool (T) и создаем букву S. Для этих целей я использовал шрифт Myriad Pro.

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

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

Два раза кликнем по атрибуту Characters в панели Appearance, затем удалим черную заливку.

Теперь два раза кликнем на атрибуте Type.

Добавим новую заливку в панели Appearance, затем заменим ее новым градиентом, который состоит из трех оттенков синего цвета, так как это показано на рисунке ниже.

Шаг 2

В дальнейшем мы будем применять эффекты при помощи Stylism. После установки плагина иконка Stylism Tool появится на панели Tools. Для открытия его панели, переходим Window > Stylism > Stylism panel.

Применим эффект Offset Path к нашей букве, нажав на соответствующую кнопку в панели Stylism.

Как вы можете видеть, появилась аннотация, которая позволяет управлять параметрами и опциями эффекта непосредственно над объектом, не открывая диалоговое окно. Такая особенность плагина Stylism позволяет экономить время и дает вам более удобный визуальный контроль над применяемыми эффектами.

Шаг 3

После применения любого эффекта при помощи Stylism он появится внизу списка атрибутов в панели Appearance, то есть будет применен ко всему объекту.

Если вы хотите применить эффект к одной заливке или обводке, то необходимо переместить этот эффект на целевую заливку или обводку. Переместим эффект Offset path на верхнюю заливку.

Теперь для установки нужной величины Offset вы можете перемещать Offset control.

Для установки точного значения параметра кликните два раза по Offset control, что приведет к открытию диалогового окна. Установим величину равную -5px.

Шаг 4

Создадим новую заливку, нажав на кнопку Add New Fill.

Переместим в самый низ списка атрибутов в панели Appearance.

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

Шаг 5

Нажимаем на кнопку Transform Live Effect в панели Stylism.

Переместим эффект Transform на нижнюю заливку.

При помощи Copies control  установим 40 копий и величину горизонтального смещения равную 1px в диалоговом окне Transform.

Как вы можете видеть, для быстрого увеличения количества копий в 10 раз я использовал горячую клавишу Shift (для получения полной информации читайте Горячие клавиши плагина Stylism ).

Шаг 6

Создаем новую заливку в панели Appearance. Переместим эту заливку в самый низ списка атрибутов. Теперь применим к ней вертикальный линейный градиент от серо-синего цвета к белому цвету.

Нажимаем на кнопку Free Distort Live эффект в панели Stylism.

Теперь переместим этот эффект на нижнюю заливку в панели Appearance.

Шаг 7

Сместим Free Distort edge of annotation для создания падающей тени от буквы.

Безусловно, управление эффектом Free Distort при помощи Stylism намного удобней, чем при помощи стандартного диалогового окна, которое даже не имеет опции привью.

Шаг 8

Теперь мы можем сохранить созданный стиль в панели Graphic Style и применять в дальнейшем к редактируемому или outline тексту.

Использование стандартных эффектов позволяет нам быстро изменить стиль, заменив цвета необходимых атрибутов или параметры примененных эффектов.

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