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

Как создать золотой текстовый эффект и графический стиль в Adobe Illustrator

Ярослав Лазунов
24.02.2014
Цель Урока

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

В сегодняшнем уроке вы научитесь создавать довольно сложный графический стиль, который включает в себя отражение, падающие тени и блики. Все это возможно создать благодаря одному из мощнейших инструментов Adobe Illustrator – панели Appearance. Созданный графический стиль применим к редактируемым текстовым объектам, что делает его полностью универсальным.

Шаг 1

Открываем Adobe Illustrator и идем File > New…. В открывшемся диалоговом окне устанавливаем режим цветности RGB, размеры рабочей области не имеют значения, так как мы будем создавать графический стиль.

Шаг 2

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

Выделяем слово, затем два раза кликаем на Characters в панели Appearance (Window > Appearance).

Выделяем атрибут Fill, затем удаляем его, нажав на иконку корзины.

Буквы исчезли, не пугайтесь – так должно быть. Кликаем два раза на Type: No Appearance.

Шаг 3

Нажимаем на кнопку Add New Fill в панели Appearance.

Применяем к заливке вертикальный линейный градиент, состоящий из 5 цветов: белый R=255 G=255 B=255, светло-желтый R=252 G=220 B=161, желтый R=255 G=182 B=77, коричневый R=69 G=24 B=1, светло-коричневый R=181 G=113 B=40

Шаг 4

Нажимаем на кнопку Duplicate Selected Item в панели Appearance, затем выделяем нижнюю заливку.

Хочу заметить, что во время работы с панелью Appearance объект всегда должен быть выделен. Переходим Effect > Path > Offset Path… и устанавливаем 2px для Offset.

Заменим градиент нижней заливки вертикальным градиентом, который состоит из желтого цвета R=255 G=182 B=77 и коричневого цвета R=69 G=24 B=1

Шаг 5

Нажимаем на кнопку Duplicate Selected Item в панели Appearance, затем выделяем нижнюю заливку.

Переходим Effect > Distort & Transform > Free Distort…. Переместим верхние вершины ограничивающей рамки текста вниз и к центру так, как это показано на рисунке ниже, нажимаем кнопку OK.

Заменим градиент нижней заливки вертикальным линейным градиентом от белого цвета к серому цвету R=64 G=64 B=64

Применим к этой заливке режим смешивания Multiply. Это можно сделать в панели Transparency или непосредственно в панели Appearance. В этом шаге мы создали падающую тень от текста.

Шаг 6

Нажимаем на кнопку Add New Fill в панели Appearance.

Переместим новую заливку ниже всех атрибутов.

Не снимая выделения с нижней заливки, переходим Effect > Convert to Shape > Rectangle…. Устанавливаем значения Extra Wirth и Extra Height в открывшемся диалоговом окне.

Заменим градиент нижней заливки радиальным градиентом от темно-серого цвета R=43 G=43 B=43 к черному цвету R=5 G=5 B=5

В этом шаге мы создали фон.

Шаг 7

Нажимаем на кнопку Add New Fill в панели Appearance.

Заменим градиент верхней заливки вертикальным линейным градиентом от коричневого цвета R=181 G=113 B=40 к черному цвету R=0 G=0 B=0

Теперь переходим Effect > Distort & Transform > Transform…. В открывшемся диалоговом окне выбираем опцию Reflect Y option и нажимаем нижний белый квадратик координатного манипулятора контрольной точки.

Применим к заливке режим смешивания Screen и уменьшим непрозрачность до 35%.

В этом шаге мы создали отражение текста.

Шаг 8

Выберем серый цвет R=153 G=153 B=153 для обводки и установим толщину равную 2px в панели Appearance.

Применим к обводке режим смешивания Multiply.

Таким образом, мы создали фаску на краю букв.

Шаг 9

При помощи Ellipse Tool (L) создаем окружность 20x20px с заливкой черного цвета R=0 G=0 B=0 и без обводки.

Теперь создадим вторую окружность 1x1px с заливкой светло-серого цвета R=204 G=204 B=204. Центры обоих окружностей должны совпадать.

Выделяем обе окружности, затем переходим Object > Blend > Make, затем Object > Blend > Blend Options… и устанавливаем 10 Specified Steps.

Шаг 10

Перетаскиваем бленд объект в панель Brushes (Window > Brushes). В открывшемся диалоговом окне выбираем Scatter Brush.

Не изменяя параметров установленных по умолчанию, сохраняем кисть.

Шаг 11

Выделяем текст, затем нажимаем на кнопку Add New Stroke в панели Appearance.

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

Два раза кликнем по иконке Scatter Brush в панели Brushes, для того чтобы получить доступ к параметрам кисти. Установим 4000% для Spacing и нажмем кнопку OK.

Отметим в диалоговом окне Apply to Stroke.

Установим режим смешивания Color Dodge для этой обводки.

В этом шаге мы создали блики на буквах.

Шаг 12

Теперь, когда золотой текстовый эффект готов, мы можем сохранить его, как графический стиль. Открываем панель Graphic Style (Window > Graphic Style), выделяем текст, затем выбираем New Graphic Style в сплывающем меню панели.

Этот графический стиль мы можем применить к любому редактируемому тексту.

Всего комментариев: 2
0
1  
Подскажите, пожалуйста, почему у меня в 10м шаге когда перетаскиваю бленд в панель браш, и выбираю scatter brush выскакивает сообщение "The selected artwork contains an element that cannot be used in a scatter brush" ?

0
2  
Возможно объекты бленда залиты градиентом

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