Создаём объёмный металлический текст в Фотошоп

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

Скачать архив с материалами к уроку

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

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

Шаг 1

Загрузите текстуру black_background.pat, дважды щёлкнув по исходному файлу.

Шаг 2

Создайте новый документ, идём Файл - Новый (File > New). Установите значение Ширины (Width) на 600 px, а значение Высоты (Height) на 500 px. Разрешение (Resolution) должно быть 72 точек на дюйм (ppi).

Шаг 3

Находясь на слое с задним фоном, продублируйте его, для этого идем Слой - Создать дубликат слоя (Layer > Duplicate Layer) и нажимаем OK. Назовите дубликат слоя Узор Заднего фона (Background Pattern).

Шаг 4

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

Перейдите Слой - Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), выберите текстуру 'black_background.pat' из выпадающего меню, установите Масштаб (Scale) 50%, и нажмите кнопку OK.

Шаг 5

Чтобы добавить эффекты освещения сверху, выберите стиль слоя Тиснение (Bevel & Emboss). Примените настройки для данного стиля слоя, которые указаны на скриншоте ниже:

2.  Создаём текст

Шаг 1

Напишите слово ‘Round’ или любое слово на свой выбор, используя шрифт ‘Stonecross’. Установите Размер Шрифта (Font Size) 132 pt, а также задайте Трэкинг (Tracking) 20 pt. Для улучшения качества, поменяйте метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите данный слой с текстом ‘A01’.

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

Шаг 2

Далее, выберите инструмент Перемещение (Move Tool), выделите слой с текстом и слой с задним фоном, а затем в настройках данного инструмента, выберите следующие опции: Выравнивание центров по горизонтали (Align Horizontal Center) и Выравнивание центров по вертикали (Align Vertical Center), чтобы выровнять текст.

Шаг 3

Продублируйте слой с текстом, назовите дубликат слоя ‘A02’. Расположите слои, как показано на скриншоте ниже. Временно скройте слой ‘A02’, чтобы вам было удобно работать, т.к. мы не будем использовать данный слой до 4 части этого урока.

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

Шаг 1

Загрузите текстуру ‘scratched_metal.pat’.

Шаг 2

Мы будем работать со слоем ‘A01’. Перейдите Слой - Стиль слоя – Перекрытие узора (Layer >Layer Style > Pattern Overlay), щёлкните по окошку Узор (Pattern), чтобы выбрать текстуру ‘scratched_metal.pat’ из выпадающего меню. Мы используем данную текстуру в качестве основы для создания металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, идём Слой – Стиль слоя – Наложение цвета (Layer >Layer Style > Color Overlay). Поменяйте режим наложения на Умножение (Multiply), а также установите следующие значения:

Шаг 4

Далее, к слою с текстом добавьте стиль слоя Тиснение (Bevel & Emboss) и Контур (Contour), как показано на скриншоте ниже.

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

Шаг 5

Далее, идём Слой - Стиль слоя – Глянец (Layer > Layer Style > Satin). Примените следующие значения, чтобы осветлить текст.

Выберите контур ‘Cove – Deep’ из набора контуров.

Шаг 6

Теперь мы улучшим эффект блеска металла, добавив свечение. Идём Слой - Стиль слоя – Внутреннее свечение (Layer > Layer Style > Inner Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 7

Далее, нам нужно добавить тени, чтобы отделить текст от заднего фона. Идём Слой - Стиль слоя – Внешнее свечение (Layer > Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

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

Шаг 1

Теперь мы будем работать со слоем ‘A02’, не забудьте включить видимость данного слоя! Далее, идём Слой – Стиль слоя – Внешнее свечение (Layer >Layer Style > Outer Glow). Установите значения, которые указаны на скриншоте ниже.

Шаг 2

Чтобы улучшить 3D вид, мы подчеркнем светотени на краях. Идём Слой - Стиль слоя - Тиснение (Layer >Layer Style > Bevel & Emboss). Установите значения, которые указаны на скриншоте ниже. Создайте свой контур, используя значения, которые указаны в правой колонке.

Шаг 3

Это очень важный шаг. Мы создадим перспективу с помощью центральной точки схода в перспективе.

Идём в закладку Символ (Character) и меняем Масштаб по горизонтали (Horizontally Scale) на 98%, как показано на скриншоте ниже.

Шаг 4

Чтобы цвета обоих слоёв с текстом соответствовали друг другу, идём Слой - стиль слоя – Наложение цвета (Layer > Layer Style > Color Overlay). Установите значения, которые указаны на скриншоте ниже.

Шаг 5

Далее, выберите стиль слоя Обводка (Stroke). Установите Тип обводки (Fill Type) Градиент (Gradient). Установите значения, которые указаны на скриншоте ниже, чтобы осветлить края.

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

Шаг 6

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

Отличная работа, мы завершили урок!

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

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

Автор: Enrique Elicabe

Источник: design.tutsplus.com