Похожие темы

[Mangorielle]

How to Create a Vector Glitter Text Art Effect

Создание векторного текст-эффекта с блестками


В этом уроке я покажу вам, как создать текст-эффект из блесток в программе Adobe Illustrator.
Сами "блестки" – результат применения трех фильтров - Note Paper, Stained Glass и Torn Edge,
и последующей трассировки полученного результата. Также вы с легкостью научитесь менять цвет
текста в соответствии с Новогодней тематикой.

Шаг 1

Для начала создайте новый документ. При помощи инструмента Type Tool (T) напишите желаемый текст шрифтом "Forte", размер текста – 200 pt. Значение параметра Tracking на панели Character установите = 25, чтобы расстояние между буквами было больше. Далее выберите Object > Expand, а затем Object > Ungroup, чтобы каждая буква представляла собой отдельную векторную форму.




Шаг 2

Я покажу вам, как добиться эффекта "блесток" на примере первой буквы, ко всем остальным буквам следует применить те же шаги. Скопируйте букву (Ctrl+C) и вставьте ее позади оригинальной буквы (Ctrl+. Залейте букву градиентом "Neutral 7", который находится в библиотеке образцов (Swatch Libraries) в меню с градиентами: Gradients > Neutrals. Перейдите на панель Appearance, выделите эту заливку и выберите Effect > Path > Offset Path, Offset = 3 рх




Шаг 3

На панели Appearance у вас все еще должна быть выделена заливка (Fill). Выберите Effect > Stylize и примените эффект Drop Shadow со следующими настройками:




Шаг 4

Далее на панели Appearance выберите Add New Fill из выпадающего меню в верхнем правом углу. В результате вы получите вторую заливку, расположенную над уже существующим градиентом. В качестве цвета заливки выберите белый и перейдите в меню Effect > Path > Offset Path > 2рх. Измените режим смешивания на Soft Light только для белой заливки.




Шаг 5

Теперь вернемся к оригинальной букве. Замените черную заливку белой и выберите Effect > Sketch. Примените эффект Note Paper со следующими настройками:




Шаг 6

Далее выберите Effect > Texture и примените эффект Stained Glass:




Шаг 7

И наконец, снова выберите Effect > Sketch и примените эффект Torn Edges, его настройки показаны на рисунке. В результате применения этих эффектов у вас должна получиться текстура, похожая на блестки.




Шаг 8

Повторите Шаги 2-7 для остальных букв. У вас должно получиться следующее:




Шаг 9

Для того, чтобы получить четкие края, мы воспользуемся обтравочной маской (Clipping Mask). Скопируйте (Ctlr+C) и вставьте на передний план (Ctrl+F) первую букву и удалите у копии все существующие свойства. Выделите обе первые буквы и выберите Object > Clipping Mask > Make. Проделайте то же самое с остальными буквами




Шаг 10

В этом шаге нас снова понадобятся копии букв. Скопируйте все буквы, удалите у копий все свойства и поместите их на передний план.




Шаг 11

Сосредоточимся на первой букве: выполните заливку копии этой буквы из предыдущего шага линейным градиентом "Amethyst". Он находится в библиотеке образцов - Swatch Libraries > Gradients > Gems and Jewels. Переместите средний ползунок влево от центра, как показано на рисунке, и измените режим смешивания на Overlay.




Шаг 12

Выделите полученную заливку на панели Appearance и кликните по иконке Duplicate Selected в нижней части этой панели, чтобы продублировать заливку. У скопированной заливки оставьте прежний градиент "Amethyst", но теперь передвиньте средний ползунок вправо и измените значение угла на 180 градусов. Измените режим смешивания на Color Dodge, чтобы заливка стала ярче.




Шаг 13

И наконец, добавьте первой букве фиолетовую обводку толщиной 1pt – буква готова!. Чтобы ускорить процесс, вы можете сохранить этот стиль заливки, перетащив его иконку с панели Appearance на панель Graphic Styles (Window > Graphic Styles).

Отредактировано: meine_kleine — 14 Августа 2013, 22:48

[Google]

[Mangorielle]

Шаг 14

Теперь закрасьте остальные буквы, выделяя букву и применяя к ней сохраненный стиль. У вас должно получиться следующее:




Шаг 15

Если вы не хотите, чтобы все буквы были одного цвета и яркости, вы можете поэкспериментировать с их контрастом. Выделите первую букву, в данном случае – G, (точнее, тот векторный шейп, к которому применены три эффекта, а не шейп с градиентами) и на панели Appearance дважды кликните по эффекту Torn Edges. Передвиньте ползунок параметра Contrast с 16 на 15. Для буквы "I" передвиньте этот же ползунок на 17, чтобы буква стала ярче. А для буквы R передвиньте ползунок на значение 14, чтобы сделать ее темнее.




Шаг 16

Если вы довольны результатом, то, в принципе, вы можете остановиться на этом этапе, либо продолжить и преобразовать текстуру блесток в вектор. Для этого выделите шейп с тремя примененными эффектами (без маски!) и выберите Object > Expand Appearance. Далее выберите Object > Live Trace > Tracing Options и установите настройки, как показано на рисунке ниже. Когда закончите, нажмите на кнопку Trace, а затем - Object > Expand. В результате вы должны получить группу, содержащую огромное количество мелких частичек в серых оттенках.



Вот настройки для окошка трассировки: выберите режим Grayscale и увеличьте значение цветов с 6 до 25, поставьте галочку у параметра Ignore White и уменьшите значения параметров Path Fitting, Minimum Area и Corner Angle до 1 рх, чтобы сохранить все крошечные формы с максимальной точностью.




Шаг 17

Вы можете с легкостью поменять цвет вашего текста, просто изменяя градиенты. Ниже представлены несколько вариантов цветов, соответствующие Новогодним праздникам. Выделите самую верхнюю форму первой буквы и замените градиент Amethyst на Emerald, который находится в библиотеке образцов: Swatch Libraries > Gradients > Gems and Jewels. Для первой заливки (нижний скрин) передвиньте средний ползунок влево, а для второй заливки – вправо и измените значение угла на 180 градусов. Режимы смешивания не трогайте, а вот цвет обводки нужно изменить. Повторите этот процесс для всех остальных букв, предварительно сохранив этот стиль.




Шаг 18

Для создания текста красного цвета, выберите градиент Garnet из той же библиотеки. Настройки градиента показаны на рисунке:




Шаг 19

Для того чтобы изменить цвет текста на синий, выберите градиент Sapphire:




Шаг 20

Вы наверняка заметили, что на финальной картинке на тексте есть несколько небольших искр. Для того, чтобы сделать такие искорки, для начала нарисуйте маленький круг при помощи инструмента Ellipse Tool (L) и залейте его радиальным черно-белым градиентом. Выделите этот градиент на панели Appearance, а затем выберите Effect > Blur > Gaussian Blur > радиус 2px.




Шаг 21

Добавьте еще одну заливку с тем же градиентом. Выберите Effect > Distort & Transform и примените эффект Pucker & Bloat.




Шаг 22

Продублируйте вторую заливку, кликнув по иконке Duplicate Selected в нижней части панели Appearance .Дважды кликните на эффекте Pucker & Bloat, чтобы снова открыть окно настройки этого эффекта и установите его значение на 85%. Выделите третью заливку и выберите Effect > Distort & Transform > Transform, в разделе Rotate выберите значение 40 градусов. И в завершении измените режим смешивания на Screen (чтобы черные области стали прозрачными). После этого вы можете добавить несколько таких искр по контуру вашего текста.

Финальный результат!

Работа над текстом завершена. Вы также можете использовать этот стиль для создания фона из блесток (почему бы и нет? ), или в качестве заливки для различных форм: лент, подарков, сердечек, шаров и т.д.

Автор: Diana Toma
Перевод: Mangorielle

[ArinaRG]

Урок очень сложно сделать новичкам. Трудности возникают с самого начала. Увлекаюсь фотошопом, корелом (понимаю работу систем, хорошо знаю управление). Решала попробовать иллюстратор, но либо версии программ разные (CS6) или автор где-то напутал, хотя вряд ли

Залейте букву градиентом "Neutral 7", который находится в библиотеке образцов (Swatch Libraries) в меню с градиентами: Gradients > Neutrals.
Нашла кое как, разобралась, но в цветовой палитре градиентов это не черно белый хром, градиент под №7 - бежевый.

Перейдите на панель Appearance
не могу ее найти

Подскажите перевод панели инструментов с английского на русский или наоборот

[Mangorielle]

ArinaRG, вот тут есть темка с переводами Палитра Appearance - Оформление.
Сейчас попробую выполнить урок, если что - подправлю

upd: сделала урок (версия CS5), в принципе все на месте, градиенты тоже на своих местах

Отредактировано: Mangorielle — 16 Января 2013, 19:22

[megera61]

У меня получилось. Со спотыканиями, но вот - вариация на тему.

[maxxis35]

Если нетрудно, распишите, пожалуйста подробнее шаг 2

[meine_kleine]

maxxis35, а что конкретно непонятно?

[YAndrew]

А скажите, пожалуйста, как удалить у копий все свойства?

[meine_kleine]

YAndrew, в палитре Appearance кнопка : перечеркнутый круг.

[Natalya777]

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

[Mangorielle]

Natalya777, не поняла вас. В начале урока как раз написано, что работаем в начале с первой буквой. Хотя вообще-то нет разницы, с какой буквы начинать

[leo6gun]

Огромное спасибо автору, урок отличный, написан подробно и лаконично!

[Nitrina]

Спасибо автору, хорошо объясняет.

Шаг 16: непонятны две вещи.
1. Опция Live Trace закрыта, хотя Expand Appearance сделано на всё, что только можно.
2. Что значит "выделите шейп с тремя примененными эффектами (без маски!)"?

Еще одна трудность: очень сложно выделить определенную копию, когда они находятся точно одна над другой. Может, есть какой-то легкий способ?

[meine_kleine]

Nitrina, посмотрите на рисунок в шаге 16, там в палитре слои Layers показано, что нужно выделить - контур с красным квадратиком справа,
вы к нему применяли растровый эффект, поэтому после нажатия Expand Appearance должна быть активна кнопка Live Trace.

[basagashka]

вот мое имя