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

Гостей Online: 21

 
 

Горячие новости

загрузка...

TOP недели

загрузка...

Регистрация / Вход

Наша кнопка

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

Быстрый неоновый текст

(39 голоса)
10.06.2010 19:15
Неоновый эффект в 5 секунд

Быстрый эффект свечения неона в фотошопе

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

Шаг 1

Откройте Фотошоп и создайте новый документ с размерами 1920x1200 пикселей. Конечно автор выбрал такие размеры из за разрешения своего экрана, вы можете выбирать любые другие, например 1280 на 1024 пикселя. После этого вам надо будет залить фоновый слой черным цветом.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 2

Импортируйте ваш логотип в фотошоп. Сразу не расстраивайтесь, ведь вы можете посмотреть другие уроки на сайте theduve.ru по созданию лого, ну а если вам не охото его создавать, то просто напечатайте любой текст белым цветом. Ничего не изменится, просто у вас будет белый неон. Мы будем использовать 2 слоя для создания нашего эффекта, один слой будет отвечать за свечение, а второй за неоновые лучи.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 3

Выберите слой с вашим логотипом и затем Filter > Blur > Gaussian Blur со значением в 5.5 pixels для параметра Radius.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 4

Со вторым слоем лого проделайте следующее Layer > Group Layers. Теперь у вас есть слой, который вы поместили внутрь папки.  Измените режим смешивания папки на  Color Dodge. Внутри этой папки выделите слой с лого и затем примените следующее Layer > Layer Style > Inner Shadow. Используйте чёрный цвет и параметр режима смешивание измените на Multiply. Измените прозрачность Opacity на 75%, угол Angle на -90º, Diastase на 1 pixel и параметр Size на 2 пикселя. Теперь очень важная часть, измените параметр контура Contour на такой вид, как показано ниже.

После этого примените ещё один стиль под названием Outer Glow. Затем используйте значение Color Dodge для режима смешивания Blend Mode, 50% для прозрачности Opacity, 0% для параметра шума Noise, и затем установите белый цвет.

Последним действием в этом шаге будет добавление немного размытия. Идём в Filter > Blur > Gaussian Blur со значением в 2.0 пикселя для параметра Radius.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 5

Выберите все слои, которые вы использовали для создания вашего лого и продублируйте их Ctrl + D или Layer > Duplicate. Затем вам надо будет склеить из, для этого идём в Layer > Merge Layers. Теперь самое время добавить то самое размытие, идём в Filter > Blur > Gaussian blur с значением в 100 pixels для параметра Radius.

Вот так должна выглядеть картинка к этом шагу.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 6

Создайте новый слой поверх остальных, затем примените к нему фильтр облаков Filter > Render > Clouds. Этот фильтр, как вы заметили очень популярен, благодаря тому, что с его помощью можно создавать потрясающие световые эффекты, так что изучите его более подробно и старайтесь использовать его где только возможно. Чаще всего этот фильтр используется в масках слоя. При создании облаков убедитесь в том, что у вас выбраны белый и черный в качестве основного и второстепенного цвета. После этого измените режим смешивания Blend Mode на Soft Light и уменьшите прозрачность Opacity до 30%.

Photoshop Quick Tips: Neon with Layer Styles

Шаг 7

Выберите размытый слой, который мы создавали в третьем шаге, затем примените Layer > Layer Style > Drop Shadow. Измените режим смешивания Blend Mode на Color Burn, используйте черный цвет, 25% прозрачность Opacity, 90º для параметра угла Angle, 20 pixels для параметра дистанции Distance и 10 pixels для параметра размера size. Этот стиль слоя создаст тень, которая придаст большую глубину нашей композиции.

Photoshop Quick Tips: Neon with Layer Styles

Завершение

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

Photoshop Quick Tips: Neon with Layer Styles

Автор: abduzeedo.com
Перевод: DuvE

Ссылка на источник урока

Данный урок подготовлен для вас сайтом TheDuve.ru
Быстровозводимые склады от компании «Арго-М» - гарантия надежности и успеха.

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

Комментарии 

 
0 #19 Covers 10.11.2011 22:43
ребят, перевод хороший, я все сделал и у меня все получилось, либо Вы читать не умеете, ну или уже я не знаю что с вами..
Вот ссылка, а если вы такие умные, то сами переводите.

http://s57.radikal.ru/i157/1111/5b/688498fea928.png
Цитировать
 
 
0 #18 dex 02.08.2011 01:03
перевод - полная [censored]ня... вообще ни чего не понял... какие слои куда чего. пипец короче
Цитировать
 
 
-2 #17 UltraViolet 19.06.2011 23:34
перевод ужасный. с моим, довольно большим стажем фотошопа, ничего не поняла и сделала по своему.
Цитировать
 
 
+1 #16 FOg 24.04.2011 10:20
не получилось одна хурня выходит чё не могли перевевести на рууский фотошоп
Цитировать
 
 
+6 #15 eXteVlad 06.04.2011 10:24
Надо было переводить и для русских версий фотошопа...(
Цитировать
 
 
+3 #14 Nevid3 04.03.2011 14:21
Проблема с регистрацией. Не приходит письмо на мыло, уже 2-е сутки...
Цитировать
 
 
0 #13 nikitkOo 02.03.2011 15:59
я что то не пойму где группу делаешь и с ней что то
Цитировать
 
 
-1 #12 Patrik 08.01.2011 04:02
У меня все получилось, однако на картинку не оч похоже так как не тот шрифт и не та заливка текста..
Цитировать
 
 
-5 #11 Ravenvest 07.01.2011 23:23
спасибос, круть)
Цитировать
 
 
+6 #10 amdreyb1990 13.12.2010 23:32
А где урок по созданию такого логотипа?
Цитировать
 

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

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

Читайте также
2010-06-20 Радужная линия Эффекты
2010-06-06 Эффект Боке - Hexagon Эффекты
2010-06-03 Логотип из линий Дизайн
2010-05-25 Красочный металлический текст Эффекты с текстом
2010-05-01 Свет в движении Эффекты
 
DuvE logoCopyright © 2009 DuvE - Уроки фотошопа
Rambler's Top100