Пользователей Online: 0

Гостей Online: 6

 
 
 

Новые уроки

Радужная линия в фотошопе
Неоновый эффект в 5 секунд
Эффект Боке - Hexagon
Дизайн для линий
Реалистичная печать
 

Наша кнопка

Поддержи наш проект:

Потрясающий неоновый текст

(42 голоса)
16.10.2009 19:32
Потрясающий неоновый текст

Потрясающие легкие неоновые эффекты с текстом в Фотошопе

Это тействительно отличный урок, в нём мы создадим неоновый текст. Создание очень реалистичного эффекта свечения неона на самом деле очень легко сделать. В этом уроке вы научитесь его создавать. Это очень полезный эффект, в основном мы будем работать со стилями слоя. Так же мы немного изучим режими смешивания в фотошопе. Есть несколько уроков, схожие этим. Например такие яркие эффекты встречаются в уроках яркий текст или сверкающий текст.

Шаг 1

Откройте фотошоп и создайте новый документ с размерами 1920x1200 pixels. После этого поместите на документ вот такую текстуру, качаем здесь

Easy Neon Style in Photoshop

Шаг 2

Примените к слою с текстурой Image > Adjustments > Hue and Saturation. Используйте значения 0 для Hue, 45 для Saturation и -85 для Lightness.

Easy Neon Style in Photoshop

Шаг 3

Создайте новый слой и примените фильтр Filter > Render > Clouds. Далее с помозью ластика Eraser Tool (E) удалите ненужные области по краям, как показано ниже. После этого измените режим смешивания Blend Mode на Color Dodge.

Easy Neon Style in Photoshop

Шаг 4

Далее создайте или напечатайте ваш будущий неоновый текст лого похожим шрифтом. Продублируйте слой с лого и спрячте, он нам понадобится в будущем. К оригиналу примение Filter > Blur > Gaussian Blur. Используйте 15 pixels для Radius.

Easy Neon Style in Photoshop

Шаг 5

Далее настройте стили слоя для размытого лого, для открытия меню кликните два раза по слою в палитре слоев. Ну и после этого примените следующие настройки для стилей.

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Easy Neon Style in Photoshop

Шаг 6

Вот такой должен быть результат.

Easy Neon Style in Photoshop

Шаг 7

Продублируйте слой со стилями и уменьшите прозрачность дубликата opacity до 50%.

Easy Neon Style in Photoshop

Шаг 8

Теперь снова делаем видимым наш ранее созданный дубликат и поместите его поверх остальных слоев. Далее примените к нему Filter > Blur > Gaussian Blur. Используйте 100 pixels для параметра Radius. Так же измените режим смешивания Blend Mode на Color Dodge.

Easy Neon Style in Photoshop

Шаг 9

Теперь с помощью кисти создадим прикрепление неоновой надписи к стене. Используйте на новом слое черную кисть позади слоя с неоном, как показано ниже. Далее примените Layer > Layer Style > Bevel and Emboss. И примените следующие настройки, для "E" используйте угол в 160º, а для "Z" угол в  0º.

Easy Neon Style in Photoshop

Шаг 10

Снова инструментом Brush Tool (B) и кистью с 0 for the hardness на новом слое нарисуйте очень мягкую тень от этих креплений.

Easy Neon Style in Photoshop

Завершение

Вот и всё, наш эффект полностью закончен. Надеюсь у всех всё получилось, если что задавайте свои вопросы прямо в комментариях. Так же вы можете попробовать разные цвета неоновых эффектов и добавить немного коррекции или света, эксперементируйте.

Easy Neon Style in Photoshop

Автор: Fabio Sasso
Перевод: DuvE

Скачать исходник в .psd

Данный урок подготовлен для вас сайтом TheDuve.ru

Желаю творческих успехов !

Комментарии 

 
+2 #9 Mitt 04.12.2011 13:04
вообще ничего не получилось =( хотя значения все так же поставил
Цитировать
 
 
+4 #8 Юля 08.05.2011 21:18
урок конечно классный, вот только настройки пятого пункта совсем не к нему (( И радиус размытия уж очень большой.
Цитировать
 
 
+1 #7 the eva 07.05.2011 16:00
http://s06.radikal.ru/i179/1105/49/dea9da889956.jpg
ну как то так
Цитировать
 
 
-12 #6 Andr1k_FoXT09 06.11.2010 13:36
Цитирую ozonek:
Круто спасибо

алень тупой...выложи скрин я посмотрю как у тебя по этому уроку получилось ) :lol:
Цитировать
 
 
-3 #5 КОНь 22.08.2010 20:26
ыыыыыыыыыыыыыы спс
Цитировать
 
 
-3 #4 Маша1995 17.07.2010 01:57
Аналогично с пятым шагом
Цитировать
 
 
+1 #3 Сер 02.07.2010 23:31
Не получается 5 шаг !
Цитировать
 
 
+2 #2 Andrew 11.06.2010 15:58
Не получается на пятом шаге(((((( Результат не тот... Перепроверял несколько раз...настройки те же..
Цитировать
 
 
-4 #1 ozonek 19.01.2010 23:13
Круто спасибо
Цитировать
 

Добавить комментарий

Защитный код
Обновить

Читайте также
2010-06-10 Быстрый неоновый текст Эффекты с текстом
2010-05-25 Красочный металлический текст Эффекты с текстом
2010-05-06 Драматический огонь Эффекты
2010-05-01 Свет в движении Эффекты
2010-01-08 Обои Apple TV Видео уроки фотошопа без перевода
 
DuvE logoCopyright © 2009— - Уроки по фотошопу
Rambler's Top100