Создаем текст из «раскаленного бетона»

Над чем сегодня работаем

Сегодняшнее руководство посвящено созданию текстового эффекта в виде раскаленного бетона в Adobe Photoshop.

Необходимые материалы

  • Паттерн: concrete01.pat;
  • Шрифт: Stonecross.
Содержание

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

Этап 1

Дважды кликните по файлу паттерна concrete01.pat, чтобы добавить его в Photoshop.

Этап 2

Создайте новый документ. Выставите ширину на 600, а высоту на 500 пикселей. Разрешение должно быть выставлено на значение в 72 пикселя на дюйм:

Этап 3

Выделите фон и продублируйте этот слой (Слои > Создать дубликат слоя > Ок). Переименуйте копию фона в Background Pattern:

Этап 4

Чтобы добавить текстуру, в меню «Слои» (Layers) перейдите в пункт «Стиль слоя» (Layer Style). Выберите стиль «Наложение узора» (Pattern Overlay), а затем установите из списка concrete01.pat. Нажмите ОК:

Этап 5

Перейдите к стилю слоя «Наложение цвета» (Color Overlay), и установите следующие значения:

Этап 6

Теперь мы собираемся добавить немного красного освещения, которое создаст на фоне эффект отражения от раскаленного объекта. Пройдите в меню Стиль слоя > Тиснение (Layer Style > Bevel & Emboss), и установите следующие параметры:

2. Работаем над текстом

Этап 1

Введите нужный текст, используя шрифт Stonecross. Установите размер символов на 130 pt, интерлиньяж на «Авто» (Leading: Auto), а трекинг (Tracking) — на 20. Чтобы получить лучшее качество, установите режим сглаживания на «Резкое» (Sharp). Переименуйте слой в ‘SAINT a’.

Этап 2

Продублируйте текст и переименуйте новый слой в ‘SAINT b’. Отключите видимость слоя «SAINT b», чтобы вам было удобней работать, потому что в ближайшее время мы не будем работать с этим слоем:

Этап 3

Используя инструмент «Перемещение» (Move Tool), выберите два текстовых слоя и слой с фоном, а затем выполните их выравнивание по горизонтали и по вертикали (Align Horizontal Center и Align Vertical Center):

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

Этап 1

Выберите слой «SAINT a», и перейдите в Слои > Стиль слоя > Наложение узора. Кликните по блоку с узорами и выберите concrete01 (для фона мы используем тот же узор), и установите «Масштаб» (Scale) на 50%. Теперь узор больше напоминает настоящий бетон:

Этап 2

Чтобы получить более выпуклый эффект, установите параметры для стилей «Тиснение» (Bevel & Emboss) и «Контур» (Contour) как показано на рисунках ниже. Вам нужно создать два собственных контура, чтобы получить больший эффект. Воспользуйтесь значениями, представленными в правой колонке, и внимательно следите за скриншотами:

Этап 3

Чтобы подсветить буквы, давайте воспользуемся градиентом. Выберите стиль «Наложение градиента» (Gradient Overlay) и выставите приведенные ниже значения.

Совет: чтобы создать новую точку в градации, нужно кликать по шкале градиента. Каждая точка позволит вам изменять расположение и цвет:

Этап 4

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

В качестве контура нужно будет выбрать «Глубокую выемку» (Cove – Deep):

Этап 5

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

Этап 6

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

4. Работаем над вторым слоем

Этап 1

Теперь пришло время поработать над вторым слоем под названием SAINT b. На этом этапе нам нужно достичь эффекта незначительного исчезновения в центре текста. Откройте окно «Символ» (Character) и измените «Масштаб по горизонтали» (Horizontally Scale) на 97%:

Этап 2

Пройдите в меню Слой > Стиль слоя > Наложение узора и выберите узор concrete01 из списка. Масштаб уменьшите до 50%:

Этап 3

Чтобы получить эффект тлеющих краев, нужно изменить значения параметров стиля «Наложение цвета» (Color Overlay) используя следующие значения:

Этап 4

В окне «Стиль слоя» выберите «Обводку» (Stroke), установите параметр «Положение» на «Снаружи» (Position: Outside), а «Тип обводки» на «Цвет» (Fill Type: Color), и используйте следующие значения:

Этап 5

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

Этап 6

В финальном этапе нам нужно усилить эффект горячих краев. И сделать это можно при помощи стиля слоя «Внешнее свечение» (Outer Glow). Пройдите в меню Стиль слоя > Внешнее свечение (Layer Style > Outer Glow), и установите следующие значения. В качестве контура используем один из стандартных шаблонов под названием «Конус» (Cone):

Работа выполнена!

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

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

Данная публикация представляет собой перевод статьи «How to Create a Hot Concrete Text Effect in Adobe Photoshop» , подготовленной дружной командой проекта Интернет-технологии.ру