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

Как создать внутреннюю тень в Adobe Illustrator

Ярослав Лазунов
18.09.2012
Цель урока
как создать внутреннюю тень в Adobe Illustrator

В этом уроке по работе в Illustrator мы рассмотрим технику создания внутренней тени. К сожалению, в отличие от Photoshop такой функции нет в Adobe Illustrator. Но этот факт не будет проблемой для вас после прочтения этого векторного урока.

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

 


Шаг 1

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

как создать внутреннюю тень в Adobe Illustrator

Выделяем текст и переходим Type > Create > Outlines.

как создать внутреннюю тень в Adobe Illustrator

Шаг 2

Копируем полученную группу и вставляем вперед два раза (Command / Ctrl + C, Command /Ctrl + F (2 раза)).

как создать внутреннюю тень в Adobe Illustrator

Берем инструмент иллюстратора - Rectangle Tool (M) и создаем прямоугольник белого цвета. Прямоугольник должен полностью закрывать текст.

как создать внутреннюю тень в Adobe Illustrator

Шаг 3

Переместим прямоугольник в панели слоев так, чтобы он находился между первой и второй группой с текстом.

как создать внутреннюю тень в Adobe Illustrator

Отключим для наглядности видимость первой и третей группы с текстом в панели слоев иллюстратора.

как создать внутреннюю тень в Adobe Illustrator

Выделяем вторую группу и белый прямоугольник, затем нажимаем на Minus Front в панели Pathfinder (Window > Pathfinder).

как создать внутреннюю тень в Adobe Illustrator

Мы получили прямоугольник с вырезанным в нем текстом.

Шаг 4

Не снимая выделения с прямоугольника, переходим Effect > Stylize > Drop Shadow…

как создать внутреннюю тень в Adobe Illustrator

Теперь мы можем управлять параметрами тени в открывшемся диалоговом окне.

Урок - как создать внутреннюю тень в Adobe Illustrator

Шаг 5

Включаем видимость верхней группы с текстом, выделяем ее, затем переходим Object > Compound Path > Make или используем комбинацию клафишCommand /Ctrl + 8 .

Урок - как создать внутреннюю тень в Adobe Illustrator
Урок - как создать внутреннюю тень в Adobe Illustrator

Выделяем составной путь (Compound Path) и белый прямоугольник, затем переходим Object > Clipping Path > Make или используем комбинацию клавиш Command /Ctrl + 7

Урок - как создать внутреннюю тень в Adobe Illustrator

Шаг 6

Как вы видите, по краям букв образовались белые артефакты. Устраним этот недостаток. Находим и выделяем белый прямоугольник с вырезанным текстом в панели слоев. Теперь применим к нему режим смешивания  Multiply в панели Transparency.

Урок - как создать внутреннюю тень в Adobe Illustrator

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

Шаг 7

Я думаю, что эффект Drop Shadow должен быть отрегулирован. Открываем в иллюстраторе панель Appearance (Window > Appearance), выделяем  прямоугольник с вырезанным текстом и кликаем по названию эффекта в панеле.

Урок - как создать внутреннюю тень в Adobe Illustrator

Для того чтобы края объектов не мешали нам настраивать эффект отключим их видимость View > Hide Edges (Command + H)

Урок - как создать внутреннюю тень в Adobe Illustrator

Шаг 8

Включаем видимость самой нижней группы с текстом, заливаем ее серым цветом и применяем режим смешивания Multiply в панели Transparency.

Урок - как создать внутреннюю тень в Adobe Illustrator

 

Урок - как создать внутреннюю тень в Adobe Illustrator

 

 

Вы можете скачать исходный векторный файл к данному уроку

 

 

 

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

Также рекомендую почитать уроки по созданию текстовых эффектов в Adobe Illustrator:

Как создать внутреннюю тень для редактируемого текста в Adobe Illustrator

Как создавать интересные текстовые эффекты, используя  Phantasm CS

Как создать неоновый текстовый эффект

Будьте всегда в курсе свежих новостей о векторной графике, новых уроков работы в Adobe Illustrator, статей и интервью посвященных графическому дизайну. Команда RU.Vectorboom работает для Вас!

Всего комментариев: 7
0
1  
Спасибо! В данном случае, эффекты нужно разбирать?

0
2  
Если вы про стоки, то растровые эффекты не для них. Нужен бленд

0
3  
Да. Я подозревал, что Drop Shadow - это растр, но думал переспросить. Надо бы где-то вначале урока об этом предупредить...

0
4  
Ещё нашёл у вас похожий урок, но с применением размытия по Гауссу - это тоже растр?

0
5  
Растр

0
6  
Добрый день! Я у вас в каком-то уроке видел, что вы преобразовывали растр.тень в векторную при помощи "MeshTormentor", опцией "Capture color from raster.." Применимо ли оно в данном случае? Спасибо

0
7  
Вполне

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