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

Создаем выпуклый и вдавленный эффект для редактируемого текста в Illustrator

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

Сегодня мы поговорим о том, как получить Bevel & Emboss. Вы научитесь создавать грани на тексте, вдавливать и выдавливать редактируемые текстовые объекты.

Создание фаски при помощи 3D эффекта

Первое, что приходит в голову это применить 3D Extrude & Bevel эффект для создания фаски на редактируемом тексте. Напечатаем текст, выделим его, затем переходим Effect > 3D > Extrude & Bevel…. В диалоговом окне эффекта выбираем Front для пресета Position, Classic Bevel, устанавливаем высоту, вибираем опцию Preview.

Теперь вы можете нажать на кнопку More Options, чтобы получить доступ к управлению источниками света.

Эффект имеет много опций, но, к сожалению, такой способ создания фаски не является идеальным. Мы можем получить ряд не редактируемых артефактов, пересечение фасок и ступенчатые переходы цвета.

Единственное что мы можем исправить, это сделать переходы цвета гладкими, увеличив количество Blend Steps, хотя такое действие увеличит размер файла в несколько раз.

Артефакты будут тем сильнее, чем более сложной формы будут буквы шрифта. Следовательно, этот метод более-менее применим  к простым шрифтам без засечек. Кроме того, мы можем сделать только один вид фаски. Например, закругленный край букв вы не сможете получить при помощи эффекта Extrude & Bevel.

Создание эффекта выдавливания при помощи панели Appearance

Одним из мощнейших инструментов Adobe Illustrator, несомненно, является панель Appearance. И вы сейчас в этом убедитесь.

Выдавленный текст

Напечатаем текст, с которым мы будем работать.

Отключим заливку в панели Tools и откроем панель Appearance (Window > Appearance).

Создадим новую заливку, нажав на соответствующую кнопку в панели Appearance.

Заменим черный цвет серым и применим к этой заливке режим смешивания Screen.

Применим к заливке Gaussian Blur effect (Effect > Blur > Gaussian Blur…)

Дублируем заливку.

Заменяет цвет верхней заливки на более темный оттенок основного цвета и применяем к этой заливке режим смешивания Multiply.

Не снимая выделения с верхней заливки, переходим Effect > Distort & Transform > Transform… и устанавливаем величины горизонтального и вертикального смещений.

Добавляем новую заливку, цвет которой соответствует цвету фона.

Выделяем эту заливку, затем переходим Effect > Distort & Transform > Transform… и устанавливаем величины горизонтального и вертикального смещений, которые в два раза меньше, чем в прошлом эффекте Transform.

Эффект выдавленного текста готов.

Верхняя плоскость текста сейчас выглядит абсолютно плоской. Но мы легко можем создать иллюзию скругленной фаски на тексте. Для этого просто применим к верхней заливке режим смешивания Multiply.

Этот метод лучшего всего работает с округлыми шрифтами.

Вдавленный текст

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

Создадим новую заливку с более темным оттенком основного текста.

Применим к ней Transform эффект и установим величину горизонтального смещения для того чтобы эта заливка сместилась немного вверх.

Применим к верхней заливке эффект Inner Glow (Effect > Stylize > Inner Glow…). Выбираем опции, показанные на рисунке ниже.

И напоследок давайте усилим эффект внутренней тени. Создаем новую темно-серую заливку и помещаем ее между двух существующих заливок в панели Appearance.

Применим к этой заливке Transform effect, установив величину вертикального смещения.

Сохраним все созданные сегодня стили в панели Graphic Styles для того чтобы быстро применять эффект к любому редактируемому тексту.

При помощи панели Appearance вы можете создавать и более сложные эффекты для текста, а управлять эффектами удобнее при помощи плагина Stylism. Узнать больше об этом вы можете в статье - Использование панели Appearance и плагина Stylism для создания 3D текстового эффекта в Illustrator.

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