7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

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

Read Time: 5 mins

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

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

Сегодня я покажу вам, как создать металлический текст, используя стили слоя в программе Photoshop. Итак, давайте приступим!

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

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

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

Шаг 1

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

Шаг 2

Создайте новый документ в программе Adobe Photoshop, идём Файл – Новый (File > New). Установите следующие настройки: 600 px по ширине (Width) и 500 px. по  высоте (Height). Разрешение (Resolution) должно быть 72 ppi.

new documentnew documentnew document

Шаг 3

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

Background PatternBackground PatternBackground Pattern

Шаг 4

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

Итак, идём Слой – Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay), в меню узоров, выберите зелёную металлическую текстуру (green_metal_pattern). Установите Масштаб (Scale) 50%. Щёлкните по кнопке Привязать к началу координат (Snap to Origin). Каждый раз нажимайте эту кнопку, когда вы будете применять эту текстуру.

Pattern OverlayPattern OverlayPattern Overlay

green metal patterngreen metal patterngreen metal pattern

Шаг 5

Далее, мы добавим световой эффект в центр изображения, идём Слой – Стили слоя- Внутренняя тень (Layer > Layer Style > Inner Shadow). Для данного стиля слоя, установите следующие настройки.

Inner ShadowInner ShadowInner Shadow
Inner ShadowInner ShadowInner Shadow

Шаг 6

Далее, мы добавим отражение. Идём Слой – Стили слоя- Тиснение (Layer Style > Bevel & Emboss). Установите настройки для данного стиля слоя, которые указаны на скриншоте ниже.

Нам нужно создать свой контур, для этого, щёлкните по окошку Контур глянца (Gloss Contour), чтобы установить контур. Обратите внимание на скриншоты ниже, чтобы применить соответствующие значения.

Bevel EmbossBevel EmbossBevel Emboss
Bevel EmbossBevel EmbossBevel Emboss

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

Шаг 1

Напечатайте слово ‘Shine’ или любое другое слово на своё усмотрение, используя шрифт ‘Amaz Obitaem Ostrov Italic’. Установите размер шрифта 180 pt. Для улучшения качества, установите метод Сглаживания (anti-aliasing) на Резкое (Sharp). Назовите этот слой с текстом ‘Shine Top’.

Шаг 2

Дважды продублируйте слой с текстом, назовите дубликаты слоёв ‘Shine Mid’ и ‘Shine Bot’, как показано на скриншоте ниже. Отключите видимость дубликатов слоёв, чтобы вам было удобнее работать, потому что, мы пока не будем использовать эти слои.

Duplicate the text twiceDuplicate the text twiceDuplicate the text twice
Type the word ShineType the word ShineType the word Shine

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

Шаг 1

Находясь на самом верхнем слое ‘Shine Top’, идём Слой – Стиль слоя – Перекрытие узора (Layer > Layer Style > Pattern Overlay). Щёлкните по окошку меню узоров, чтобы выбрать зелёную металлическую текстуру (мы используем ту же самую текстуру, которую мы использовали для создания заднего фона), а также установите Масштаб (Scale) 50%. Не забудьте щёлкнуть по кнопке Привязать к началу координат (Snap to Origin).

Pattern OverlayPattern OverlayPattern Overlay
Pattern OverlayPattern OverlayPattern Overlay

Шаг 2

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

Drop ShadowDrop ShadowDrop Shadow
Drop ShadowDrop ShadowDrop Shadow

Шаг 3

Далее, мы добавим стиль слоя Наложение градиента (Gradient Overlay). Идём Слой – Стиль слоя – Наложение градиента (Layer Style > Gradient Overlay). Примените настройки, которые указаны на скриншоте ниже.

Gradient OverlayGradient OverlayGradient Overlay
Gradient OverlayGradient OverlayGradient Overlay

Шаг 4

Чтобы добавить вид глянца, открываем окно Стилей слоя (Layer Style) и применяем стиль слоя Тиснение (Bevel & Emboss). Примените настройки, которые указаны на скриншоте ниже.

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

Bevel EmbossBevel EmbossBevel Emboss
Bevel EmbossBevel EmbossBevel Emboss

Шаг 5

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

Установите стандартный контур, название контура ‘Cove – Deep’.

SatinSatinSatin
SatinSatinSatin

Шаг 6

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

Установите стандартный контур, название контура ‘Cone’.

Inner GlowInner GlowInner Glow
Inner GlowInner GlowInner Glow

Шаг 7

Далее, мы добавим стиль слоя Обводка (Stroke), чтобы сделать светлее верхние края текста. Идём Слой – Стиль слоя – Обводка (Layer Style > Stroke). Примените следующие настройки, которые указаны на скриншоте ниже.

StrokeStrokeStroke
StrokeStrokeStroke

Шаг 8

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

Установите стандартный контур, название контура ‘Cone’.

Outer GlowOuter GlowOuter Glow
Outer GlowOuter GlowOuter Glow

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

Шаг 1

Далее, мы будем работать со вторым слоем ‘Shine Mid’, поэтому, не забудьте включить видимость данного слоя! Нам нужно добиться перспективы с помощью центральной точки схода. Идём в закладку Символ (Character) и меняем значение Трэкинга (Tracking) на -60, как показано на скриншоте ниже.

Mid Layer - central vanishing pointMid Layer - central vanishing pointMid Layer - central vanishing point

Шаг 2

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

Gradient OverlayGradient OverlayGradient Overlay
Gradient OverlayGradient OverlayGradient Overlay

Шаг 3

Далее, примените стиль слоя Внутренняя тень (Inner Shadow), идём Слой – Стили слоя- Внутренняя тень (Layer > Layer Style > Inner Shadow). Для данного стиля слоя, установите следующие настройки.

Inner ShadowInner ShadowInner Shadow
Inner ShadowInner ShadowInner Shadow

Шаг 4

Далее, мы добавим тени, чтобы отделить текст от заднего фона. Идём в меню Стилей слоя (Layer Style) и применяем следующие стили слоя: Тень (Drop Shadow) и Внешнее свечение (Outer Glow). Примените следующие настройки, которые указаны на скриншоте ниже.

Drop ShadowDrop ShadowDrop Shadow
Drop ShadowDrop ShadowDrop Shadow
Outer GlowOuter GlowOuter Glow
Outer GlowOuter GlowOuter Glow

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

Это заключительный шаг, который придаст особый штрих к эффекту. Перейдите на нижний слой с текстом ‘Shine Bot’ и далее, идём в закладку Символ (character). Установите Масштаб по вертикали (vertically scale) на 115%, а Смещение базовой линии (baseline shift) на -10 pt. Далее, поменяйте цвет, как показано на скриншоте ниже.

Bot LayerBot LayerBot Layer

Youre DoneYoure DoneYoure Done

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

В этом уроке я показал вам, как создать металлический текст, используя всего лишь три слоя для создания центральной точки схода.

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

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.
Scroll to top
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.