Создаём в Фотошоп сияющий металлический текст

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

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

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

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

Шаг 1

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

Шаг 2

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

2-7497912

Шаг 3

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

3-7216666

Шаг 4

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

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

4-8595750

Шаг 5

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

6-9871152

Шаг 6

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

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

8-5128222

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

Шаг 1

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

Шаг 2

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

10-6897400

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

Шаг 1

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

12-8890547

Шаг 2

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

14-6967758

Шаг 3

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

16-3006756

Шаг 4

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

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

18-5693591

Шаг 5

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

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

20-6230549

Шаг 6

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

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

22-7914582

Шаг 7

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

24-8098055

Шаг 8

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

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

26-2649226

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

Шаг 1

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

28-5181091

Шаг 2

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

29-3949639

Шаг 3

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

31-8730607

Шаг 4

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

33-5150917

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

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

37-9086129

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

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

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

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

1-1891796

Автор: Enrique Elicabe

f0583468-9551436

photoshop4you