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

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

Ярослав Лазунов
05.08.2011
Цель урока
light effect with halftone

 

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

 

Phantasm CS - плагин для Adobe Illustrator предназначенный для регулировки цвета и подготовке изображения к печати. При помощи Phantasm CS вы также можете создавать полностью управляемый эффект Halftone. Именно на этом свойстве плагина мы остановимся в этом уроке.


Требования

  •    
  • Программа: Adobe IllustratorCS3-CS5+ Phantasm CS;
  •    
  • Уровень: Начальный;
  •    
  • Время выполнения: 20 минут;

Шаг 1

Выберем растровое изображение и вставим его в рабочую область нашего документа

bitmap image

Давайте сначала посмотрим, что нам предлагает стандартная функция Halftone в Adobe Illustrator. Выделяем растровое изображение и переходим Effect> Pixelate> Color Halftone.

halftone options

Мы видим ряд значений в диалоговом окне. Они вам о чем-то говорят? Мне нет.  Кроме того нет возможности изменяя эти значения наблюдая что происходит с изображением. Ну ладно, нажмем наугад на кнопку OK.

illustrator halftone

Шаг 2

Упс! Это совсем не то, что я хотел. Благо я знаю, что нужно делать. Вернемся к настройкам эффекта, нажав на его название в палитре Appearance.

halftone options

Установим значения для всех каналов равное 0 и нажимаем на OK.

color halftone
illustrator halftone

Шаг 3

О Боже, откуда взялся красный цвет? Не снимая выделения с объекта, переходим Object> Live Trace> Trace Options… и устанавливаем параметры в диалоговом окне, указанные на рисунке ниже.

tracing options
tracing halftone

Почему я устанавливаю такие параметры? Потому что у меня есть опыт. Теперь не снимая выделения с объекта, переходим Object> Expand Appearance, затем Object> Expand.

Vector halftone

Все элементы превратились в векторные объекты, давайте поближе посмотрим, что мы получили.

Illustrator Halftone

Что тут сказать? Вы можете очень долго экспериментировать с параметрами Color Halftone и Trace Options, и я вам не гарантирую, что вы получите приемлемый результат.


Теперь давайте посмотрим, что нам предлагает  Phantasm CS.


Шаг 1

После установки плагина пункт с его названием появится в самом низу меню Effect. Выделяем растровое изображение и переходим Effect> Phantasm CS> Halftone… . Как вы видите, диалоговое окно этого эффекта содержит множество функций, и мы можем наблюдать за изменениями изображения, управляя этими функциями.

Monochrome halftone

Шаг 2

Ознакомимся с некоторыми из этих функций, а затем применим наши знания на практике. Вы можете выбирать цветовой тип изображения: Monochrome, RGB, Sampled.

Sampled halftone

Если вы выбрали тип Monochrome, то можете задать цвет эффекта.

Color halftone

Шаг 3

Значением DPI вы можете задавать количество точек эффекта.

DPI halftone

У вас есть возможность выбрать тип Pattern, это может быть Grid, FM или Radial.

FM halftone

Каждый вид Pattern имеет дополнительные настройки.

Alternating halftone

Шаг 4

Вы можете управлять координатами эффекта, например, в случае радиального типа Pattern, вы можете задать координаты его цента.

coordinates of halftone

Шаг 5

Halftone может состоять из разных объектов: окружностей, квадратов, линий, букв и даже из символов из одноименной палитры!

circle halftone
square halftone
character halftone

Шаг 6

Вы можете масштабировать формы, из которых состоит изображение.

radial halftone

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

ellipse halftone

Конечно, в этом небольшом уроке я не описал все возможности этого эффекта, устанавливайте плагин и экспериментируйте.


Шаг 7

После применения эффекта изображение остается растровым. Превратим его в вектор. Переходим Object> Expand Appearance.

great halftone

Прекрасно! Мы получили идеальные окружности. Я думаю ни о каком сравнении с базовым эффектом Halftone в Adobe Illustrator ни по качеству, ни по скорости выполнения не может быть и речи.


Шаг 8

Теперь давайте применим Phantasm CS на практике. Все описанные мною функции плагина применимы не только к растровым, но и векторным изображениям. Попытаемся при помощи Halftone из Phantasm CS создать интересные текстовые эффекты. Берем Type Tool (T) и создаем слово «LIGHT».

light

Не снимая выделения с текста, переходим Object> Expand и Effect> Phantasm CS> Halftone… . Устанавливаем параметры, указанные на рисунке ниже.

halftone from square

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

light from rectangles

Переходим Object> Expand Appearance и меняем заливку с обводкой местами.

halftone from rectangles

Шаг 9

Создадим другой эффект, на этот раз со словом «NEON». 

neon

Применим к нему эффект Halftone с параметрами, указанными на рисунке ниже.

halftone from line

Переходим Object> Expand Appearance, затем Object> Expand и нажимаем на кнопку Unite из палитры Pathfinder.

Pathfinder box

Теперь мы можем сместить никоторые элементы, как это показано на рисунке ниже.

line text effect

Шаг 10

Теперь давайте создадим эффект с применением символа. Сначала создадим символ. Берем Ellipse Tool (L) и создаем окружность, заливаем ее радиальным градиентом от желтого к оранжевому цвету.

radial gradient

Создадим еще две окружности красного цвета. Большая окружность лежит в подслое ниже меньшей и имеет прозрачность 0%. Выделяем обе окружности и переходим Object> Blend> Make.

Blend effect

Совместим оба объекта созданные в этом шаге.

Light element

Шаг 11

Группируем созданные объекты и перетаскиваем их в палитру Symbols.

Symols palette

Выделяем текст и символ в палитре Symbols, и переходим Effect> Phantasm CS> Halftone…, подбираем значения в диалоговом окне и выбираем Selected Symbol в разделе Dot Properties.

phantasmCS
neon

Заключение

Я думаю, вы убедились в возможностях Phantasm CS, дело только за вашей фантазией. Я создал текстовый эффект с использованием этого плагина и Color Dodge Blending Mode. Подробней об этой технике вы можете прочитать в моем уроке Neon. Скачать плагин Phantasm CS вы сможете здесь.

 

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

 

light effect

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

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