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


Главная » 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)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеокурс удаление объектов в фотошопе (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

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

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


Поиск






[24.10.2010][vectOR KLipardy]
Кисти для Illustrator - Cables and Cogs (1)
[21.12.2015][Lessons PHOTOSHOP]
Творческое и коммерческое ретуширование (2015) (1)
[26.10.2010][vectOR KLipardy]
Amazing SS Vector Pack (0)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[15.02.2015][Lessons PHOTOSHOP]
Поджигаем планету\How to Set the World on Fire (0)
[16.09.2011][DesiGn bLOg]
Как убедить клиента в совершенстве вашего дизайна (0)
[27.10.2010][Veb DeSiGn]
Templatesbox - ALL PREMIUM Music Templates (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[10.01.2011][Lessons PHOTOSHOP]
Пьяная Обезьяна (0)
[26.09.2011][icons]
Жёлтые иконки ico, png (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 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)



Четверг
25.04.2024
14:20


Copyright artpost and semantic product zanchi 2010-2011 © 2024