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

Исходники

Для выполнения этого урока вам понадобятся следующие файлы:

• Фон черного кирпича
• Шрифт Cardinal
• Узор Dirty Metal

1. Создаем фон

Мы используем фон из черного кирпича. Создайте новый документ размером 850 x 600 px. Затем выберите в меню Menu > File > Open/Меню>Файл>Открыть и откройте файл black-brick-background.jpg.

2. Текстовый эффект

Это эффект создается в одном слое при помощи стилей, поэтому позже вы сможете сохранить его как отдельный стиль, который можно использовать повторно.

Шаг 1

Инструментом Type/Текст введите ваш текст, используя шрифт Cardinal. Укажите размер шрифта в 354 pt. В нашем примере мы будем работать со словом Kalio.

Шаг 2

В палитре Layers/Слои кликните правой кнопкой по слою с текстом и выберите Blending Options/Парметры наложения. Таким образом вы откроете стили слоя. Укажите тексту следующие стили слоя с соответствующими параметрами.

Pattern Overlay/Перекрытие узора:

• Выберите узор Dark Metal

Шаг 3

Bevel & Emboss/Тиснение

Шаг 4

По прежнему остаемся в стиле Bevel & Emboss/тиснение. Нам нужно создать свой Gloss Contour/Контур блеска. Повторите кривую как на картинке ниже. Если вы хотите повторить контур один в один, вот расположение точек:

• Точка 1 - Input: 0% Output: 0%
• Точка 2 - Input: 18% Output: 42%
• Точка 3 - Input: 60% Output: 28%
• Точка 4 - Input: 73% Output: 91%
• Точка 5 - Input: 89% Output: 37%
• Точка 6 - Input: 100% Output: 0%

Шаг 5

Contour/Контур

Шаг 6

В этом стиле также нужно создать наш Contour/Контур. Повторите кривую с картинки, или укажите точные координаты:

• Точка 1 - Input: 0% Output: 0%
• Точка 2 - Input: 14% Output: 51% и включите опцию Corner
• Точка 3 - Input: 80% Output: 39% и включите опцию Corner
• Точка 4 - Input: 100% Output: 0%

Шаг 7

Stroke/Обводка

• Создайте свой градиент. Для этого создайте 6 бегунков с нулевой прозрачность (Opacity) в точках: 0, 34, 55, 78, 87 и 100%
• Также создайте 5 бегунков со 100% прозрачностью в точках: 10, 19, 40, 67 и 92%
• Также добавьте бегунки цветов. Цвет 1: #23253a, Расположение: 10%
• Цвет  2: #ddd6ff, Расположение: 40%
• Цвет  3: #5f5d5b, Расположение: 56%
• Цвет  4: #b7b7b7, Расположение: 78%

Шаг 8

Inner Shadow/Внутренняя тень:

• Цвет #7789a2

Шаг 9

Inner Glow/Внутреннее свечение:

• Цвет  #74726f

Шаг 10

Satin/Глянец

• Цвет #ece8ff

Шаг 11

Здесь же, в стиле Satin/Глянец давайте создадим свой Contour/Контур так же как раньше.

• Точка 1 - Input: 0% Output: 0%
• Точка 2 - Input: 4% Output: 85%
• Точка 3 - Input: 22% Output: 65%
• Точка 4 - Input: 75% Output: 14%
• Точка 5 - Input: 80% Output: 93%
• Точка 6 - Input: 100% Output: 0%

Шаг 12

Color Overlay/Перекрытие цвета:

• Цвет  #6d8096

Шаг 13

Outer Glow/Внешнее свечение

• Цвет #8288b6

Шаг 14

Drop Shadow/Тень

• Цвет #010201

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

Результат

Автор урока Jan Stverak

Перевод — Дежурка

Смотрите также:

• Реалистичный эффект хромированного текста в Adobe Photoshop
• Стилизованный меловый эффект текста в Adobe Photoshop
• Эффект текста на светодиодном экране в Adobe Photoshop