Создаём Хромированный Металлический Текст в программе Photoshop

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

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

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

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

• Шрифт Bebas Neue
• Текстура асфальта
• Салон автобуса
• Набор градиентов (скачав набор градиентов, загрузите файл CHROMES.grd)

1. Создаём Узор

Шаг 1

Откройте исходное изображение с салоном автобуса в программе Photoshop, а затем идём Фильтр – Искажение – Зигзаг (Filter > Distort > ZigZag). В окне настроек данного фильтра, установите Количество (Amount) на 20, Складки (Ridges) на 5, а в качестве Стиля (Style) выберите опцию Круги на воде (Pond Ripple).

Шаг 2

Далее, идём Редактирование – Определить узор (Edit > Define Pattern) и в появившемся окне в строке Имя (Name), напишите Узор Отражение (Reflection Pattern).

2. Создаём Задний фон

Шаг 1

Создайте новый документ в программе Photoshop со следующими размерами 950 x 650 px. Поместите исходное изображение с текстурой асфальта на наш рабочий документ, расположив поверх слоя  с задним фоном. Примените масштабирование при необходимости.

Шаг 2

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

• Режим наложения (Blend Mode): Умножение (Multiply)
• Стиль (Style): Радиальный (Radial)
• Масштаб (Scale): 150%
• Щёлкните по шкале градиента, чтобы установить цвета градиента: #757575 справа и #0f0f0f  слева.

Итак, мы создали простой радиальный градиент.

3. Создаём Текстовые Слои

Шаг 1

Далее, напишите текст заглавными буквами, используя шрифт Bebas Neue Bold, размер шрифта 220 px., а также установите Кернинг (Kerning) на Оптический (Optical).

Шаг 2

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

4. Применяем Стилизацию к Оригинальному слою с Текстом

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

Шаг 1

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

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

Шаг 2

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

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

Шаг 3

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

• Размер (Size): 1
• Положение (Position): Внутри (Inside)
• Тип обводки (Fill Type): Градиент (Gradient)
• Используйте градиент stainless steel xx

Шаг 4

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

• Непрозрачность (Opacity): 35%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): -115
• Смещение (Distance): 3
• Размер (Size): 7

Шаг 5

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

• Режим наложения (Blend Mode): Яркий свет (Vivid Light)
• Непрозрачность (Opacity): 100%
• Цвет: #f4f2e7
• Размах (Choke): 0
• Размер (Size): 3

Шаг 6

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

• Поставьте галочку в окошке Дизеринг (Dither)
• Режим наложения (Blend Mode): Цветность (Color)
• Непрозрачность (Opacity): 90%
• Поставьте галочку в окошке Инверсия (Reverse)
• Используйте градиент stove pipe 70

Шаг 7

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

• Узор (Pattern): Узор Отражение (Reflection Pattern)
• Масштаб (Scale): 50%

Шаг 8

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

• Режим наложения (Blend Mode): Умножение (Multiply)
• Непрозрачность (Opacity): 35%
• Цвет: #404040
• Размер (Size): 21

Шаг 9

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

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

Шаг 10

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

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

Шаг 11

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

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

5. Применяем Стилизацию к Дубликату слоя с Текстом

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

Шаг 1

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

• Режим наложения (Blend Mode): Линейный свет (Linear Light)
• Непрозрачность (Opacity): 20%
• Цвет: #e1e1e1
• Метод (Technique): Точный (Precise)
• Размер (Size): 5
• Контур (Contour): Cove - Deep

Шаг 2

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

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Угол (Angle): 80
• Используйте градиент steel pipe 10

Шаг 3

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

• Режим наложения (Blend Mode): Осветление основы (Color Dodge)
• Непрозрачность (Opacity): 50%
• Цвет: #ececec
• Размер (Size): 21

Итак, мы стилизовали дубликат слоя с текстом и завершаем создание нашего текстового эффекта.

6. Добавляем Корректирующий Слой

Шаг 1

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

Шаг 2

В окне настроек корректирующего слоя карта градиента, поставьте галочку в окошке Дизеринг (Dither), а затем установите цвета градиента: #554b70 слева, #857177 в середине, и #d8a082 справа.

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

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

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

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

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