1. Design & Illustration
  2. Add-Ons
  3. Overlays & Textures

Создаём Бронзовый Текст в программе Photoshop

Scroll to top
Read Time: 4 min

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

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

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

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

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

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

Шаг 1

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

Шаг 2

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

Create a new documentCreate a new documentCreate a new document

Шаг 3

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

Rename the new layer as Background PatternRename the new layer as Background PatternRename the new layer as Background Pattern

Шаг 4

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

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

Add the textureAdd the textureAdd the texture
black_backgroundpatblack_backgroundpatblack_backgroundpat

Шаг 5

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

Top lighting effectTop lighting effectTop lighting effect

black_backgroundpat with top lighting effectblack_backgroundpat with top lighting effectblack_backgroundpat with top lighting effect

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

Шаг 1

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

The text - Layer A01The text - Layer A01The text - Layer A01

Шаг 2

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

Шаг 3

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

Duplicate the text - Layer A02Duplicate the text - Layer A02Duplicate the text - Layer A02

The text layer over the backgroundThe text layer over the backgroundThe text layer over the background

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

Шаг 1

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

Шаг 2

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

Pattern Overlay scratched_metalpat on our textPattern Overlay scratched_metalpat on our textPattern Overlay scratched_metalpat on our text
scratched_metalpat on our textscratched_metalpat on our textscratched_metalpat on our text

Шаг 3

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

Bronze colorBronze colorBronze color

Bronze color on our textBronze color on our textBronze color on our text

Шаг 4

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

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

First custom curveFirst custom curveFirst custom curve
Second custom curveSecond custom curveSecond custom curve

Our text are now beveledOur text are now beveledOur text are now beveled

Шаг 5

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

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

Brighten up the text with SatinBrighten up the text with SatinBrighten up the text with Satin

Our beveled text brighten upOur beveled text brighten upOur beveled text brighten up

Шаг 6

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

Shiny metal effect by adding glowShiny metal effect by adding glowShiny metal effect by adding glow
Our text with a glow final touchOur text with a glow final touchOur text with a glow final touch

Шаг 7

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

Getting more contrast to the backgroundGetting more contrast to the backgroundGetting more contrast to the background
Just a little more contrastJust a little more contrastJust a little more contrast

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

Шаг 1

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

Outer Glow as a strong strokeOuter Glow as a strong strokeOuter Glow as a strong stroke

This is a preliminar stepThis is a preliminar stepThis is a preliminar step

Шаг 2

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

Lights and shadows to the new stronger strokeLights and shadows to the new stronger strokeLights and shadows to the new stronger stroke
Now this is 3DNow this is 3DNow this is 3D

Шаг 3

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

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

The central vanishing point in few clicksThe central vanishing point in few clicksThe central vanishing point in few clicks

Шаг 4

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

Match the colorMatch the colorMatch the color
Our duty are close to the endOur duty are close to the endOur duty are close to the end

Шаг 5

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

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

Brighten up the edgesBrighten up the edgesBrighten up the edges

A little big changeA little big changeA little big change

Шаг 6

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

The last shadowThe last shadowThe last shadow
Final Bronze Beveled Text EffectFinal Bronze Beveled Text EffectFinal Bronze Beveled Text Effect

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

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

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

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