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

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

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

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

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

• Шрифт RockoUltraFLF
• Гранжевая текстура
• Блестящие узоры

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

Шаг 1

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Шаг 5

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

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

Шаг 6

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

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

Шаг 7

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

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

Шаг 8

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

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

Шаг 9

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

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Шаг 5

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

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

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

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

Шаг 1

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

Шаг 2

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

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

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

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

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

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

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