Новости
21.08.2017
Криптовалюта и ее актуальность при создании сайта Криптовалюта и ее актуальность при создании сайта

Впервые термин «криптовалюта» был упомянут в 2011 году. Тогда журнал Forbes назвал эту валюту «деьгами будущего», и не ошибся. Нынче редкий заказ на создание или продвиже...

14.08.2017
Крауд-маркетинг: сарафанное радио по-современному Крауд-маркетинг: сарафанное радио по-современному

Крауд-маркетинг – скрытый или «партизанский» вариант интернет-маркетинга, основанный на использовании рекомендаций/ответов на всевозможных форумах, блогах и прочих платфо...

02.08.2017
UX и веб-дизайна: знайте их тренды в лицо! UX и веб-дизайна: знайте их тренды в лицо!

Еще никогда создание и продвижение сайтов не сопровождалось столь трепетным отношеием к UX и веб-дизайну. Какие же тренды и модные веяния нужно применять, чтобы существен...

Мировые новости


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

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

Сегодня мы будем создавать типографический эффект неонового свечения в 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

Источник