1. Design & Illustration
  2. Add-Ons
  3. Layer Styles

Создаём Текст из Золотистого Блеска в программе Adobe Photoshop

Scroll to top
Read Time: 5 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

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

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

1. Создаём Задний Фон

Шаг 1

Создайте новый рабочий документ в программе Photoshop со следующими размерами 850 x 600px. Продублируйте слой с Задним фоном (Background).

Duplicate the Background LayerDuplicate the Background LayerDuplicate the Background Layer

Шаг 2

Дважды щёлкните по дубликату слоя Задний фон (Background copy), чтобы применить стиль слоя Наложение градиента (Gradient Overlay). Установите следующие настройки для данного стиля слоя, которые указаны на скриншоте ниже:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%
  • Щёлкните по шкале Градиента (Gradient), чтобы установить следующие цвета градиента: #3d3d3d слева и #151515 справа.
Gradient OverlayGradient OverlayGradient Overlay

Шаг 3

Откройте исходную гранжевую текстуру в программе Photoshop. Переместите данную текстуру на наш рабочий документ, расположив поверх дубликата слоя Задний фон (Background), а затем идём Редактирование - Трансформация - Поворот на 90° против часов стрелки (Edit > Transform > Rotate 90° Counter Clockwise). Примените масштабирование при необходимости.

После этого, назовите слой с гранжевой текстурой Текстура Заднего фона (BG Texture), а затем поменяйте режим наложения для данного слоя с текстурой на Перекрытие (Overlay), уменьшите Непрозрачность (Opacity) слоя до 75%.

Add the Background TextureAdd the Background TextureAdd the Background Texture

Шаг 4

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

HueSaturationHueSaturationHueSaturation

Шаг 5

Установите значение Цветового тона (Hue) на 155, значение Насыщенности (Saturation) на -50, а значение Яркости (Lightness) на -9.

HueSaturation SettingsHueSaturation SettingsHueSaturation Settings

2. Создаём Текст и Блестящий Узор

Шаг 1

Создайте текст со всеми заглавными буквами, используя шрифт RockoUltraFLF, а также установите Размер (Size) шрифта на 200 pt.

Create the TextCreate the TextCreate the Text

Шаг 2

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

Duplicate the Text LayerDuplicate the Text LayerDuplicate the Text Layer

Шаг 3

Далее, откройте любое изображение из набора с блестящими узорами, которое вам нравится в программе Photoshop, а затем идём Редактирование - Определить узор (Edit > Define Pattern). Нажмите кнопку 'OK'.

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

Define the Glitter PatternDefine the Glitter PatternDefine the Glitter Pattern

3. Стилизуем Оригинальный слой с Текстом

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

Шаг 1

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

  • Размер (Size): 9
  • Смягчение (Soften): 8
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

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

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

Шаг 3

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

  • Размер (Size): 1
  • Положение (Position): Внутри (Inside)
  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Щёлкните по шкале градиента, чтобы установить цвета градиента.
StrokeStrokeStroke

Шаг 4

Чтобы создать градиент, вам необходимо щёлкнуть по шкале градиента, чтобы добавить Контрольные точки цвета (Color Stops), а когда вы щёлкните по каждой контрольной точке, то вы можете поменять её Цвет (Color) и Позицию (Location). Ниже представлены контрольные точки цвета, которые использовались для создания градиента, слева направо.

Цвет - Позиция (Color - Location)

  • #272727 - 0%
  • #4f3662 - 32%
  • #8163a6 - 67%
  • #ebdffe - 100%

Как только вы установите цвета градиента, нажмите кнопку Новый (New), чтобы добавить созданный градиент в свой стандартный набор градиентов.

Create the Gradient FillCreate the Gradient FillCreate the Gradient Fill

Шаг 5

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

  • Непрозрачность (Opacity): 35%
  • Смещение (Distance): 0
  • Размер (Size): 27
Inner ShadowInner ShadowInner Shadow

Шаг 6

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

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Цвет#999891
  • Метод (Technique): Точный (Precise)
  • Размер (Size): 90
  • Контур (Contour): Rolling Slope - Descending
Inner GlowInner GlowInner Glow

Шаг 7

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

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Цвет#0d3537
  • Непрозрачность (Opacity): 50%
  • Угол (Angle): 90
  • Смещение (Distance): 50
  • Размер (Size): 60
  • Контур (Contour): Linear
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Поставьте галочку в окошке Инвертировать (Invert).
SatinSatinSatin

Шаг 8

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

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Масштаб (Scale): 150%
  • Используйте тот же самые градиент, который мы использовали для стиля слоя Обводка (Stroke).
Gradient OverlayGradient OverlayGradient Overlay

Шаг 9

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

  • Цвет#a3a3a3
  • Непрозрачность (Opacity): 80%
  • Уберите галочку в окошке Глобальное освещение (Global Light)
  • Угол (Angle): 132
  • Смещение (Distance): 17
  • Размер (Size): 35
Drop ShadowDrop ShadowDrop Shadow

Итак, мы стилизовали первый слой с текстом.

Styled Text Layer 1Styled Text Layer 1Styled Text Layer 1

4. Стилизуем Дубликат слоя с Текстом

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

Шаг 1

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

  • Размер (Size): 9
  • Смягчение (Soften): 8
  • Контур глянца (Gloss Contour): Ring
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)
Bevel and EmbossBevel and EmbossBevel and Emboss

Шаг 2

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

  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
ContourContourContour

Шаг 3

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

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Шум (Noise):30%
  • Цвет#999891
  • Метод (Technique): Точный (Precise)
  • Размер (Size): 90
  • Контур (Contour): Ring - Double
Inner GlowInner GlowInner Glow

Шаг 4

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

  • Поставьте галочку в окошке Дизеринг (Dither).
  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Непрозрачность (Opacity): 20%
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента. чтобы установить цвета градиента, которые указаны ниже:

Цвет - Позиция (Color - Location)

  • #272727 - 0%
  • #575653 - 32%
  • #a09d93 - 66%
  • #fef7df - 100%
Gradient OverlayGradient OverlayGradient Overlay

Шаг 5

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

  • Режим наложения (Blend Mode): Светлее (Lighter Color)
  • Узор (Pattern): glitter-yellow.jpg
  • Масштаб (Scale): 50%
Pattern OverlayPattern OverlayPattern Overlay

Итак, мы стилизовали второй слой с текстом, а также добавили блестящий эффект.

Styled Text Layer 2Styled Text Layer 2Styled Text Layer 2

5. Проводим Коррекцию Заключительного Результата

Шаг 1

Чтобы усилить эффект, продублируйте дубликат слоя с текстом, а затем уменьшите значение Непрозрачности (Opacity) для второго дубликата слоя с текстом примерно до 60%.

Intensify the EffectIntensify the EffectIntensify the Effect

Шаг 2

В заключение, добавьте корректирующий слой Карта градиента (Gradient Map) поверх всех остальных слоёв.

Установите следующие цвета градиента: #566d7c слева,#9a9c8a в центре, и #fddea2 справа.

Далее, поменяйте режим наложения для данного корректирующего слоя на Линейный свет (Linear Light), а также уменьшите значение Непрозрачности (Opacity) слоя до 15%.

Gradient Map Adjustment LayerGradient Map Adjustment LayerGradient Map Adjustment Layer

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

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

В заключение, мы усилили эффект и добавили корректирующий слой в качестве завершающего штриха.

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

Final ResultFinal ResultFinal Result
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads