Неоновый текст. Фотошоп неоновая вывеска


Неоновый текст | Уроки Фотошопа (Photoshop)

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

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

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

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

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

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

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

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

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

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

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

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

Поставьте режим смешивания 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 в стиле слоя:

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

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

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

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

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

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

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

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

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

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

psforce.ru

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

В этом уроке вы узнаете, как сделать эффект неонового текста в Photoshop используя стили слоя и текстур.Давайте начнем!

Скачайте отсюда текстуру кирпичной стены и начнем работу.

ШАГ 1

Сначала создайте новый документ PSD 1200 x 600 пикселей разрешением 72 точек на дюйм. Теперь откройте текстуру кирпичной стены, скопируйте ее и вставьте в ваш новый PSD документ.Нажмите Ctrl-T (преобразования) текстуры и измените ее размер, пока вас не удовлетворит результат.Сделайте текстуру кирпичной стены затемненной с помощью уровней: Image — Adjustments — Levels или нажмите Ctrl — L.

Шаг 2

Теперь напишите ваш текст шрифтом «Impact». Используйте настройки ниже.

Шаг 3

Теперь примените некоторые стили слоя. Дважды щелкните на текстовом слое, чтобы открыть стили слоя. Выберите Stroke и используйте настройки ниже.

Теперь выберите Drop Shadow

Шаг 4

Теперь сделаем гриль текстуру гриль. Создайте новый документ размером 10 х 10 пикселей 72 точек на дюйм. Увеличьте документ до 3200%, нажав Ctrl — +. Используйте жесткую кисть размером 1 пиксель, чтобы сделать 2 линии черного цвета, как показано ниже. Теперь сохраните этот шаблон, выбрав «Edit — Define Pattern» и назовите его Grill Pattern. Закройте документ.

Шаг 5

Скопируйте текстовый слой, щелкните правой кнопкой мыши по слою с текстом и выберите пункт «Duplicate Layer». Теперь удалите стили слоя на этом слое правой кнопкой мыши и выберите " Clear Layer Styles ". Дважды щелкните на текстовом слое, чтобы открыть стили слоя. Используйте настройки ниже.

Шаг 6

Для самого маленького 3D-эффекта на текст переместите второй текстовый слой 5 раз стрелками на клавиатуре с выбранным Move Tool (V).

Шаг 7

Теперь будем делать неон. Опять копируем слой с текстом, щелкните правой кнопкой мыши по слою с текстом и выберите пункт «Duplicate Layer». Теперь удалите стили слоя на этом слое правой кнопкой мыши на слое и выберите " Clear Layer Styles ". Используйте настройки ниже.

Нажмите на кнопку OK. Щелкните правой кнопкой мыши на «FX» этого текстового слоя и выберите " Create Layer "

Шаг 8

Теперь мы сделаем стили слоя для неона на слой, который мы только что сделали.Используйте настройки ниже.

Шаг 9

Выберите «Eraser Tool» (E) и сотрите некоторые части из неона для более реалистичного вида. Вы также можете рисовать на этом слое жесткой кистью в некоторых местах.

Шаг 10

Вы можете сделать провода, если хотите. Создайте новый слой (этот слой под слоем неоновым). Используйте жесткие кисти размером 7 и размером 4 для рисования проводов. Используйте параметры ниже.

Шаг 11

Поместите градиентную заливку на заднем плане. Дважды щелкните на слой кирпичной стены и используйте настройки ниже.

Финальное изображение

Смотрите также

rejump.ru

Эффект неонового текста - Текстовые эффекты - Каталог статей

Какие ассоциации у Вас вызывает слово «Неон»? Мегаполис…ночные огни…вывески…прогулки с друзьями…я угадала? Весьма приятные ассоциации, скажу я Вам. А Вы знаете, что красивую неоновую надпись можно с легкостью создать в Adobe Photoshop? И для этой цели не придется качать мегабайты экшенов и прочих прелестей, все, что нам понадобится, это скачать и установить шрифт «Limit Break», однако, если у Вас есть его аналоги, то и этот шаг можно пропустить. Приступим?

Примечание: сразу оговорюсь, что в работе я использую локализированный Adobe Photoshop, поэтому все надписи и таблички будут на русском. На всякий случай, я буду использовать пояснения на английском, если у Вас установлена англоязычная версия.

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

Создайте в фотошоп новый документ (Файл –Создать/File-Create или комбинация клавиш Ctrl + N) размером 276х216 пикселей с параметрами, как на рисунке:

Создание документа

Нарисуйте с помощью инструмента «Линия» Линия, диаметром в два пикселя, черные полосы, как указано на рисунке:

Линии текстуры

Добавьте к ним белую обводку белого цвета, оставшееся же пространство залейте серым цветом (#dcdcdc), чтобы в итоге получился вот такой фрагмент:

Фрагмент готовой текстуры

Чтобы превратить этот фрагмент в полноценную текстуру-заливку, необходимо определить его в качестве узора (Редактирование – Определить узор/Edit - Define Pattern). Узору можно дать любое название:

Определение узора

Вот и все, кирпичный узор у нас получился, правда, чтобы его увидеть в деле, нужно создать еще один документ размером 1400х782 пикселя и с чёрным фоном. После этого создайте новый слой (Слои – Новый – Слой/Layers – New – Layer или комбинация клавиш SHIFT+CTRL+N), пройдите в Редактирование и кликните строчку «Выполнить заливку» (Редактирование – Выполнить зааливку/Edit – Fill), где только и останется выбрать нашу текстуру из выпадающего списка:

Выбор текстуры для заливки

А вот и сама текстура:

Текстура "Кирпичная стена"

Теперь попробуем пошагово придать нашей стене более симпатичный вид. Для начала в окне «Слои/Layers» нужно изменить непрозрачность текстуры до 60%:

Изменение непрозрачности

Создайте новый слой и выберите инструмент «Кисть/Brush» Кисть со следующими параметрами:

Параметры кисти

Меняя непрозрачность кисточки, аккуратно обрисуйте края нашей текстуры, придавая ей эффект затенения. В итоге у Вас должно получиться нечто подобное:

Фон с затенением

Между слоем с кирпичной текстурой и слоем с затенением создайте новый слой, выполните его заливку цветом #013c4b и измените режим наложения на «Перекрытие/Overlay»:

Окраска фона

Окрашенный фон

Теперь необходимо создать конечный для текстуры корректирующий слой «Яркость/Контраст - Brightness / Contrast» и задать им следующие параметры:

Корректирующий слой «Яркость/Контраст"

На выходе у нас получилась вот такая интересная кирпичная стена:

Готовый фон

Эх, мечта любого романтика в стиле «стрит-арт»… Давайте напишем на стене что-нибудь? Вы как хотите, а я напишу о своем «веб-чаде». Итак, инструмент «Горизонтальный текст/Horizontal Type Tool» Горизонтальный текст, цвет #c0f4ff и вперед, за Родину!

Надпись

Ну а теперь пришла пора стилей слоя, которые нужно будет поочередно накладывать на текст, дабы приблизиться к получению окончательного неонового результата.

1. ТИСНЕНИЕ/BEVEL AND EMBROSS: Слои – Стили слоя – Тиснение/ Layer - Layer Style – Bevel and Embross. Параметры тиснения: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Цвет - #40faf8, Режим тени – Умножение, Цвет - #00c0f0:

Тиснение

2. ОБВОДКА/STROKE: Слои – Стили слоя – Обводка/ Layer - Layer Style – Stroke. Параметры обводки: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет, Цвет - #1ee2f3.

Обводка

3. ВНУТРЕННЯЯ ТЕНЬ/INNER SHADOW: Слои – Стили слоя – Внутренняя тень/ Layer - Layer Style – Inner Shadow. Параметры внутренней тени: Режим подсветки – Умножение, Цвет - #11a1c0.

Внутренняя тень

4. ГЛЯНЕЦ/SATIN: Слои – Стили слоя – Глянец/ Layer - Layer Style – Satin. Параметры глянца: Режим – Нормальный, Цвет - #00b3d9.

Глянец

5. НАЛОЖЕНИЕ ЦВЕТА/COLOR OVERLAY: Слои – Стили слоя – Наложение цвета / Layer - Layer Style – Color Overlay. Параметры цвета: Режим – Перекрытие, Цвет - #54f1ff.

Наложение цвета

6. НАЛОЖЕНИЕ ГРАДИЕНТА/GRADIENT OVERLAY: Слои – Стили слоя – Наложение градиента / Layer - Layer Style – Gradient Overlay. Параметры градиента: Режим – Нормальный, Стиль – Линейный.

Наложение градиента

7. ВНЕШНЕЕ СВЕЧЕНИЕ/OUTER GLOW: Слои – Стили слоя – Внешнее свечение / Layer - Layer Style – Outer Glow. Параметры внешнего свечения: Режим – Осветление, Цвет - #04c4e7, Метод – Мягкий.

Внешнее свечение

8. ТЕНЬ/SHADOW: Слои – Стили слоя – Тень / Layer - Layer Style – Shadow. Параметры тени: Режим – Умножение, Цвет – чёрный.

Тень

В результате наш текст заметно преобразился:

Текст со стилями

Теперь создайте дубликат слоя (Ctrl+J) и, выбрав инструмент «Перемещение» на панели инструментов Перемещение, и посредством клавиш со стрелками на клавиатуре сместите его влево и вверх:

Смещение текста

Создайте еще две-три копии, только уже смещенного текста, пока не увидите примерно такой результат:

Смещенный текст

Сделайте выделение копии слоя, расположенной над остальными, после чего создайте корректирующий слой «Цветовой тон/Насыщенность - Hue/Saturation:

Корректирующий слой

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

Результат у нас получился элегантный и неоновый, но чего-то здесь не хватает…Неон, по своей сути, имеет неровную подсветку, которая придает ему еще больше притягательности. Давайте изобразим такую подсветку на нашем тексте. Для этого нужно выбрать инструмент «Кисть» Кисть, задать ей цвет #16f2ff и вот такие параметры:

Параметры кисти

На самом верху теперь необходимо создать новый слой, установив для него режим наложения «Перекрытие/ Overlay». Кисточкой очень аккуратно нарисуйте на краешках текста яркие линии, добавив, при необходимости, фильтр «Размытие по Гауссу», как показано на рисунке:

Текст со свечением

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

Готовый результат

Текст урока и графика - Светлана Кравцова (Face Off - администратор проекта soft-g-grafik.ru)

Идея урока - Psdvault.com 

soft-g-grafik.ru


Смотрите также