Неоновый текст фотошоп: Стиль для фотошопа — Неоновый текст / Фотошоп-мастер – PSD исходник — Неоновый текст скачать для фотошопа

Скачать архив с материалами к уроку

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

Шаг 1. Создаём фон

Откройте Фотошоп и создайте новый документ (Ctrl+N) c размерами 2560 х 1440 рх с прозрачным фоном. Залейте этот слой темным цветом  #1е1е1е.  Для этого пройдите в меню

Для этого слоя добавьте стиль слоя Gradient Overlay (Наложение градиента) с параметрами, показанными ниже. Цвета градиента от #161626 к #010101.

Создайте новый слой (Shift+Ctrl+N) и залейте белым, пройдя в 

Поместите этот слой в  новую группу (Ctrl+G). Измените режим наложения группы на Overlay (Перекрытие) и переименуйте слой и группу в Background 2.

Шаг 2. Звёздный фон

В этом шаге мы создадим звёздный фон, используя Звёздные узоры, которые вы найдёте в материалах к уроку. Загрузите файл с узорами в Фотошоп. Затем создайте новый слой – заливку, пройдя в

Поместите этот слой в  группу (Ctrl+G)  и переименуйте её в  Star Patterns. Внутри этой группы создайте ещё 3 – 4 слоя – заливки, используя другие узоры набора. Изменяйте

Загрузите в Фотошоп Узор Грязь, который вы найдёте в материалах к уроку. Создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом, пройдя в Edit > Fill > Black (Редактирование – Выполнить заливку – Чёрный). Добавьте стиль слоя

Шаг 3. Создаём узор

Сейчас мы создадим свой узор и затем добавим его в наш фон. Создайте новый документ (Ctrl+N) с размерами 500 х 500 рх с прозрачным фоном. Выберите инструмент  Rectangle Tool

Примечание переводчика: чтобы создать горизонтальную линию, дублируйте слой с вертикальной (Ctrl+J),  далее Ctrl+T и на верхней панели установите угол 90 градусов. Нажмите Enter для принятия трансформации.

Создайте ещё 2 прямоугольника через центр документа – вертикальный и горизонтальный.

Примечание переводчика: для удобства поиска центра воспользуйтесь направляющими (Ctrl+R).

Создайте ещё две диагональные линии, как показано ниже.

Выберите инструмент Ellipse Tool (U) (Овал) и создайте круг размером 40 х 40 рх в центре документа.

Выделите весь документ, пройдя в меню Select >  All (Выделение –  Все) или  Ctrl+A, затем перейдите в Edit >  Define Pattern (Редактирование – Определить узор), чтобы сохранить созданный узор.

Вернитесь в рабочий документ. Создайте новый слой (Shift+Ctrl+N) и залейте его белым цветом – Edit > Fill > White (Редактирование – Выполнить заливку – Белый). К этому слою примените стиль слоя Pattern Overlay (Наложение узора) с параметрами, показанными ниже.  Выберите тот узор, который только что создали. Убедитесь, что параметр Fill (Заливка) слоя установлен на 0%, а режим наложения стиля на Overlay  (Перекрытие).

На этом этапе мы добавим несколько цветовых пятен для нашего фона. Выберите инструмент Brush Tool (B) (Кисть). Создайте новый слой (Shift+Ctrl+N) и большой мягкой кистью нарисуйте пятно ярким цветом.

Продолжайте добавлять другие цвета, создавая для каждого цвета новый слой.

Объедините все слои с цветовыми пятнами в один слой. Для этого в панели слоёв выделите все цветные слои, щёлкните правой кнопкой мыши и выберите Merge Layers (Объединить слои) или Ctrl+E. К этому объединённому слою примените фильтр  Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении) со следующими параметрами: Angle(угол) 0°, Distance (Смещение) 2000 px.

Измените режим наложения этого слоя на Overlay (Перекрытие),  установите Fill (Заливка) на 50% и переименуйте в Color Blur. Поместите все слои, которые вы создали с самого начала, в группу Background.

Шаг 5. Неоновый текст

Итак, наш фон готов.  Теперь займёмся созданием текста с множеством цветов и бликов. Выберите шрифт и напишите слово или фразу белым цветом. В данном уроке я использовал шрифт Bello и написал в центре “Supercolor”, а ниже Tuts”.

Дублируйте текстовый слой (Ctrl+J). Отключите видимость оригинального слоя, кликнув по глазику слева от иконки слоя. К копии примените стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в окне Blending Options (Параметры наложения) во вкладке Advanced Blending (Дополнительные параметры) обращайте  внимание на расстановку галочек. Иначе вы не получите желаемый эффект.

Дублируйте оригинальный текстовый слой ещё раз (Ctrl+J) и поместите его выше всех слоёв. Примените к копии стили слоя со следующими параметрами. Установите Fill (заливка) на 0%.

Дублируйте верхний текстовый слой со стилями (Ctrl+J), он должен быть выше всех слоёв. Растрируйте слой. Для этого в панели слоёв щёлкните по слою правой кнопкой мыши и выберите Rasterize Text (Растрировать текст). Затем к этому слою примените фильтр, пройдя в  Filter > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу). Измените режим наложения на Screen (Экран) и установите  Opacity (Непрозрачность) на 50%.

Снова дублируйте оригинальный текстовый слой (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. Установите Fill (заливка) на 0%.

Примечание переводчика: в стиле Тиснение данного контура в наборе Фотошопа нет. Создайте его самостоятельно.  Для этого нажмите на окно контура, откроется окно редактора. Установите для левой точки  — (вход) 0, output (выход) 100, для средней – 50, 50 и для правой – 100, 100.

Дублируйте оригинальный текстовый слой в последний раз (Ctrl+J). Поместите его выше всех слоёв и примените следующие стили слоя с параметрами, показанными ниже. УстановитеFill (заливка) на 0%.

Теперь, когда мы добавили много стилей,  давайте применим к тексту несколько фильтров, чтобы добавить больше эффектов на наш текст. Выделите все текстовые слои, кроме оригинального, и объедините их в один слой. Для этого нажмите сочетание клавиш Ctrl + Alt + E. Дублируйте полученный слой два раза (Ctrl+J).

На первой копии примените фильтр, пройдя в  Filter > Other > High Pass (Фильтр – Другое – Цветовой контраст), Radius (радиус) 5 px. Измените режим наложения слоя на Overlay (Перекрытие).

Для второй копии примените фильтр, пройдя в  Filter > Filter Gallery > Artistic > Plastic Wrap (Фильтр – Галерея фильтров – Имитация – Целлофановая упаковка).

Измените режим наложения слоя на Soft Light (Мягкий свет).

Выберите третью копию и примените фильтр, пройдя в  Filter > Stylize > Emboss  (Фильтр – Стилизация – Тиснение) Angle (Угол) 90°, Height (Высота) 1 рх, Amount (Эффект) 235%. Измените режим наложения слоя на Overlay (Перекрытие).

Шаг 6. Световые эффекты для текста

В этом шаге мы добавим несколько бликов на текст и вокруг него. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте вокруг текста, как показано на примере ниже.

Загрузите выделение оригинального слоя. Для этого щёлкните по миниатюре слоя правой кнопкой мыши и выберите Select Pixels  (Выделить пиксели). Вернитесь на слой, который только что создали, и при активном выделении текста добавьте маску слоя, пройдя в Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Overlay (Перекрытие).

Поместите этот слой и все слои, созданные в шаге 5, в новую группу (Ctrl+G) и переименуйте её в Text.

Перед тем, как продолжить,  нажмите клавишу D на клавиатуре, чтобы сбросить основной и фоновый цвета на чёрный и белый. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Lasso Tool (L) (Лассо) с Feather (Растушовка) 50 рх и создайте овальное выделение, как показано ниже.

Примените фильтр, пройдя в Filter > Render > Clouds (Фильтр – Рендеринг – Облака). Поместите этот слой в новую группу Cloud (Ctrl+G). Расположите эту группу в группе Text ниже всех текстовых слоёв.

Загрузите выделение оригинального текстового слоя, как вы делали выше, и для группы Cloud добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения группы на Color Dodge (Осветление основы).

Добавим ещё немного бликов на текст. Создайте новый слой (Shift+Ctrl+N). Выберите инструмент Brush Tool (B) (Кисть) и мягкой белой кистью прокрасьте текст, как показано ниже.

Загрузите выделение текста уже известным вам способом и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область). Измените режим наложения слоя на Color Dodge (Осветление основы) и установите Fill (Заливка) на 35%. Поместите этот слой в группу Background выше всех слоёв.

Выберите группу Background и нажмите сочетание клавиш Ctrl + Alt + E. Это действие объединит все слои в группе в один новый слой. Примените к этому слою фильтр, пройдя в Filter > Distort > Spherize (Фильтр – Искажение – Сферизация) с Amount (Количество) 25%.

Загрузите выделение оригинального текстового слоя, как вы делали ранее, и добавьте маску слоя – Layer > Layer Mask > Reveal Selection (Слой – Слой – маска – Показать выделенную область).

Шаг 7. Световые эффекты для фона

Дублируйте оригинальный слой с текстом (Ctrl+J). Поместите этот слой в группу Highlights (Ctrl+G). Эта группа должна располагаться под группой Text. Добавьте к этому тексту стиль слоя с параметрами, показанными ниже. Установите  Fill (Заливка) на 0%.

Щёлкните правой кнопкой мыши на этом слое и выберите Rasterize Layer Styles (Растрировать стиль слоя). Переименуйте слой в Highlights 1. Затем примените к этому слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90° и Distance (Смещение) 200 рх.

Дублируйте слой (Ctrl+J) и переименуйте в Highlights 2. Примените к слою фильтр Filter > Blur > Motion Blur  (Фильтр – Размытие – Размытие в движении) с  Angle (Угол) 90 и Distance (Смещение) 750 рх. Измените режим наложения группы на Color Dodge (Осветление основы).

Выше группы Highlights создайте новый слой (Shift+Ctrl+N) . Выберите инструмент Brush Tool (B) (Кисть) и большой мягкой кистью розового цвета нарисуйте пятно в левой нижней части холста, как показано ниже. Измените режим наложения слоя на Screen (Экран) и установите Fill (Заливка) на 75%.

Создайте новый слой (Shift+Ctrl+N) и нарисуйте ещё пятна другим цветом. Я немного размыл слои с цветными пятнами, вы так же можете их размыть. Измените режим наложения слоя на Screen (Экран). Поместите оба слоя в группу Colors (Ctrl+G) и поместите её под группу Text. Измените режим наложения группы на Lighten (Замена светлым) и установите Fill (Заливка) на 20%.

Шаг 8. Шум и цветокоррекция

Давайте добавим немного шума  для нашего эффекта. Выше всех слоёв создайте новый слой (Shift+Ctrl+N) и залейте чёрным цветом. К этому слою примените фильтр, пройдя в Filter > Noise > Add Noise (Фильтр – Шум – Добавить шум) со следующими настройками: Amount (Эффект) 30% и Gaussian for the Distribution (Распределение по Гауссу).

Затем примените фильтр Filter > Blur > Gaussian Blur  (Фильтр – Размытие – Размытие по Гауссу) с Radius  (Радиус) 2 рх. Измените режим наложения слоя на Screen (Экран).

Выше слоя с шумом добавьте корректирующий слой Levels (Уровни), пройдя в Layer > New Adjustment Layer > Levels (Слой – Новый Корректирующий слой – Уровни). Примените настройки, показанные ниже.

Преобразуйте корректирующий слой в обтравочную маску.  Для этого щёлкните по слою правой кнопкой мыши и выберите Create Clipping Mask (Создать обтравочную маску). Поместите оба слоя в новую группу Noise (Ctrl+G).

В заключение урока добавим два корректирующих слоя. Первый корректирующий слой – Photo Filter (Фотофильтр). Пройдите в Layer > New Adjustment Layer > Photo Filter (Слой – Новый Корректирующий слой – Фотофильтр) и установите настройки, показанные ниже.

Измените Fill (Заливка) слоя на 50%.

Второй корректирующий слой  — Color Balance (Цветовой баланс). Пройдите в Layer > New Adjustment Layer > Color Balance (Слой – Новый Корректирующий слой – Цветовой баланс) и установите параметры, показанные ниже.

Окончательный результат

Вот мы и закончили! Надеюсь, Вам понравился урок. Как вы могли заместить, стили слоя – мощный инструмент в программе Photoshop.  Попробуйте поиграть с параметрами и цветами, чтобы получить интересные результаты.

Автор урока: ADRIEN

Неоновый текст — Pixelbox.ru

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

Мы будем использовать различные методы и функции в фотошопе, такие как маска слоя, режимы смешивания, выделение, инструмент перо и корректирующие слои.

Скачайте следующие материалы для работы:

Шрифт

Текстура

Шаг 1

Загрузите текстуру в фотошопе и сделайте прямоугольное выделение примерно как на картинке:

Скопируйте и вставьте выделенное изображение. Примените фильтр размытие по гуауссу.

Прозрачность слою установите 60%

Сделайте маску для слоя и закрасьте как на картинке, чтобы скрылись не нужные элементы изображения.

Добавьте корректировочный слой Color Balance со следующими настройками:

Должен получится вот такой эффект приглушенной стены. Выглядит будто легкое освещение синего цвета на стене.

Шаг 2

Теперь пора добавить текст. Напишите надпись использую шрифт который вы скачали. Цвет надписи указан на скриншоте.

Далее мы будем работать со стилями, именно они придадут основной эффект неона на тексте.

Bevel and Emboss

Stroke

Inner Shadow

Satin

Color Overlay

Gradient Overlay

Outer Glow

Drop Shadow

Результат на лицо:

Шаг 3

Скопируйте слой с текстом и переместите его чуть чуть вниз и вправо. Буквально на несколько пикселей. Обычно для таких перемещений я использую стрелочки на клавиатуре.

Повторите эту операцию с копированием и перемещением несколько раз, чтобы получился такой эффект:

Последний слой с текстом нужно затемнить, для этого примените Hue/Saturation

Чтобы выглядело так:

Шаг 4

Теперь добавим больше подсветки на некоторых частях текста. Мы засвечим этим элементы.

Для этого используйте жесткую кисть (90%) размером примерно 6 пикселей.

Цвет кисти — это важно. Нужно выбрать в той же цветовой гамме что и текст, но намного ярче.

Создайте новый слой и сразу режим смешивания установите ему Overlay. Теперь кистью обведите верхние части текста.

Также можно добавить немного эффекта дыма или туманки. Для этого используйте соответствующие кисти.

Шаг 5

Будет логично добавить провода к неоному тексту. Для этого мы будем использовать перо Pen Tool.

Обводку делайте кистью размеров 5 пикселей, твердая кисть.

Сразу же можно применить для линии эффект Bevel and Emboss

Чтобы бы линия получилась объемная и выглядела как провод:

Теперь просто сделайте несколько копий слоя с проводом и разместите их в разные позиции относительно текста, при этом меняя размеры и углы.

Шаг 6

Почти все готово! Осталось только подкорректировать цвет, все таки у неона другой цвет — более синий и яркий светящийся. Для этого добавим корректирующие слои.

Selective Color

Curves

Вот и всё! Неоновый эффект готов:

Автор перевода — Александр (специально для Pixelbox.ru)

Неоновый текст в Фотошопе — создание надписей и шрифтов — уроки photoshop — Каталог статей

Конечный результат:

Ресурсы урока:

Шрифт «Limit Break»

Кирпичная стена

 

Шаг 1

Создайте новый документ в Фотошопе (Ctrl + N) размером 1400х782 пикселя с чёрным фоном. Откройте в Фотошопе кирпичную текстуру и инструментом Прямоугольная область (Rectangular Marquee Tool) выделите небольшой участок.

Скопируйте его в основной документ (Ctrl + C / Ctrl + V) и в режиме Свободное трансформирование (Free Transform) растяните на весь холст. Примените фильтр Размытие по Гауссу (Gaussian Blur Filter).

Уменьшите непрозрачность кирпичной стены до 60%.

Добавьте маску к слою с кирпичной стеной и закрасьте её так:

Чтобы добавить цвет на стену, создайте корректирующий слой Цветовой баланс (Layer – Color Balance):

Результат:

Шаг 2

Установите шрифт «Limit Break» и инструментом Горизонтальный текст (Horizontal Type Tool) напишите «NEON LIGHT» цветом #c0f4ff.

К текстовому слою примените следующие стили:

Тиснение: Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Цвет — #40faf8, Режим тени – Умножение, Цвет — #00c0f0.

Обводка: Положение – Снаружи, Режим – Нормальный, Тип обводки – Цвет, Цвет — #1ee2f3.

Внутренняя тень: Режим подсветки – Умножение.

Глянец: Режим – Нормальный, Цвет — #00b3d9.

Наложение цвета: Режим – Перекрытие, Цвет — #54f1ff.

Наложение градиента: Режим – Нормальный, Стиль – Линейный.

Внешнее свечение: Режим – Осветление, Цвет — #04c4e7, Метод – Мягкий.

Отбрасывание тени: Режим – Умножение, Цвет – чёрный.

Результат:

Шаг 3

Создайте копию текстового слоя и сдвиньте её на несколько пикселей вправо вниз.

Продолжайте создавать копии и сдвигать их, пока не получите такой результат:

К последней копии примените коррекцию Цветовой тон/Насыщенность (Hue/Saturation):

Результат:

Шаг 4

Сейчас мы нарисуем свечение от текста. Выберите инструмент Кисть (Brush Tool) (B) и настройте так:

Выберите цвет #16f2ff.

Создайте новый слой (Create New Layer) на самом верху и установите для него режим наложения Перекрытие (Blending Mode – Overlay). Обрисуйте текст, как показано ниже.

Добавьте немного дыма при помощи специальных кистей или фильтра Облака (Clouds Filter).

Результат:

Шаг 5

Сейчас мы добавим несколько проводов. Инструментом Перо (Pen Tool) (P) нарисуйте контур под текстом.

Кликните правой кнопкой мыши и выберите пункт Выполнить обводку контура (Stroke Path). Выберите Кисть (Brush) для обводки.

К линии примените стиль Тиснение (Bevel & Emboss): Стиль – Внутренний скос, Метод – Плавное, Режим подсветки – Осветление, Режим тени – Умножение.

Результат:

Создайте несколько копий провода, поверните их и подключите к другим буквам.

Шаг 6

В завершение, нужно создать несколько корректирующих слоёв.

Выборочная коррекция цвета (Layer – Selective Color):

Кривые (Layer – Curves):
                                                                 

Конечный результат:

источник урока