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

Использование текстур часто добавляет красивые детали к создаваемым эффектам, добавляя глубины к плоским изображениям. В этом уроке я покажу вам, как создать простой металлический текст, используя стили слоя. Далее, вы узнаете, как сделать так, чтобы текст выглядел более интересным, путём добавления простой текстуры, наложив её на текст. Давайте приступим!
Исходные материалы
Следующие исходные материалы были использованы в этом уроке:
- Шрифт SpinweradC Bold
- Текстура Бумаги
- Текстура 3px Плитка
- Набор градиентов (загрузите градиенты RS_Chrome.grd и CSP True Sky Gradients.grd)
- Изображение Нью-Йорка
1. Создайте Задний Фон
Шаг 1
Создайте новый документ 1024 x 1024 px в программе Adobe Photoshop. Установите цвет переднего плана на #7d7d7d
, а цвет заднего плана на #434343
. Выберите инструмент Градиент (Gradient Tool), установите тип градиента Радиальный
градиент (Radial Gradient), цвета
градиента от цвета переднего плана к цвету заднего плана.
Далее, щёлкните + потяните градиент от центра документа в один из углов, чтобы добавить градиент на задний фон. Продублируйте слой с градиентом.

Шаг 2
Дважды щёлкните мышью по дубликату слоя с градиентом, чтобы применить стиль слоя Перекрытие узора (Pattern Overlay). Примените следующие настройки для данного стиля слоя:
- Режим наложения (Blend Mode): Умножение (Multiply)
- Непрозрачность (Opacity): 100%
- Узор (Pattern): Текстура Бумаги (Pattern: paper_2)

Шаг 3
Итак, мы добавили нежный узор к заднему фону.

Шаг 4
Далее, продублируйте дубликат слоя с задним фоном (Примечание переводчика: продублируйте дубликат слоя с градиентом). Щёлкните правой кнопкой по созданному дубликату слоя и в появившемся окне, выберите опцию Растрировать стили слоя (Rasterize Layer Style). Если вы используете более раннюю версию, чем CS6, то просто создайте группу для дубликата слоя, а затем выполните сведение группы.
Поменяйте режим наложения для растрированного слоя на Перекрытие (Overlay). Данный режим усилит узор и затемнит задний фон.

2. Создайте Текст
Шаг 1
Создайте текст, используя заглавные буквы, шрифт SpinweradC Bold, цвет текста
#454646
, размер шрифта 300 pt, а если
вы хотите добавить ещё одну строку текста, то поменяйте значение настройки Интерлиньяж (Leading) на 250.

Шаг 2
Продублируйте слой с текстом, а затем уменьшите значение Заливки (Fill) до 0. Примечание переводчика: автор уменьшает заливку оригинального слоя с текстом.

Шаг 3
Дважды щёлкните по оригинальному слою с текстом, чтобы применить стиль слоя Тень (Drop Shadow). Примените следующие настройки для данного стиля слоя:
- Смещение (Distance): 35
- Размер (Size): 50

Шаг 4
Итак, мы добавили тень к нижнему слою с текстом.

3. Примените Стилизацию к Тексту
Дважды щёлкните по дубликату слоя с текстом, чтобы применить следующий стиль слоя.
Шаг 1
Добавьте стиль слоя Тиснение (Bevel and Emboss). Установите следующие настройки для данного стиля:
- Размер (Size): 10
- Уберите галочку в окошке Глобальное освещение (Use Global Light)
- Угол (Angle): -169
- Высота (Altitude): 64
- Поставьте галочку в окошке Сглаживание (Anti-aliased)
- Режим подсветки (Highlight Mode): Яркий свет (Vivid Light)

Шаг 2
В опции Контур (Contour), просто поставьте галочку в окошке Сглаживание (Anti-aliased).

Шаг 3
Добавьте текстуру, используя текстуру 3рх Плитки.

Шаг 4
Добавьте стиль слоя Обводку (Stroke). Примените следующие значения:
- Размер (Size): 1
- Тип обводки (Fill Type): Градиент (Gradient)
- Стиль (Style): Зеркальный (Reflected)
- Угол (Angle): 45
- Выберите градиент Chrome Bar 135

Шаг 5
Добавьте стиль слоя Внутреннее свечение (Inner Glow). Примените следующие значения:
- Режим наложения (Blend Mode): Перекрытие (Overlay)
- Шум (Noise): 100%
-
Цвет (Color):
#f6f6f6
- Размер (Size): 10

Шаг 6
Добавьте стиль слоя Наложение градиента (Gradient Overlay). Примените следующие значения:
- Режим наложения (Blend Mode): Мягкий свет (Soft Light)
- Непрозрачность (Opacity): 35%
- Стиль (Style): Зеркальный (Reflected)
- Угол (Angle): 45
- Поставьте галочку в окошке Инверсия (Reverse)
- Выберите градиент stove pipe 10

Шаг 7
Добавьте стиль слоя Тень (Drop Shadow). Примените следующие значения:
- Непрозрачность (Opacity): 62%
- Смещение (Distance): 8
- Размер (Size): 8

Шаг 8
Итак, мы добавили стили слоя к основному тексту. Текст выглядит немного плоским, кроме этого, теряются отдельные интересные детали. Поэтому, мы добавим текстуру, чтобы исправить это.

4. Добавьте Текстуру
Шаг 1
Добавьте текстуру изображения Нью-Йорка на наш рабочий документ, расположив данное изображение поверх всех остальных слоёв, далее, идём Фильтр – Размытие – Размытие по Гауссу (Filter > Blur > Gaussian Blur), примените радиус размытия 1.5.

Шаг 2
Поменяйте режим наложения для слоя с текстурой на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) слоя с текстурой до 20%, или уменьшите значение непрозрачности слоя на своё усмотрение, всё будет зависеть от того, насколько нежным или насыщенным вы хотите сделать ваш эффект. Вы также можете изменить размеры текстуры, а также сместить текстуру так, чтобы вы могли увидеть текст из-за текстуры. Как только вас устроит результат, примените изменения.

Шаг 3
Удерживая клавишу Ctrl+щёлкните по миниатюре слоя с текстом, чтобы загрузить активное выделение вокруг текста.

Шаг 4
К слою с текстурой Нью-Йорка, добавьте слой-маску через нижнюю панель инструментов, чтобы удалить лишнюю текстуру, которая не входит в контур текста.
Самое интересное в использовании слой-маски вместо удаления так это то, что вы можете дополнительно использовать слой-маску для дополнительного текста без необходимости работы ещё раз с текстурой.

5. Добавьте Блики
Шаг 1
Установите цвет переднего плана на #ebebeb
, выберите
инструмент Кисть (Brush Tool), далее,
зайдите в закладку Кисти (Brush), идём Окно - Кисти (Window > Brush).
Установите мягкую круглую кисть, размер кисти 35 px, а также поменяйте значение Формы (Roundness) кисти на 30%.

Шаг 2
Создайте новый слой поверх всех слоёв, назовите этот слой ‘Блики’. Поменяйте режим наложения для данного слоя на Яркий свет (Vivid Light). Далее, добавьте пару световых бликов на горизонтальные края текста.

Шаг 3
Добавьте ещё световые блики ко всему тексту, меняя настройки значения Угол (Angle), вы также можете менять форму кончика кисти в окошке предварительного просмотра настройки кисти, потянув курсором за опорные точки или просто вручную напечатайте значение параметра Угла (Angle) в соответствующем поле.

6. Проведите Световую Коррекцию, Коррекцию Цвета Итогового Результата
Шаг 1
Нажмите кнопку Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней панели инструментов и в появившемся меню, выберите опцию Уровни (Levels).

Шаг 2
Установите значение Света (Highlights) на 245, чтобы сделать эффект немного светлее.

Шаг 3
Далее, добавьте новый корректирующий слой Карта градиента (Gradient Map).

Шаг 4
Выберите следующий градиент из набора градиентов CSP True Sky Gradients.grd, далее, поменяйте режим наложения для корректирующего слоя Карта градиента (Gradient Map) на Яркий свет (Vivid Light), а также уменьшите непрозрачность слоя до 30%. Это усилит цвета итогового результата.

Поздравляю вас! Мы завершили урок!
В этом уроке мы создали стилизованный текст, используя стили слоя, чтобы добавить металлический вид тексту.
Далее, мы использовали текстуру, чтобы добавить детали к металлическому тексту, а также, чтобы текст не выглядел плоским, а выглядел более интересным. Далее, мы изменили форму кисти, чтобы добавить несколько световых бликов на края текста.
В заключение, мы добавили несколько корректирующих слоёв, чтобы усилить освещение и цвет итогового результата.
Оставляйте свои комментарии, предложения, а также свои работы.
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.
Update me weeklyEnvato Tuts+ tutorials are translated into other languages by our community members—you can be involved too!
Translate this post