Уроки фотошопа, графика, дизайн
arrow

Неоновый текст

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

Давайте начинать, но прежде взгляните на тот неоновый текст, который получится в финале:

Неоновый текст

Неоновый текст

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

1. Создайте новый документ (размер выбирайте произвольно, я к примеру взял 1280x1024px) и вставьте в него понравившуюся текстуру кирпича:

Неоновый текст

2. Сейчас текстура слишком яркая, нам это не нужно, поэтому растеризуем слой и нажимаем Ctrl+U для вызова инструмента Hue/Saturation (Цветовой тон/Насыщенность) и снижаем параметры насыщенности и яркости:

Неоновый текст

3. Поработаем над атмосферой. Создайте новый слой (Shift+Ctrl+N) и примените к нему Filter (Фильтр) -> Render (Визуализация) -> Clouds (Облака):

При этом у вас должны быть установлены цвета по умолчанию (чёрный и белый). Если же это не так, то нажмите клавишу D

Неоновый текст

Поставьте режим смешивания Color Dodge (Осветление светом) и сотрите мягким ластиком области по краям:

Неоновый текст

Осталось только понизить непрозрачность до 35%:

Неоновый текст

На этом создание фона закончено. Теперь начинается самое интересное :)

Создание неонового текста

4. Напечатайте какой-нибудь текст непрерывающимся шрифтом. Я использовал French Script MT и чуть «допилил» его вручную:

Неоновый текст

5. Скопируйте слой с текстом (Ctrl+J) и скройте его:

Неоновый текст

6. К оригинальному тексту примените Filter (Фильтр) -> Blur (Размытие) -> Gaussian Blur (По Гауссу) и установите значение радиуса 14px:

Неоновый текст

7. Сделайте видимым скопированный текст, и перейдите в стиль слоя, дважды кликнув по нему мышкой или перейдя в Layer -> Layer Style -> Blending Options (Параметры смешивания). Установите такие параметры:

Неоновый текст

Неоновый текст

Неоновый текст

Сейчас неоновый текст должен выглядеть примерно так:

Неоновый текст

8. Создайте дубликат слоя с текстом, нажмите правой кнопкой мыши по надписи Effects (Эффекты) и выберите Create Layers:

Неоновый текст

Этим действием мы перевели стили в отдельные слои, теперь выберите все только что созданные слои и слейте их (Ctrl+E):

Неоновый текст

Неоновый текст

9. Теперь идём в Filter -> Blur -> Gaussian Blur и выставляем радиус 100px:

Неоновый текст

Режим смешивания установите Linear Dodge (Add) (Линейный осветлитель). Теперь мы получили такой неоновый текст:

Неоновый текст

Дорабатываем детали для неонового текста

10. Для начала сделаем крепления. Создайте новый слой и поместите его над фоном и «облаками». Возьмите твёрдую черную кисть и нарисуйте ей крепления для неонового текста:

Неоновый текст

11. Теперь настроим Bevel and Emboss в стиле слоя:

Неоновый текст

Не забудьте снять галочку Use Global Light (Глобальное освещение), иначе эти настройки будут применяться ко всем стилям

12. Создайте ещё один слой и поместите его под креплением. Нарисуйте тень и размойте её с помощью Gaussian Blur:

Неоновый текст

Неоновый текст

13. Таким же образом создайте ещё несколько креплений. Только не забывайте про то, что блики будут уже с другой стороны:

Неоновый текст

14. Ну и последний штрих — возьмите инструмент Dodge Tool (Осветлитель) и пройдитесь по слою со стеной в тех местах, где она должна быть светлее. А вот и финальный результат урока по созданию неонового текста:

Неоновый текст

На этом всё, я прощаюсь с вами до новых уроков фотошопа на нашем сайте. Не забывайте оставлять комментарии и подписываться на обновления ;)

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (1)

  1. Дмитрий:

    Я сделал так же, и классно получилось. Спасибо за урок:)

Оставить комментарий

Имя: *

Сообщение: