В этом уроке мы займемся созданием типографического эффекта в Adobe Photoshop. Мы будем создавать объемный бронзовый шрифт при помощи стилей слоя. Это отличный способ потренироваться в работе со стилями. Помимо этого, мы будем создавать собственные контуры для эффекта тиснения.

Результат

Исходники

• Шрифт Stonecross
• Черный фон и поцарапанный метал (zip file)

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

Шаг 1

Установите файл паттерна black_background.pat, кликнув по нему дважды.

Шаг 2

Создайте новый документ (File > New/Файл>Новый). Настройте параметры нового файла как показано ниже.

Шаг 3

Выберите слой фона и дублируйте его (в меню выберите Layer > Duplicate Layer > OK/Слой>Дублировать слой>OK). Переименуйте новый слой в Background Pattern.

Шаг 4

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

В меню выберите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора, выберите файл ' black_background.pat ' из списка и настройте остальные параметры как показано ниже. После этого нажмите OK.

Шаг 5

Чтобы создать эффект освещения сверху, добавьте стиль слоя Bevel & Emboss/Тиснение, и настройте этот эффект как показано ниже:

2. Создание текст

Шаг 1

Введите ваше слово, используя шрифт Stonecross. Укажите размер шрифта в 132 pt и and Tracking/Трекинг в 20 pt. Для лучшего качества смените метод сглаживания на Sharp/Резкость. Переименуйте слой в A01.

Шаг 2

Возьмите инструмент Move/Перемещение, выберите слои текста и фона, и кликните по иконкам Align Horizontal Center/Выровнять центры по горизонтали и Align Vertical Center/Выровнять центры по вертикали в панели настроек.

Шаг 3

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

3. Стили для главного слоя

Шаг 1

Установите файл scratched_metal.pat.

Шаг 2

На этом этапе мы будем работать со слоем A01. В меню выберите Layer>Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора, выберите паттерн scratched_metal.pat из списка. Эта текстура будет служить в качестве базы для металлического эффекта.

Шаг 3

Чтобы получить реалистичный бронзовый цвет, укажите слою стиль Color Overlay/Перекрытие цвета. Укажите режим наложения стиля Multiply/Умножение и настройте остальные параметры как показано ниже.

Шаг 4

Добавьте слою стиль Bevel & Emboss/Тиснение и Contour/Контур.

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

Шаг 5

Добавьте еще один стиль слоя - Satin/Глянец со следующими параметрами:

Шаг 6

Теперь мы добавим металлического блеска при помощи свечения. Укажите слою стиль Inner Glow/Внутреннее свечение и настройте стиль как показано ниже.

Шаг 7

Теперь нам нужна тень, чтобы отделить буквы от фона. Укажите слою стиль Outer Glow/Внешнее свечение и настройте стиль как показано ниже.

4. Стили для второго слоя

Шаг 1

Теперь начнем работу над слоем A02, поэтому переключитесь на него. Укажите этому слою стиль Outer Glow/Внешнее свечение и настройте параметры как показано ниже.

Шаг 2

Чтобы создать эффект 3D, мы подчеркнем свет и тени по краям. Укажите слою стиль Bevel & Emboss/Тиснение и настройте стиль как показано ниже. Создайте собственный контур, точно повторив параметры.

Шаг 3

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

Откройте палитру Character/Символы и в параметре Horizontally Scale/Горизонтальное масштабирование укажите 98%.

Шаг 4

Теперь вернитесь в меню стилей слоя и укажите стиль Color Overlay/Перекрытие цвета. С его помощью мы подгоним слой по цветам. Настройте стиль как показано ниже.

Шаг 5

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

Шаг 6

И наконец мы добавим глубины, чтобы текст получился еще более объемным. Для этого укажите слою стиль Drop Shadow/Тень и укажите следующие параметры:

Результат

Автор урока Enrique Elicabe

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

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

• Типографический эффект в виде 3D-стикера в Adobe Photoshop
• Текст из сверкающих бриллиантов в Adobe Photoshop
• Заштрихованный типографический эффект в Adobe Photoshop