Создаём Светящийся Текст в программе Photoshop. Яркая светящаяся надпись в Photoshop

Для имитации объема текста и подсветки текстового слоя потребуется создать его дубликаты и придать им размытие. Создаем рабочий файл. Создаем текстовый слой. Заливаем фон. Выделяем текстовый слой, удерживая нажатой клавишу Ctrl, нажать по миниатюре слоя. Создать новый слой и модифицировать область выделения.

Задаем в диалоговом окошке пиксели, на которые увеличится область выделения. Залить слой белым цветом.

Получаем такой вид.

Изменяем этому слою режим наложения на «Затухание». Возвращаем видимость текстовому слою.

Создаем новый слой. Текстовый слой перемещаем поверх всех слоев.

В окне слоев выделить два слоя: с границей и пустой. Объединить их.

К полученному слою применить «Радиальное размытие». Сместить вбок и вверх центр лучей.

Сделать дубликат текстового слоя и «Масштабированием» отразить его в зеркальном отображении.

«Наклоном» сместить в бок.

«Масштабированием» сузить слой.

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

Изменить слою режим наложения на «Перекрытие».

Создать новый слой под слоем с размытием. Поставить кистью мазок. Придать «Размытие по Гауссу».

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

В диалоговом окне задать количество пикселей. Залить выделенную область белым цветом.

Придать полученному слою «Радиальное размытие». Сместить лучи от центра в бок.

Добавить к слою слой-маску и скрыть часть лучей.

Дублировать первый слой с лучами, расположить так, чтобы скрыть пустоты. Часть слоя скрыть в маске.

Вверху скрыть часть лучей, обнажая грани букв.

Создать корректирующий слой «Кривые» и слегка затемнить часть изображения. Слой-маску залить черным цветом. Кистью белого цвета проявить часть букв.

РЕЗУЛЬТАТ

Доброго времени суток уважаемые пользователи программы Фотошоп. Хочу представить вашему вниманию очередной урок по работе с текстом в графическом редакторе Adobe Photoshop .

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

Начнём работу с создания фона.

Создаём новый документ. Заходим Файл - Создать.. . или CTRL+N и в открывшемся окне установим такие параметры как на скрине (с размерами документа рекомендую не скупиться).Обратите внимание что в параметре Содержимое фона я установил значение - Цвет фона , попробую объяснить. Для того чтобы создать контраст для текста нам нужен будет черный фон, так вот перед тем как создавать новый документ в панели инструментов установите фоновый цвет черный т.е. созданный новый документ уже будет черного цвета, то что нам нужно:

а основной цвет в панели инструментов устанавливаем #1f1d00 , как показано ниже:

Создаём ещё один слой, нажав сочетание CTRL+SHIFT+N или с помощью иконки внизу панели слоев. Используя большую мягкую кисть, нарисуем большое пятно по центру изображения ярким желтым цветом. Установим Непрозрачность (Opacity) на 55%, это придаст эффект лёгкого свечения фону:

Приступаем к работе над текстом

Шаг 1.

Подбираем себе подходящий шрифт и пишем нужный текст (в уроке используется шрифт Dosis-Extra Bold ). На скрине также указан цвет, которым пишется текст (ну тут уже как в поговорке, сами знаете):

Дальше начинается самое интересное, будем колдовать со Стилями слоя (Layer Style ). Кликаем дважды по текстовому слою, тем самым открывая рабочее окно Стилей слоя (Layer Style) . Начнем по порядку с Тени (Drop Shadow) , настройки которой показаны ниже:

Настройки Тиснение (Bevel and Emboss) устанавливаем примерно как на скрине. Отдельно хочу уделить внимание на изменение контура. В программе Photoshop по умолчанию контуров установлено всего двенадцать штук, так вот для того чтобы расширить разнообразие контуров достаточно проделать вот такую манипуляцию как показано на изображении:

Настраиваем Глянец (Satin ):

И напоследок у нас – Наложение градиента :

Ну вот и всё ! Получили красивый текст, можно вставлять его в свой проект....думаете вы. Но! Вот это вечно не дающее покоя но. Работа ещё не закончена!

Шаг 3.

Сделаем ещё одну такую вещь. Создаём новый слой. Расположим его нужно под слоем с текстом и удерживая клавишу CTRL, кликаем по слою с текстом, тем самым создадим выделение текста:

Далее заходим Выделение - Модификация - Расширить (Select - Modify - Expand) , устанавливаем значение в 8 пикс.(можете попробовать другое значение) и жмём ОК. Теперь, активировав новый слой, зальем выделение вот таким цветом - #f0ebc5 :

Ещё раз переходим в Фильтр - Размытие - Размытие в движении (Filter - Blur - Motion Blur) , только выставляем значение Угол (Angle) не 90, а 0:

Меняем Режим наложения (Blend Mode) слоя на Яркий свет (Vivid Light) :

И применяем последний фильтр, это Фильтр - Размытие - Размытие по Гауссу (Filter - Blur - Gaussian Blur) и выставляем значение примерно в 27 пикселей (опять же в моём примере):

Вот теперь всё! Хотя ваше но потянет может быть ещё дальше.

Желаю успехов!

Всегда для Вас: сайт

У Вас возникло желание показать результаты Ваших трудов? Выложите свои работы на наш форум !

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

Если вам нужно сделать светящийся текст в Фотошопе, то этот урок для вас. Этот урок вам наглядно покажет, как превратить обычную цветную надпись в яркий заголовок, который добавит изюминку в вашу работу.

Начинаем работу. Создайте документ, выставив необходимые вам настройки. Не скупитесь на размер, чтобы при переносе текста в вашу основную работу, не испортилось качество текста. Я взял такие настройки:

Следующий шаг - создание хорошего фона для нашего текста. Чтобы подчеркнуть яркость текста наверняка, мы сыграем на контрасте, сделав фон темным. Заливаем фон чёрным цветом, после чего устанавливаем основной цвет в панели инструментов тёмно-желтым, как показано ниже:

Перед тем, как мы закончим работу над фоном, создайте ещё один слой, зажав CTRL+SHIFT+N . Используя большую мягкую кисть, нарисуйте большое пятно по центру на новом слое. Установите значение Opacity (Непрозрачность) на 55%, это создаст хороший эффект свечения для нашего фона.

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

Используем настройки нашего любимого Layer Style (Стиль слоя), чтобы сделать наш текст ярким. Просто дважды щелкните по текстовому слою, и нужное окно откроется само. Начнем с Drop Shadow (Тень ). Выставляем настройки, как показано ниже:

Перейдем к настройкам Inner Shadow (Внутренняя тень). Выставляем всё так, как ниже (цвет # f0 ebc5 ):

Satin (Глянец). Настройки (цвет #f5ca2d ):

И последнее - градиент. Настройки следующие (градиент от #952e2f к белому):

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

Теперь сделаем ещё одну вещь. Создайте новый слой и назовите его, как хотите, главное - убедитесь, что этот слой будет располагаться за слоем с текстом. Теперь, удерживая CTRL, щелкаем по слою с текстом - таким образом, мы создаем выделение в виде текста:

Жмём Select -> Modify -> Expand (Выделение -> Модификация -> Расширить), устанавливаем значение в 6 пикселей и жмём ОК. Теперь, щёлкнув по новому слою, который мы создали в предыдущем шаге, заливаем выделение цветом #f0ebc5 .

Теперь переходив в Filter -> Blur -> Motion Blur (Фильтр -> Размытие -> Размытие в движении). Настройки, как показано ниже.

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

Исходные материалы

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

• Шрифт Code Bold
• Пейзаж от Jonas De Ro
• Текстура Ржавой Краски от Thierry Hof

Перед тем, как приступить: Загрузите Пресеты

• Откройте исходную текстуру Ржавой краски в Photoshop. Далее идём Редактирование - Определить узор (Edit - Define Pattern), чтобы добавить текстуру в качестве узора в библиотеку узоров.
• Чтобы загрузить Контуры (Contours), идём (Edit > (Presets) > Тип набора Контуры (Contours). Далее, нажмите на маленький значок со стрелкой в верхнем правом углу справа от меню Тип Набора Контуры (Contours) в самой нижней части списка. Когда появится диалоговое окно, нажмите кнопку Добавить (Append).
• Чтобы загрузить Узоры (Patterns), идём Редактирование - (Наборы) - Управление наборами (Edit > (Presets) > Preset Manager) и из выпадающего меню Тип набора (Preset Type), выберите опцию Узоры (Patterns). Далее, нажмите на маленький значок со стрелкой в верхнем правом углу справа от меню Тип Набора (Preset Type) и в выпадающем окне, выберите опцию Узоры (Patterns) в самой нижней части списка. Когда появится диалоговое окно, нажмите кнопку Добавить (Append).

1. Создаём Задний Фон и Текст

Шаг 1

Создайте новый документ 1200 x 1600 px, установите Разрешение (Resolution) на 300 . Установите цвет переднего плана на #35383f , а цвет заднего плана на #1d1e23 . Выберите инструмент Градиент (Gradient Tool), установите тип градиента от Цвета переднего плана к цвету заднего плана (Foreground to Background), градиент Радиальный (Radial) а также поставьте галочку в окошке Дизеринг (Dither), чтобы создать более плавный градиент.

Шаг 2

Откройте исходное изображение с пейзажем в программе Photoshop. Переместите данное изображение на наш рабочий документ, расположив поверх слоя Задний фон (Background). Расположите изображение таким образом. чтобы горы были расположены в нижней части документа. Поменяйте режим наложения для слоя с пейзажем на Умножение (Multiply).

Шаг 3

Далее, идём Изображение - Коррекция - Обесцветить (Image > Adjustments > Desaturate), а затем идём Изображение - Коррекция - Уровни (Image > Adjustments > Levels). Установите значение Гаммы (Gamma) на 1.15 .

Шаг 4

Создайте текст, используя шрифт Code Bold . Тип шрифта и размер шрифта играют решающее значение для этого текстового эффекта, поскольку они определяют параметры кисти, которую мы используем позже в этом уроке. Поэтому, вы должны использовать те же самые значения или должны изменить настройки кисти, чтобы они подошли к типу и размеру шрифта, которые вы используете.

Установите размер шрифта 60pt , цвет шрифта #422915 , значение Трекинга (Tracking) 100 , а также установите Кернинг (Kerning) на Оптический (Optical).

Шаг 5

Продублируйте слой с текстом.

2. Стилизуем Текст

Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующие стили слоя:

Шаг 1 Тиснение (Bevel and Emboss)

• Размер (Size): 1
• Режим подсветки
• Непрозрачность (Opacity): 70%
• Режим тени (Shadow Mode) – Непрозрачность (Opacity): 70%

Шаг 2 Контур (Contour)

• Контур (Contour): Cove - Shallow
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 90%

Шаг 3 Внутренняя тень (Inner Shadow)

• Смещение (Distance): 0
• Размер (Size): 10

Шаг 4

Внутреннее свечение (Inner Glow)

• Режим наложения (Blend Mode: Линейный свет (Linear Light)
• Непрозрачность (Opacity): 100%
• Цвет : #ffeed5
• Метод (Technique): Точный (Precise)
• Источник (Source): Из центра (Center)
• Стягивание (Choke): 25
• Размер (Size): 37

Шаг 5 Наложение узора (Pattern Overlay)

• Режим наложения (Blend Mode): Осветление (Screen)
• Непрозрачность (Opacity): 25%
• Узор (Pattern): Облака (Clouds)

Шаг 6

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

3. Создаём Кисть

Шаг 1

Создайте новый документ 500 х 500 рх. Выберите инструмент Многоугольник (Polygon Tool), установите количество Сторон (Sides) на 7 , а затем создайте чёрный семиугольник 320 x 320 .

Шаг 2

Идём Редактирование - Определить кисть (Edit > Define Brush Preset). Дайте название кисти. Далее, вы можете закрыть документ и вернуться к рабочего документу.

Шаг 3

Выберите инструмент Кисть (Brush Tool), откройте панель Кисть (Brush), для этого идём Окно- Панель (Window > Brush). Выберите кисть, которую вы только что создали, а затем установите следующие настройки кисти, которые указаны на скриншоте ниже:

Шаг 4

Создайте новый слой поверх всех остальных слоёв, назовите этот слой Кисть (Brush). Установите цвет переднего плана на белый. Что вам нужно сделать далее - это выполнить заливку контуров вдоль прямых и диагональных участков текста c помощью настроенной кисти.

Для заливки горизонтальных и вертикальных участков текста, щёлкните в любом месте, где вы хотите начать линию, а затем удерживая клавишу (Shift ), потяните линию до точки остановки линии.

Для заливки диагональных линий, щёлкните один раз там, где вы хотите начать линию, а затем удерживая клавишу (Shift ), щёлкните ещё один раз там, где вы хотите остановить линию.

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

Шаг 5

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

4. Заполняем Остальные Буквы

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

Шаг 1

Для буквы "O ", вы можете просто использовать инструмент Эллипс (Ellipse Tool), установив в панели управления данного инструмент режим на Контуры (Path), чтобы создать рабочий контур по центру буквы.

Шаг 2

Для остальных букв вам понадобится инструмент Перо (Pen Tool), установив в панели управления данного инструмент режим на Контуры (Path) для создания рабочих контуров.

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

Шаг 3

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

Чтобы вы могли разделить рабочие контуры, нажмите и удерживайте клавишу (Ctrl ), а затем щёлкните один раз за пределами контура, когда он будет готов. Таким образом, мы отделим рабочий контур, который мы создали от контура, который мы собираемся создать далее.

Шаг 4

После создания всех рабочих контуров, выберите инструмент Стрелка (Direct Selection Tool), чтобы приступить к редактированию контуров.

Вы можете сдвигать опорные точки, чтобы переместить их или щёлкнуть по Направляющим точкам (Direction Points) на конца двух Направляющих Рычагов (Direction Handles), чтобы сместить их и изменить направление кривой или потянуть их наружу или внутрь, чтобы сделать кривую более или менее выпуклой.

При необходимости, вы также можете использовать инструменты Добавить или Удалить опорную точку (Add/Delete Anchor Point Tool(s).

Шаг 5

Когда вас устроит результат, как выглядят контуры, ещё раз выберите инструмент Кисть (Brush Tool), убедитесь, чтобы слой Кисть (Brush) был активным, а затем нажмите клавишу (Enter ), чтобы выполнить обводку рабочих контуров.

Вы можете удалить рабочий контур, путём выделения инструментом Стрелка (Direct Selection Tool) и последующим нажатием клавиши (Enter ).

Шаг 6

После завершения редактирования обводки, уменьшите значение Заливки (Fill) для слоя Кисть (Brush) до 0 , а затем продублируйте этот слой.

5. Стилизуем Лампочки

Шаг 1 Тиснение (Bevel and Emboss)

Дважды щёлкните по слою Кисть

• Метод
• Размер (Size): 3
• Контур глянца (Gloss Contour): Cone - Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки
• Режим тени

Шаг 2 Контур (Contour)

• Контур (Contour): Cone - Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3 Внутренняя тень (Inner Shadow)

• Режим наложения
• Цвет : #ffe1a5
• Смещение (Distance): 0
• Размер (Size): 3

Шаг 4 Внутреннее свечение (Inner Glow)

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Цвет : #fffffd
• Источник (Source): Из центра (Center)
• Размер (Size): 7

Шаг 5 Внешнее свечение (Outer Glow)

• Режим наложения (Blend Mode): Жёсткий свет (Hard Light)
• Непрозрачность (Opacity): 100%
• Цвет : #ffeac7
• Размер (Size): 1

Шаг 6

Итак, мы стилизовали светящуюся часть лампочек (семиугольников).

Шаг 7 Тиснение (Bevel and Emboss)

Дважды щёлкните по дубликату слоя Кисть (Brush), чтобы применить следующие стили слоя:

• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 105
• Высота (Altitude): 48
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
• Непрозрачность (Opacity): 100%
• Режим тени (Shadow Mode): Непрозрачность (Opacity): 0%

Шаг 8 Контур (Contour)

• Контур (Contour): Cone - Inverted
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 9

Итак, мы создали стекло для лампочек.

6. Создаём Отражающие Блики

Шаг 1

Выберите инструмент Кисть (Brush Tool), а затем откройте окно Набора кистей (Brush Preset). Щёлкните по значку выпадающего меню в верхнем правом углу. Выберите опцию Квадратные кисти (Square Brushes) и в появившемся окне, нажмите кнопку Добавить (Append), чтобы добавить эти кисти к существующим кистям.

Шаг 2

Выберите квадратную кисть 3px , а также установите настройки кисти в панели Кисть (Brush), как показано на скриншоте ниже. Возможно это будет сложно, так как нам нужно применить квадратную кисть в центре каждого семиугольника. Поэтому, необходимо отрегулировать значение Интервала (Spacing), пока вы не добьётесь нужного результата.

В этом уроке бы использован интервал 700 . Но вы конечно можете попробовать применить другие значения, если данное значение не сработает у вас.

Шаг 3

Создайте новый слой поверх всех слоёв, установите цвет переднего плана на ярко-красный цвет. После этого, повторите те же самые шаги, которые мы применили к семиугольникам для заливки текста с помощью квадратной кисти.

Не забудьте, что кисть нужно вести точно по центру семиугольников.Примечание переводчика: автор добавляет квадратики на вертикальные и горизонтальные участки букв, для кривых участков, автор использует технику обводки контуров.

Шаг 4

Чтобы вернуть рабочий контур, а затем выполнить обводку рабочих контуров вдоль букв, откройте панель Контуры (Paths), для этого идём Окно - Контуры (Window > Paths), а затем выберите вкладку Рабочий контур (Work Path).

Шаг 5

Возвращаемся в панель Слои (Layers), чтобы выполнить обводку рабочего контура. Добавьте квадратики на остальные буквы текста, повторяя ранее проведённую процедуру.

Шаг 6

Когда вы завершите добавлять квадратики, установите цвет переднего плана на #fff5e9 , выберите инструмент Заливка (Paint Bucket Tool), уберите галочку в окошке Смежные пиксели (Contiguous). Наведите курсор на один из квадратиков, а затем щёлкните, чтобы залить их цветом переднего плана.

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

Если вы хотите получить более точный результат, вы можете применить стиль слоя Наложение цвета (Color Overlay), используя тот же самый цвет #fff5e9, а затем растрируйте слой.

7. Создаём Световые Блики

Шаг 1

Переместите слой с квадратиками вниз, расположив ниже слоя Кисть (Brush), назовите его 0 . Трижды продублируйте этот слой, назовите дубликаты слоёв: 90 , 45 и -45 . Названия слоёв представляют значения, которые были использованы для параметра Угол (Angle) фильтра Размытие в движении (Motion Blur) для каждого слоя.

Шаг 2

Перейдите на слой 0 , а затем идём Фильтр - Размытие- Размытие по Гауссу (Filter > Blur > Motion Blur). Установите Угол (Angle) на 0 , а Смещение (Distance) на 30 .

Шаг 3

Проделайте то же самое с остальными слоями, только не забудьте использовать значение Угла (Angle) в соответствии с названием слоя.

Шаг 4

Выберите инструмент Палец (Smudge Tool), установите мягкую круглую кисть, размер кисти 5px , а также установите Интенсивность (Strength) на 100 . Пройдитесь кистью по линиям, чтобы заполнить пустые углы.

Шаг 5

Удерживая клавишу (Ctrl с текстом, чтобы загрузить активное выделение.

Шаг 6

Идём Выделение - Модификация - Сжать (Select > Modify > Contract). Установите сжатие на 1 . Таким образом, мы проведём сжатие выделенной области на 1рх .

Шаг 7

Шаг 8

Продублируйте слой Свет (Light), а затем поменяйте режим наложения на Перекрытие (Overlay). Далее, продублируйте дубликат слоя.

Шаг 9

Таким образом, мы усилим отражение света.

8. Создаём Металлические Стержни

Шаг 1

Установите цвет переднего плана на #151414 , выберите инструмент Прямоугольник (Rectangle Tool), создайте прямоугольники 11рх высотой за текстом. За каждой строчкой текста должно быть два прямоугольника. Один ближе к верху, а второй ближе к низу. Стержни по длине должны уходить за пределы текста слева и справа.

Не забудьте в панели управления инструмента. выбрать режим Объединить фигуры (Combine Shapes), чтобы создать все прямоугольники на одном слое.

Шаг 2

Переименуйте слой с прямоугольниками в Горизонтальные (Horizontal), не забудьте расположить данный слой ниже слоя с текстом, далее, создайте новый слой ниже предыдущего слоя, назовите этот слой Вертикальные (Vertical).

Шаг 3

Создайте два вертикальных прямоугольника 15px шириной, почти на концах горизонтальных прямоугольников, не забудьте протянуть их вниз до нижней части документа.

Шаг 4

Создайте ещё один новый слой между слоями Горизонтальный (Horizontal) и Вертикальный (Vertical), назовите этот слой Центральный (Center), а затем добавьте ещё два новых прямоугольника шириной 11pх в середине горизонтальных прямоугольников.

9. Стилизуем Металлические Стержни

Шаг 1 Тиснение (Bevel and Emboss)

Дважды щёлкните по слою Горизонтальные (Horizontal), чтобы применить следующие стили слоя:

• Метод (Technique): Жёсткая огранка (Chisel Hard)
• Размер (Size): 1
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим тени (Highlight Mode): Жёсткий свет (Hard Light)

Шаг 2 Контур (Contour)

• Контур (Contour): Cove - Shallow
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3 Глянец (Satin)

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Цвет : #e1c543
• Контур (Contour): Rounded Steps

Шаг 4 Наложение градиента (Gradient Overlay)

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Непрозрачность (Opacity): 60
• Стиль (Style): Радиальный (Radial)
• Масштаб (Scale): 150%
• Используйте градиент от Прозрачного до чёрной заливки (чёрный цвет слева и справа градиента)

Шаг 5 Наложение узора (Pattern Overlay)

• Режим наложения
• Непрозрачность (Opacity): 100%
• Узор

Шаг 6

Итак, мы стилизовали горизонтальные стержни.

Шаг 7 Тиснение (Bevel and Emboss)

Дважды щёлкните по слою Вертикальные (Vertical), чтобы применить следующие стили слоя:

• Метод (Technique): Жёсткая огранка (Chisel Hard)
• Размер (Size): 1
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Перекрытие (Overlay)

Шаг 8 Контур (Contour)

• Контур (Contour): Cove - Shallow
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 9 Наложение узора (Pattern Overlay)

• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Непрозрачность (Opacity): 100%
• Узор (Pattern): Текстура Ржавой краски

Шаг 10

Вертикальные (Vertical) и в появившемся окне, выберите опцию Скопировать стиль слоя (Copy Layer Style).

Шаг 11

Щёлкните правой кнопкой по слою Центральный (Center) и в появившемся окне, выберите опцию Вклеить стиль слоя (Paste Layer Style).

10. Добавляем Тени

Шаг 1

Удерживая клавишу (Ctrl ), щёлкните по миниатюре слоя Центральный (Center), чтобы загрузить активное выделение, а затем удерживая клавиши (Ctrl+Shift ), щёлкните по миниатюре слоя Вертикальный (Vertical), чтобы добавить к выделенной области.

Шаг 2

Создайте новый слой поверх слоя Центральный (Center), назовите этот слой Тень (Shadow), поменяйте режим наложения для данного слоя на Умножение (Multiply). Установите цвет переднего плана на #959595 , выберите инструмент Кисть 100 - 125 px .

Щёлкните кистью один раз, чтобы добавить тень в местах, где пересекаются горизонтальные и вертикальные стержни. Когда закончите, идём (Select > Deselect).

Шаг 3

Дважды щёлкните по оригинальному слою с текстом. чтобы добавить стиль слоя Тень (Drop Shadow) со следующими настройками:

• Непрозрачность (Opacity): 100%
• Смещение (Distance): 0
• Размах (Spread): 20
• Размер (Size): 30

Шаг 4

Идём Слой- Стиль слоя - Образовать слой (Layer > Layer Style > Create Layer). Таким образом, мы поместили стиль слоя тень на отдельный слой. Удалите оригинальный слой с текстом.

Шаг 5

Удерживая клавишу (Ctrl ), щёлкните по миниатюре слоя Горизонтальные (Horizontal), чтобы загрузить активное выделение, убедитесь, что вы находитесь на слое с тенью, а затем идём Выделение - Инверсия (Select > Inverse), далее, нажмите клавишу (Delete ), чтобы скрыть тень за пределами горизонтальных стержней.

Шаг 6

Идём Выделение - Отменить выделение (Select > Deselect). Переименуйте слой с тенью в Тень текста (Text Shadow).

11. Добавляем Эффект Освещения

Шаг 1

Создайте новый слой ниже слоя Тень текста (Text Shadow), назовите этот слой Свет текста (Text Light). Поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%. Установите цвет переднего плана на #c0b99d .

Шаг 2

Выберите инструмент Кисть (Brush Tool), установите мягкую круглую кисть, размер кисти 250 px . Добавьте эффекты освещение за текстом.

Шаг 3

Поменяйте цвет переднего плана на #c9b47d , установите размер кисти на самое большое значение (1800 ). Создайте новый слой поверх всех остальных слоёв, назовите этот слой Наложение света (Light Overlay). Поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 70% .

Шаг 4

В нижней части панели слоёв, нажмите значок (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Карта градиента (Gradient Map).

Шаг 5

Поменяйте режим наложения для корректирующего слоя на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 20% .

Шаг 6

Чтобы создать градиент, используйте следующие цвета градиента и их позиции:

• #c6baac - 0
• #ffc960 - 50
• #ffe64b - 88

Шаг 7

Ещё раз нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) в нижней части панели слоёв в появившемся меню, выберите опцию Градиент (Gradient).

Шаг 8

Используйте градиент от Прозрачного к Цвету чёрной заливки (Transparent to Black), белый цвет слева и справа градиента, а также установите Стиль (Style) градиента на Радиальный (Radial), поставьте галочку в окошке Дизеринг (Dither).

Расположите этот корректирующий слой ниже слоя с текстом, а затем поменяйте режим наложения Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 25% .

Поздравляю! Мы завершили урок!

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

В этом очень коротком уроке я покажу вам простой способ создания текста, навеянный сериалом «Очень Странные Дела», используя только стили слоя, включая простую коррекцию.

Данный эффект текста был вдохновлен другими текстовыми эффектами, которые доступны на сайте Envato Market .

ОК. Давайте приступим!

Итоговый результат:

Примечание переводчика: В архиве присутствует набор градиентов. Для выполнения урока вам понадобится загрузить файл CHROMES. grd.

1. Создаём задний фон и текст

Шаг 1

Создайте новый документ со следующими размерами 1280 x 720 px. Залейте задний фон цветовым оттенком #0c0101.

Шаг 2

Добавьте текст, цвет шрифта белый, шрифт Indira K.

Оригинальный шрифт, который использовался в сериале - Benguiat (https://www.myfonts.com/fonts/itc/benguiat/). Это альтернативный вариант, который вы тоже можете использовать.

Установите размер (Size) шрифта примерно 141 pt, а также выберите начертание Псевдополужирное (Faux Bold) и Все прописные (All Capsicons) в панели настроек Символ (Character). Чтобы попасть в панель настроек, идём Окно - Символ (Window > Character).

Шаг 3

Установите значение Трекинга (Tracking) на -100.

Шаг 4

Поменяйте Масштаб по вертикали (Vertical Scale) на 115. Это поможет растянуть текст по вертикали.

2. Меняем дизайн букв

Шаг 1

Выделите первую букву в тексте, а затем поменяйте её размер примерно на 212 pt.

Шаг 2

Чтобы сместить базовую линию, вы можете либо ввести цифровое значение, либо, зажав левой кнопкой мыши значок Смещение базовой линии (Baseline Shift), потянуть влево.

Примечание переводчика: при смещении буквы, не забудьте выделить смещаемую букву.

Шаг 3

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

3. Корректируем Кернинг

Шаг 1

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

Шаг 2

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

Шаг 3

Теперь уменьшите значение Заливки (Fill) для слоя с текстом до 0.

4. Применяем стилизацию к слою с текстом

Дважды щёлкните по слою с текстом, чтобы применить следующие стили слоя:

Шаг 1

Выберите стиль слоя Тиснение

• Стиль (Style): Обводящее тиснение (Stroke Emboss)
• Глубина (Depth): 220
• Размер (Size): 3
• Уберите галочку в окошке Глобальное освещение (Global Light)
• Угол (Angle): 156
• Высота (Altitude): 37
• Контур глянца (Gloss Contour): Перевёрнутый конус (Cone - Inverted)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode) - Непрозрачность (Opacity): 35%
• Режим тени (Shadow Mode) - Непрозрачность (Opacity): 50%

Шаг 2

Контур (Contour). Установите следующие настройки для данного стиля слоя:

• Контур (Contour): Глубокая выемка (Cove - Deep)
• Поставьте галочку в окошке Сглаживание (Anti-aliased)

Шаг 3

Выберите следующий стиль слоя Обводка

• Размер (Size): 3
• Положение (Position): Внутри (Inside)
• Цвет : #ce1725

Шаг 4

Выберите следующий стиль слоя Внутреннее свечение

• Непрозрачность (Opacity): 50%
• Шум (Noise): 5%
• Цвет : #ea0f0f
• Размер (Size): 17

Шаг 5

Выберите следующий стиль слоя Внешнее свечение

• Непрозрачность (Opacity): 50%
• Шум (Noise): 5%
• Цвет : #ea2314
• Размер (Size): 12
• Диапазон (Range): 60%

Шаг 6

Итак, мы применили стилизацию к тексту. Теперь щёлкните правой кнопкой мыши по стилям слоя текста и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).

5. Создаём прямоугольные фигуры

Шаг 1

Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool) в панели управления данного инструмента, установите Радиус (Radius) на 2. Щёлкните / удерживайте кнопку мыши, а затем потяните, чтобы создать прямоугольник над текстом, расстояние между текстом и прямоугольной линией должно быть примерно 7 px.

Примечание переводчика: при создании прямоугольника, удерживайте клавишу (shift).

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

Примечание переводчика: не забудьте преобразовать слои с фигурами в смарт-объекты, для этого, щёлкните правой кнопкой мыши по слою с фигурой прямоугольника и в появившемся окне выберите опцию Преобразовать в смарт-объект (Convert to smart- object).

Шаг 2

Теперь уменьшите значение Заливки (Fill) для слоя с прямоугольниками до 0.

6. Применяем стилизацию к прямоугольным фигурам

Щёлкните правой кнопкой мыши по любому слою с прямоугольником и в появившемся окне выберите опцию Вклеить стиль слоя (Paste Layer Style). Таким образом, мы применим тот же самый стиль слоя, который мы скопировали у слоя с текстом.

После этого, дважды щёлкните по стилизованному слою с прямоугольником для изменения некоторых настроек:

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля слоя:

• Размер (Size): 2

Шаг 2

Выберите следующий стиль слоя Обводка (Stroke). Установите следующие настройки для данного стиля слоя:

• Размер (Size): 2
• Положение (Position): Снаружи (Outside)

Шаг 3

Выберите следующий стиль слоя Внутреннее свечение (Inner Glow). Установите следующие настройки для данного стиля слоя:

• Размер (Size): 5

Шаг 4

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

• Размер (Size): 17

Шаг 5

Теперь щёлкните правой кнопкой мыши по стилизованному слою с прямоугольником и в появившемся меню выберите опцию Скопировать стиль слоя (Copy Layer Style).

Шаг 6

Выделите остальные слои с прямоугольниками, которые у вас есть, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся меню выберите опцию Вклеить стиль слоя (Paste Layer Style).

Шаг 7

Сгруппируйте слой с текстом, включая слои с прямоугольниками в одну группу. Назовите эту группу Текстовый эффект (Text Effect).

7. Применяем стилизацию к группе

Дважды щёлкните по слою с группой, чтобы применить следующие стили слоя:

Шаг 1

Выберите стиль слоя Наложение градиента

• Поставьте галочку в окошке Дизеринг (Dither)
• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 135
• Установите цвета градиента # fbe7c2 слева и #e69f99 справа

Шаг 2

Добавьте ещё раз стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя:

• Поставьте галочку в окошке Дизеринг (Dither)
• Режим наложения (Blend Mode): Перекрытие (Overlay)
• Стиль (Style): Зеркальный (Reflected)
• Угол (Angle): 135
• Используйте градиент faucet 10

Шаг 3

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

• Непрозрачность (Opacity): 20%
• Цвет : #de1b22
• Размер (Size): 34
• Диапазон (Range): 60%

Таким образом, мы усилили эффект.

8. Добавляем световые блики

Шаг 1

Установите цвет переднего плана на #451d08, а затем создайте новый слой поверх всех остальных слоёв, назовите этот слой Свет (Light), а также поменяйте режим наложения на Осветление основы (Color Dodge).

Шаг 2

Выберите инструмент Кисть (Brush Tool), установите большую мягкую круглую кисть. Далее, щёлкните несколько раз по различным буквам, чтобы добавить световые блики.

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

Шаг 3

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся меню выберите опцию Цветовой тон / Насыщенность (Hue/Saturation).

Шаг 4

Установите значение Насыщенности (Saturation) на 35, а значение Яркости (Lightness) на 15, или установите другие настройки, которые вам нравятся.

9. Проводим цветовую коррекцию

Шаг 1

Добавьте корректирующий слой Градиент (Gradient) поверх слоя с группой Текстовый эффект (Text Effect).

Установите цвета градиента #5c456e справа, #b26b73 в центре, и #fda982 слева. Поменяйте Стиль (Style) на Зеркальный (Reflected), Угол (Angle) на 155, а Масштаб (Scale) на 55%.

Шаг 2

Поменяйте режим наложения для корректирующего слоя Градиент (Gradient) на Цветность (Color), а также уменьшите значение Непрозрачности (Opacity) слоя до 35%.

Поздравляю! Мы завершили урок!

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

После этого, мы сгруппировали все слои и добавили ещё один стиль слоя. В заключение, мы добавили световые блики, а также корректирующий слой Градиент (gradient) для коррекции цвета заключительного результата.

Не стесняйтесь оставлять свои комментарии и предложения, а также свои работы.