Ваш аккаунт: пройдите авторизацию

Авторизация

Пароль есть, но Вы его забыли?
Впервые на сайте? Зарегистрируйтесь!

Вы попали в мир графики и дизайна


Изюминка нашего сайта в том, что все файлы хранятся на наших серверах, поэтому Вы получаете круглосуточный доступ ко всем файлам по прямым ссылкам без регистрации! С нашим сайтом Вы забудете про файлообменники!


Градиентная обводка
Adobe Illustrator » Уроки 20 октября 2009 NazaRПечать


Градиентная обводка
 Шаг 1
Нарисуйте какой-нибудь контур (я выбрал эллипс), выделите его инструментом Selection tool (V) (чёрная стрелка), убедитесь, что у него нет обводки. Далее откройте палитру Внешний вид Window > Appearance или Shift+F6. В этой палитре откройте выпадающее меню (маленькая кнопочка-стрелочка в правом верхнем углу) и выберите пункт New Fill (Новая заливка). Теперь в палитре Appearance Вы увидите появившуюся новую строчку Fill (Заливка).

Градиентная обводка
Шаг 2
Кликнете в палитре Appearance самую нижнюю заливку, затем выберите пункт меню Effect > Path > Offset Path (Эффект > Путь > Смещение пути) и задайте размер обводки, которую Вы хотите получить. В окошке ввода Вы можете использовать любые единицы измерения (px, pts, mm), которые Вы обычно используете для обводки.

Градиентная обводка
Шаг 3
Теперь Вы можете залить градиентом смещённый контур — градиентная обводка готова! Основное преимущество этого способа, что в любой момент Вы можете зайти в палитру Appearance и изменить значение параметра в Эффекте смещения (это преимущество Эффектов в Иллюстраторе, что они остаются полностью редактируемы) точно также, как Вы меняете толщину обводки!

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

Шаг 1
Припомощи инструмента Текст Type Tool (T) создайте надпись, к которой Вы хотите применить эффект градиентной обводки.

Градиентная обводка
Шаг 2
Удалите обводку и заливку с текста. Если этого не сделать, то на последующих шагав, при добавлении новых заливок к тексту, основной цвет текста может проглядывать по краям.

Градиентная обводка
Шаг 3
Выберите текст, откройте палитру Appearance и в выпадающем меню этой палитры выберите пункт New Fill (Новая заливка). Затем повторите эти действия ещё раз, чтобы добавить ещё одну заливку. Таким образом у Вас получится две заливки в панели Appearance.

Градиентная обводка
Шаг 4
Выберите нижнюю заливку в палитре Appearance и в меню Effect > Path > Offset Path (Эффект > Путь > Смещение пути) задайте размер желаемой обводки. Не забудьте, что Вы можете задавать толщину обводки в любых, удобных для Вас, единицах измерения.

Градиентная обводка
Шаг 5
Теперь Вы можете заполнить нижнюю заливку градиентом — готово! Теперь также, как и было описано в первой части урока, Вы можете изменять толщину полученной обводки (на самом деле — не толщину, а эффект смещения контура) как Вам угодно, а текст при этом остался полностью редактируемым!

Градиентная обводка
Экспериментируем
Надеюсь, этот урок поможет Вам взглянуть по-новому на палитру Appearance и её возможности. Предлагаю каждому побаловаться с этими возможностями, чтобы увидеть, какие потрясающие результаты можно получить! Ниже привожу пример одного из моих (автора ) экспериментов для получения градиентной и полупрозрачной мульти-обводки.

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

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


Внимание! Вы находитесь на сайте как гость! Зарегистрируйтесь или авторизируйтесь...

Нет времени на регистрацию? Можете войти на сайт через ВКонтакте! Это просто, быстро и удобно!

Похожие материалы

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