Опубликовано в Текст | 1 комментарий

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

В этом уроке мы научимся создавать неоновый текстовый эффект, используя Gradient Mesh, 3D моделирование, Art Brushes и палитру Transparency. Давайте начнем!

Цель урока

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

Требования

* Программа: Adobe Illustrator CS-CS5;
* Уровень: Новичок
* Время выполнения: 15-20 минут

Шаг 1

Мы будем создавать неоновый текстовый эффект, используя RGB color mode. Если этот режим не установлен для вашего документа, установите его (File> Document Color Mode> RGB Color). Начнем с создания фона, берем Rectangle Tool (M) и создаем прямоугольник с заливкой черного цвета.
Как создать неоновый текстовый эффект *

Шаг 2

Не снимая выделения с прямоугольника, переходим Object> Create Gradient Mesh… и устанавливаем количество строк и столбцов, равное трем, в диалоговом окне.
Как создать неоновый текстовый эффект *
Выделяем центральные узлы градиентной сетки при помощи Direct Selection Tool (A) и заливаем их разными цветами, этим же инструментом, перемещаем узлы так, как это показано на рисунке ниже.
Как создать неоновый текстовый эффект *

Шаг 3

Приступим к созданию текста. Берем Type Tool (T) и создаем надпись, в моем случае это слово «NEON” . Я использовал шрифт Tahoma bold. Вы можете изменять высоту и ширину текста, используя Selection Tool (V).
Как создать неоновый текстовый эффект *

Шаг 4

Не снимая выделения с текста, переходим Effect> 3D> Extrude & Bevel и устанавливаем параметры эффекта в диалоговом окне.
Как создать неоновый текстовый эффект *
Если после примененного эффекта возникнет потребность в редактировании параметров, вы можете получить доступ к ним из меню палитры Appearance.
Как создать неоновый текстовый эффект *

Шаг 5

Заблокируем 3D объект в палитре слоев, в дальнейшем мы будем его использовать в качестве шаблона. Теперь подготовим формы для создания Art Brush. Такие формы получаются путем трансформации окружности. Высота первой формы равна 2 px, а второй 1 px.
Как создать неоновый текстовый эффект *
Не обязательно точно повторять их, они просто должны быть подобны этим формам. Залейте формы серым цветом. Теперь перетащим эти формы по одной в палитру Brushes и сохраним новые кисти как Art Brush.
Как создать неоновый текстовый эффект *

Шаг 6

Для удобства дальнейшей работы изменим цвет шрифта шаблона на темно-серый, почти черный и опять заблокируем его в палитре слоев.
Как создать неоновый текстовый эффект *
Используя Pen Tool (P) создаем штрихи, показанные на рисунке ниже, основываясь на шаблон. Применяем к штрихам первую созданную кисть.
Как создать неоновый текстовый эффект *
Применим подобную технику ко всем буквам шаблона.
Как создать неоновый текстовый эффект *

Шаг 7

Теперь выбираем вторую кисть, созданную в шаге 5, берем Paint Brush Tool (B ) и продолжаем обрисовывать буквы шаблона. Если у вас не удался мазок кистью, вы можете отменить последнее действие, нажав на сочетание клавиш Cmd/Ctrl+ Z или подкорректировать форму линии при помощи Direct Selection Tool (A).
Как создать неоновый текстовый эффект *
Как создать неоновый текстовый эффект *
Шаг 8

Берем Pen Tool (P) и обводим передние поверхности букв, особая аккуратность здесь не нужна.
Как создать неоновый текстовый эффект *
Теперь шаблон может быть удален.

Шаг 9

Выделяем все созданные нами элементы, кроме фона и устанавливаем для них Color Dodge Blending mode в палитре Transparency.
Как создать неоновый текстовый эффект *

Шаг 10

Создадим световые блики на буквах. Берем Ellipse Tool (L) и создаем окружность. Заливаем ее радиальным градиентом от белого к черному цвету.
Как создать неоновый текстовый эффект *
Теперь устанавливаем Color Dodge Blending mode для этой формы в палитре Transparency.
Как создать неоновый текстовый эффект *
Размещаем подобные элементы в разных местах. Градиент некоторых элементов может быть заменен на черно-серый.
Как создать неоновый текстовый эффект *

Шаг 11

Теперь создадим несколько подобных элементов, но после заливки радиальным градиентом придадим окружности вид эллипса, используя Selection Tool (V).
Как создать неоновый текстовый эффект *
Разместим эллиптические элементы как это показано на рисунке ниже.
Как создать неоновый текстовый эффект *

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

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

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

Автор: Ярослав Лазунов

Другие уроки Adobe Illustrator:

Урок Illustrator на зимнюю тему Приветствую всех! На улице наступила зима, и мы будем поднимать зимнюю тему в наших уроках! Сегодня мы научимся рисовать девочку с лыжами. Это не слож...
Как создать вихрь из снежинок?... Вихрь из снежинок в Adobe Illustrator создается путем распределения объектов вдоль указанного пути. Сначала необходимо нарисовать прямоугольник и зали...
Inspired by… cupcakes Привет, мои дорогие читатели StockLive! Сегодня на сайте появилась новая рубрика – Inspired by…, созданная для того, чтобы вдохновлять вас на со...
Градиентный текст В этом уроке я хочу рассказать как можно добавить к тесту некоторые эффекты (например градиент), при этом он останется редактируемым!!! ШАГ ОДИН ...