Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Неоновый типографичсекий эффект в Adobe Illustrator

30 июня 2015 | Опубликовано в Уроки | 2 Комментариев »

Сегодня мы будем создавать типографический эффект неонового свечения в Adobe Illustrator. Помимо того, что мы выучим новую технику, мы также попробуем плагин Stylism, который облегчает работу в подобных случаях. С его помощью мы поработаем с эффектами внутреннего и внешнего свечения, также произведем необходимые трансформации.

 

 


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

Шаг 1

При помощи инструмента Type/Текст (T) введите слово “NEON”. В примере использован шрифт Arial Rounded, но вы можете выбрать другой шрифт, как и другой текст.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Откройте палитру Appearance/Оформление (Window > Appearance/Окно>Оформление). Кликните дважды по строке Characters/Символы, затем удалите из списка черную заливку.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Дважды кликните по строке Type: No Appearance/Текст: Нет оформления.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Добавьте новую обводку в палитре Appearance/Оформление.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 2

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

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Укажите обводке синий цвет, затем разместите надпись на темно-синем фоне.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 3

Чтобы создать неоновый эффект, мы используем плагин Stylism. Откройте палитру плагина panel (Window > Stylism > Stylism panel/Окно> Stylism > Stylism panel). Теперь кликните по кнопке Inner Glow Effect (эффект внутреннего свечения).

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

У вас появятся инструменты управления эффектом, которые позволят настроить его, не открывая диалоговых окон. Укажите Multiply/Умножение в качестве режима наложения (blending mode), снизьте радиус разымтия (Blur) и замените белый цвет на темно-синий.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 4

Кликните по кнопке Outer Glow Effect (эффект внешнего свечения) в палитре плагина Stylism.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Выберите синий цвет и увеличьте непрозрачность (opacity) до 100%. Укажите радиус размытия (Blur) в 16px.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Примените эффекты Inner Glow и Outer Glow к вашим синим обводкам в палитре Appearance/Оформление.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 5

Создадим отражения неоновых букв. Дублируйте обвоку, кликнув по иконке Duplicate Selected Item/Дублировать выделенный объект в палитре Appearance/Оформление.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Теперь кликните по кнопке Transform Effect (эффект трансформации) в палитре Stylism.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Примените эффект трансформации к нижней копии обводки и снизьте непрозрачность (opacity) до 20% в палитре Appearance/Оформление. Переместите объект немного вниз и в сторону.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Отражение готово.

Шаг 6

Создадим блик света. Примените черно-белый радиальный градиент к заливке.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Не снимая выделения с объекта в палитре Appearance/Оформление, выберите в меню Effect > Convert to Shape > Ellipse/Эффект>Преобразовать в фигуру>Эллипс и выберите опцию Absolute/Абсолютно в диалоговом окне.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Укажите этой заливке режим наложения Color Dodge/Осветление основы в палитре Appearance/Оформление.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 7

Кликните по кнопке Transform Effect в палитре Stylism, удерживая при этом Shift. Это позволит нам добавить второй эффект трансформации тексту.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Примените последний эффект трансформации к заливке, затем переместите объект так, чтобы блик света был там, где нужно.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Шаг 8

Дублируйте заливку три раза в палитре Appearance/Оформление, затем также при помощи Stylism, разместите блики в разных местах текста.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Для этого выбирайте нужный эффект трансформации из выпадающего меню Current Effect (текущие эффекты) в палитре Stylism.

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Результат

Create Neon Text Effect in just 5 minutes with Stylism and Adobe Illustrator

Автор урока Iaroslav Lazunov

Перевод — Дежурка

Смотрите также:




Комментарии

  1. Владимир
    Thumb up Thumb down 0

    Подскажите, пожалуйста! Плагин после истечения 14 дней можно будет удалить и поставить снова на систему?

    Ответить

  2. Ирина
    Thumb up Thumb down 0

    Добрый день, подскажите, что я делаю не так, если после сохранения файла неоновые эффекты становятся растровыми.

    Ответить

Оставить ответ


+ семь = 11

Вставить изображение