в

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

Final product image
What You’ll Be Creating

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

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

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

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

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

Шаг 1

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

Duplicate the Background Layer

Шаг 2

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

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

Шаг 3

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

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

Add the Background Texture

Шаг 4

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

HueSaturation

Шаг 5

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

HueSaturation Settings

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

Шаг 1

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

Create the Text

Шаг 2

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

Duplicate the Text Layer

Шаг 3

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

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

Define the Glitter Pattern

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Create the Gradient Fill

Шаг 5

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

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

Шаг 6

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

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

Шаг 7

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

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

Шаг 8

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

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

Шаг 9

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

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

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

Styled Text Layer 1

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

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

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

Шаг 4

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

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

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

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

Шаг 5

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

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

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

Styled Text Layer 2

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

Шаг 1

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

Intensify the Effect

Шаг 2

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

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

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

Gradient Map Adjustment Layer

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

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

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

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

Final Result

Автор: Rose

Аватар
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
jekshen

Экшен — Cloud

sozdajom metallicheskii tekst v srednevekovom stile

Создаём металлический текст в средневековом стиле