Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Сентябрь » 17 » Как создать неоновый текстовый эффект
15:57
Как создать неоновый текстовый эффект

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

Как создать неоновый текстовый эффект \ How to create a neon text effect

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

Цель урока

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

Требования

* Программа: Adobe IllustratorCS-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).
Как создать неоновый текстовый эффект *
Разместим эллиптические элементы как это показано на рисунке ниже.
Как создать неоновый текстовый эффект *

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

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

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

Этот урок я делал под заказ. Если вы хотите повторить какой-нибудь интересный эффект и не знаете как, обращайтесь.

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


***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
TechSmith Snagit 12.2.1 Build 1968 Final (2014/RUS/ENG) (0)
 

Прикрепления:
Категория: Lessons Adobe Illustrator | Просмотров: 1344 | Добавил: supermen | Теги: Как создать неоновый текстовый эффе, трансформация меша по сплайну с++, неоновые буквы, текстовые эффекты, Как сделать неоновый эффект в фотош
Всего комментариев: 1
1 zanchi  
суперовский урок спасибо cool

Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[08.11.2010][Photoshop Actions]
55 Actions Set - 55 новых экшенов для Photoshop (0)
[13.04.2011][DesiGn bLOg]
Советы веб-дизайнеру начинающему собственное дело (0)
[18.09.2011][DesiGn bLOg]
Формулы жизней. Биографии в минимализме (0)
[13.02.2015][Plugins Photoshop]
AKVIS NatureArt 6.0.1381.11252 (x86/x64) (0)
[13.01.2011][rastER KLipardy]
Stock Photo: Painted butterfly in grunge style (0)
[10.01.2011][Lessons PHOTOSHOP]
КАРИКАТУРА ИЗ ФОТО (0)
[06.12.2015][Lessons PHOTOSHOP]
Авторская обработка. Александр Чалдрян. Как это сделано (2014) (0)
[01.09.2013][rastER KLipardy]
Прелестная студентка с будильником / Beautiful student girl with clock - stock photo (0)
[30.05.2010][Lessons PHOTOSHOP]
Пурпурный вихрь, спецэффект (6)
[03.04.2011][DesiGn bLOg]
Старые конфетные и шоколадные этикетки. XIX век - середина ХХ века (1)

Статистика


Онлайн всего: 11
Гостей: 11
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Четверг
21.11.2024
22:51


Copyright artpost and semantic product zanchi 2010-2011 © 2024