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

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

Сегодняшнее руководство посвящено созданию текстового эффекта в виде раскаленного бетона в 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):

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

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

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

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

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *