Как сделать неоновый текст в фотошопе
В этом уроке я покажу вам как создать яркий неоновый текстовый эффект, используя стили слоя.
Перед началом работы скачиваем архив, устанавливаем шрифт. Конечно, вы можете использовать любой другой.
1. Создаем узор
Шаг 1
Открываем Photoshop (я использую Photoshop CS6), переходим File – New (Файл – Новый) и создаем новый документ размером 6 х 6 пикселей ( Background Content (Содержимое фона) устанавливаем на Transparent (Прозрачный)).
Шаг 2
Шаг 3
Жмем Ctrl+A, чтобы выделить весь документ, и переходим Edit – Define Pattern (Редактирование – Определить узор). В поле с названием вводим «Диагональный узор» и жмем ОК.
После создания узор автоматически добавляется в общую библиотеку. Мы воспользуемся им в следующем разделе.
2. Создаем фон
Шаг 1
Создаем новый документ размером 4000 х 1420 пикселей с разрешением 300 точек/дюйм. Background Content (Содержимое фона) устанавливаем на Transparent (Прозрачный).
Шаг 2
Переходим Layer – New Fill Layer – Gradient (Слой – Новый слой-заливка – Градиент) и в поле с названием пишем «Фон».
Шаг 3
Шаг 4
Выбираем слой Background (Фон) и переходим Layer – Group Layers (Слой – Сгруппировать слои) (или жмем комбинацию клавиш Ctrl+G). Называем группу «Фон».
3. Создаем текстовый смарт-объект
Благодаря смарт-объекту, вы сможете быстро и легко настроить текст.
Шаг 1
Шаг 2
Шаг 3
Проверяем, чтобы текстовый слой был выделен. Дважды кликаем левой кнопкой мышки по его названию и пишем «Текстовый слой». Закончив, нажимаем Enter.
Шаг 4
Переходим Layer – Smart Object – Convert to Smart Object (Слой – Смарт-объект – Преобразовать в смарт-объект) (или кликаем правой кнопкой по слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект)).
Шаг 5
Выбираем смарт-объект и дублируем (Ctrl+J) его несколько раз. В результате у нас получится пять копий текста ACID. Переименовываем каждый слой сверху-вниз, используя шаблон «Текст_[цифра]». Удерживая клавишу Ctrl, выделяем все смарт-объекты и группируем их (Ctrl+G). Называем группу «Текст».
4. Стилизуем слой «Текст_1»
Начнем с самого верхнего слоя.
Шаг 1
Для начала уменьшаем Fill Opacity (Непрозрачность заливки) до 0%.
Шаг 2
Дважды кликаем по слою «Текст_1», чтобы применить стиль слоя Pattern Overlay (Наложение узора) со следующими настройками:
- BlendMode (Режим смешивания): Overlay (Перекрытие)
- Opacity (Непрозрачность): 100%
- Кликаем на кнопку Pattern (Узор) и выбираем узор, который мы создали в начале урока
- Scale (Масштаб): 100%
В результате мы должны получить вот такой эффект:
5. Стилизуем слой «Текст_2»
Кликаем правой кнопкой по текстовому слою и выбираем Blending Options (Параметры наложения), чтобы применить стили слоя.
Шаг 1
Устанавливаем Fill Opacity (Непрозрачность заливки) на 0%.
Шаг 2
Добавляем стиль слоя Stroke (Обводка) со следующими параметрами:
Шаг 3
Применяем стиль слоя Inner Glow (Внутреннее свечение):
Шаг 4
Добавляем Gradient Overlay (Наложение градиента):
Получаем вот такой результат:
6. Стилизуем слой «Текст_3»
Дважды кликаем по слою «Текст_3» и применяем стиль Stroke (Обводка) со следующими параметрами:
Результат должен выглядеть вот так:
7. Стилизуем слой «Текст_4»
Кликаем правой кнопкой по текстовому слою и выбираем Blending Options (Параметры наложения), чтобы применить стили слоя.
Шаг 1
Добавляем стиль слоя Stroke (Обводка):
Шаг 2
Теперь добавляем стиль слоя Drop Shadow (Тень):
8. Стилизуем слой «Текст_5»
Перед тем, как продолжить работать со стилями, выбираем текстовый слой и сдвигаем его на 20 пикселей вниз:
Шаг 1
Добавляем стиль Stroke (Обводка) со следующими параметрами:
Шаг 2
Добавляем стиль слоя Drop Shadow (Тень):
Поздравляю, мы закончили!
Неоновый текстовый эффект готов. Ниже вы можете увидеть финальный результат. Надеюсь, вам понравился это урок.
Не забудьте поделиться своим результатом с читателями ниже в комментариях.
Кстати, если вы хотите изменить надпись, дважды кликаем по смарт-объекту с текстом. В результате Photoshop откроет PSB-файл. Меняем текст, сохраняем его File – Save (Файл – Сохранить), затем закрываем File – Close (Файл – Закрыть). После этого на рабочем документе текст обновится автоматически.
В этом уроке вы узнаете, как с нуля создать неоновый эффект, используя базовые инструменты Photoshop Перо и Кисть, а также различные стили слоя.
Сложность урока: Средний
Вы замечали неоновые вывески, разбросанные по улицам города? В этом уроке вы узнаете, как с нуля создать неоновый эффект, используя базовые инструменты Photoshop Перо и Кисть, а также различные стили слоя, чтобы получить реалистичный результат. Начнем!
Примечание: поскольку автор при создании урока использовал Illustrator, переводчик полностью адаптировал выполнение урока под Photoshop.
1. Создаем буквы
Шаг 1
Открываем программу и создаем новый документ размером 1181 х 788 пикселей с разрешением 300 точек/дюйм.
Шаг 2
Активируем Type Tool (T) (Текст) и пишем слово или фразу любым стандартным шрифтом, например, Helvetica.
Шаг 3
Открываем окно Windows – Character (Окно - Символ) и настраиваем расстояние между строками текста (значение зависит от размера шрифта).
Шаг 4
Также делаем текст чуть шире (опять же значение зависит от размера вашего текста).
Шаг 5
Создаем новый слой (Ctrl+Shift+N), кликнув на кнопку Create a new layer (Создать новый слой) внизу панели слоев.
Шаг 6
Активируем Pen Tool (P) (Перо) в режиме Shape (Фигура) и начинаем рисовать по контуру букв.
Примечание переводчика: Заполнение цветом отключаем, включаем обводку контура (ширина обводки будет зависеть от размера документа). Нарисовав одну линию, обязательно жмем клавишу Enter, чтобы завершить контур.
В этом уроке Вы узнаете, как используя параметры наложения, инструмент Перо и корректирующие слои, создать красивый неоновый текст.
Сложность урока: Средний
В этом уроке я покажу, как создать уникальный неоновый эффект. Мы будем использовать слой-маски, выделения, параметры наложения, инструмент Перо и корректирующие слои.
Примечание: этот урок - среднего уровня сложности. При создании этого урока был использован Photoshop CS6, поэтому вид палитр может отличаться, если Вы используете более ранние версии программы.
Финальное изображение:
Ресурсы урока:
Шаг 1
Создайте новый документ размером 1400px * 782 пикселов (Ctrl + N) с черным фоном. Откройте изображение кирпичной текстуры и инструментом Прямоугольная область выделения (Rectangular Marquee tool) нарисуйте выделение:
Скопируйте (Ctrl + C) и вставьте (Ctrl + V) выделенный участок текстуры в наш документ и подгоните его размер под размер документа (Ctrl + T). Слегка размойте слой с кирпичной текстурой фильтром Размытие по Гауссу (Gaussian Blur):
Уменьшите непрозрачность слоя с текстурой до 60%.
К слою с кирпичной текстурой добавьте слой-маску и кистью черного цвета, на маске, скройте некоторые части текстуры:
К слою с кирпичной текстурой добавьте корректирущий слой Цветовой баланс (color balance), чтобы добавить немного цвета.
Шаг 2
К слою с текстом примените стиль Тиснение (Bevel and Emboss):
Также, добавьте стиль слоя Обводка (Stroke):
Добавьте стиль слоя Внутренняя тень (Inner Shadow):
Добавьте стиль слоя Глянец (Satin):
Наложение цвета (Color Overlay):
Наложение градиента (Gradient Overlay):
Внешнее свечение (Outer Glow):
Тень (Drop Shadow):
Шаг 3
Дублируйте текстовый слой один раз (Ctrl + J) и сдвиньте его немного в сторону (ориентируйтесь на красные стрелки на скриншоте):
Повторите этот процесс, дублировав несколько раз слой с текстом и перемещая его, чтобы получить такой эффект:
К последнему дубликату текстового слоя примените корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation). Благодаря этому, текст станет темнее.
Шаг 4
Вокруг текста добавьте световые блики. Выберите кисть размером 6 пикселов и с жесткостью 90%.
Создайте новый слой (Shift + Ctrl + N) над всеми предыдущими слоями и установите для него режим наложения Перекрытие (overlay). Теперь кистью нарисуйте блики на тексте (ориентируйтесь на красные стрелки на скриншоте):
Добавьте также эффект дыма (облаков), используя кисть облака или кисть дым.
Шаг 5
Инструментом Перо (Pen Tool) нарисуйте контур - это будут светящиеся провода:
Выберите жесткую кисть размером 5 пикселов, затем снова перейдите на инструмент Перо , кликните правой кнопкой мыши по контуру и выберите пункт Выполнить обводку контура (Stroke Path).
К линиям добавьте стиль слоя Тиснение (Bevel and Emboss):
Дублируйте слой с проводами (Ctrl + J) несколько раз, измените размер и форму каждого слоя с проводами и поместите их вокруг текста:
Шаг 6
Мы почти закончили! Осталось затонировать изображение. над всеми слоями добавьте корректирующий слой Выборочная коррекция цвета (Selective
Color):
Также, над всеми слоями добавьте корректирующий слой Кривые (Curves):
What You'll Be Creating
В этом уроке я покажу вам, как создать красивый кислотный текст, используя стили слоя.
Данный эффект является частью моего Набора Текстовых Эффектов на GraphicRiver.
Введение
Следующие исходные материалы были использованы для создания данного урока:
Перед тем, как вы приступите к уроку, скачайте и установите исходный шрифт. Это поможет вам получить тот же самый результат, что и в этом уроке.
1. Создаём Узор
Шаг 1
Откройте программу Photoshop (я использую Photoshop CS6), далее идём Файл - Новый (File > New). Создайте новый документ 6 x 6 px. Установите Содержимое заднего фона (Background Contents) на Прозрачный (Transparent).
Шаг 2
Переключитесь на инструмент Карандаш (Pencil Tool), установите размер карандаша на 1 px, а затем нарисуйте диагональные линии.
Шаг 3
Нажмите клавиши (Ctrl+A), чтобы выделить всё изображение, а затем идём Редактирование - Определить узор (Edit > Define Pattern) и в появившемся окне, укажите название узора DL Pattern. Примечание переводчика: укажите название узора, например Диагональный узор.
Таким образом, мы добавили новый узор в библиотеку узоров, мы используем этот узор в следующем шаге.
2. Создаём Задний Фон
Шаг 1
Создайте новый документ 4000 x 1420 px, установите Разрешение (Resolution) 300. Установите Содержимое заднего фона (Background Contents) на Прозрачный (Transparent).
Шаг 2
Далее, идём Слой- Новый слой-заливка - Градиент (Layer > New Fill Layer > Gradient) и в появившемся окне, в строке Имя (Name), дайте название слою с градиентной заливкой Задний фон (Background).
Шаг 3
Шаг 4
Находясь на слое Задний фон (Background), идём Слой- Сгруппировать слои (Layer > Group Layers) или нажмите клавиши (Ctrl+G). Назовите эту группу Задний фон (Background).
3. Создаём Текст и Преобразуем его в Смарт-Объект
Преобразование текста в смарт-объект поможет вам редактировать текст за несколько кликов.
Шаг 1
Выберите инструмент Горизонтальный текст (Type Tool (T). Напишите слово "ACID" заглавными буквами, используя шрифт Intro. Установите размер шрифта, примерно 230 pt. Цвет текста не так важен.
Шаг 2
Находясь на слое с текстом, нажмите клавиши (Ctrl+A), чтобы выделить всё изображение, далее, выберите инструмент Перемещение (Move Tool), а затем в панели управления данного инструмента, нажмите значки Выравнивание центров по вертикали (Align vertical center) и Выравнивание центров по горизонтали (Align horizontal center).
Шаг 3
Убедитесь, что вы находясь на слое с текстом. Дважды щёлкните по названию слоя, чтобы переименовать его в Текстовый слой (Text Layer). Нажмите клавишу (Enter), чтобы применить изменение.
Шаг 4
Идём Слой- Смарт-объект - Преобразовать в смарт-объект (Layer > Smart Objects > Convert to Smart Object) или щёлкните правой кнопкой мыши по слою Текстовый слой (Text Layer) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).
Шаг 5
Продублируйте слой со смарт-объектом 4 раза. В результате у вас будет всего 5 слоёв со смарт-объектом. Примечание переводчика: автор создал 5 слоёв с текстом. Переименуйте каждый слой сверху вниз, используя шаблон: Текст_[номер] (Text_[number]). Выделите все слои со смарт-объектами, чтобы сгруппировать их в одну группу (Ctrl+G). Назовите эту группу Текст (Text). Примечание переводчика: пронумеруйте каждый слой с текстом по шаблону: Текст_1 и т.д.
4. Стилизуем Слой Текст_1
Давайте приступим к стилизации слоёв сверху вниз.
Шаг 1
Прежде всего, уменьшите значение Непрозрачность заливки (Fill Opacity) для данного слоя до 0. Примечание переводчика: автор уменьшил значение заливки в настройках Параметры наложения (Blending options).
Шаг 2
Дважды щёлкните по слою Текст_1 (Text_1), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:
Результат должен быть, как на скриншоте ниже.
5. Стилизуем Слой Текст_2
Щёлкните правой кнопкой мыши по данному слою с текстом и появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить стили слоя.
Шаг 1
Уменьшите значение Непрозрачность заливки (Fill Opacity) для данного слоя до 0.
Шаг 2
Добавьте стиль слоя Обводка (Stroke ) со следующими настройками:
Шаг 3
Добавьте стиль слоя Внутреннее свечение (Inner Glow) со следующими настройками:
Шаг 4
Добавьте стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки:
Текст должен выглядеть примерно. как на скриншоте ниже.
6. Стилизуем Слой Текст_3
Дважды щёлкните по слою Текст_3 (Text_3), чтобы применить стиль слоя Обводка (Stroke ).Установите следующие настройки:
Результат на данный момент урока.
7. Стилизуем Слой Текст_4
Щёлкните правой кнопкой мыши по данному слою с текстом и появившемся окне, выберите опцию Параметры наложения (Blending Options), чтобы применить стили слоя.
Шаг 1
Добавьте стиль слоя Обводка (Stroke ) со следующими настройками:
Шаг 2
Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
8. Стилизуем Слой Текст_5
Перед тем, как добавить стили слоя к данному слою, вначале перейдите на него, а затем сместите его вниз на 20 px.
Шаг 1
Добавьте стиль слоя Обводка (Stroke ) со следующими настройками:
Шаг 2
Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками:
Поздравляю! Мы завершили урок!
Наш кислотный текст готов. Вы можете увидеть итоговый результат на скриншоте ниже. Надеюсь, что вам понравился этот урок.
Не забудьте поделиться с нами своей работой.
Да, кстати, если вы решите изменить текст, то дважды щёлкните по значку смарт-объекта и программа Photoshop откроет новый psb документ. Измените текст, а затем идём Файл - Сохранить (File > Save), чтобы сохранить изменения и Файл - Закрыть (File > Close), чтобы закрыть этот документ. После этого, документ обновится и вы получите новый текст.
Итоговый результат
Вы можете приобрести данный эффект, который является частью набора текстовых стилей и доступен на GraphicRiver.
Автор: Ольга Максимчук (Princypessa). Дата публикации: 06 марта 2020 . Категория: Уроки фотошопа текст.
Сегодня в уроке "Как создать неоновый текст в фотошопе" мы будем создавать неоновый текст.
Эффект неонового текста будет хорошо смотреться на темном фоне.
Неоновый текст можно использовать при создании визиток, логотипов, коллажей и т.п.
Сначала мы откроем изображение со стеной из папки с исходниками. Далее при помощи корректирующего слоя Уровни мы затемним фон. Затем установим шрифт из папки с исходниками и напишем оба слова на отдельных слоях. После этого применим к слоям со словами стили слоя, чтобы придать свечение. В завершение мы добавим к изображению виньетку, чтобы еще больше акцентировать внимание на светящемся тексте.
Открываем в фотошоп (Ctrl+O) изображение «Стена» из папки с исходниками.
В панели слоев щелкаем по «замочку» у фонового слоя, чтобы разблокировать слой для дальнейшего редактирования.
Переименовываем фоновый слой в «Стена». Чтобы переименовать слой, дважды щелкаем по имени слоя в панели слоев, вводим новое имя и нажимаем клавишу Enter.
Переходим в меню Фильтр-Размытие-Размытие по Гауссу и вводим настройки, как на изображении ниже.
Выше слоя «Стена» в панели слоев добавляем корректирующий слой Уровни и вводим следующие настройки.
Устанавливаем шрифт из папки с исходниками. Для этого щелкните ПКМ по файлу шрифта и выберите «Установить». После этого шага шрифт установится одновременно в программу фотошоп и систему.
При помощи инструмента Текст пишем на новом слое слово «Сундучок». Используем настройки, как на рисунке ниже. При необходимости корректируем расположение слоев с помощью инструмента Перемещение.
В панели слоев дважды щелкаем по слою со словом «Фотошоп», чтобы открыть стили слоя.
Результат после применения стилей слоя.
В панели слоев дважды щелкаем по слою со словом «Сундучок», чтобы открыть стили слоя.
Результат после применения стилей слоя.
Активируем инструмент Овальная область. В верхней панели настроек инструмента Овальная область устанавливаем радиус растушевки 150 пикселей и вводим настройки, как на рисунке ниже. Создаем овальное выделение и размещаем его примерно по центру холста. Переходим в меню Выделение-Инверсия. При активном выделении выше всех слоев создаем корректирующий слой Уровни и вводим настройки, как на рисунке ниже. Благодаря созданному ранее выделению к корректирующему слою Уровни автоматически добавится маска, которая частично скроет видимость слоя.
Если в панели слоев кликнуть с зажатой клавишей Alt по маске слоя, можно увидеть маску слоя на весь холст. Чтобы вернуться в обычный режим отображения, снова кликните по маске слоя с зажатой клавишей Alt. Помним, что черный цвет на маске слоя скрывает, а белый – восстанавливает видимость слоя.
Мы с вами ответили на вопрос: "Как создать неоновый текст в фотошопе"!
Читайте также: