Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Бетонный текстовый эффект в Adobe Photoshop

11 августа 2015 | Опубликовано в Уроки | Нет комментариев »

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

 

 


Final step

Исходники

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

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

Шаг 1

Установите паттерн concrete01.pat, кликнув на него дважды.

Шаг 2

Создайте новый документ (File > New/Файл>Новый). Укажите размер в 600 px на 500 px и разрешение в 72 ppi.

Create a new document
Шаг 3

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

Layer Background Pattern

Шаг 4

Чтобы добавить текстуру зайдите в меню Layer/Слой и откройте окно Layer Style/Стиль слоя. Выберите вкладку Pattern Overlay/Перекрытие узора, выберите паттерн concrete01.pat из списка и нажмите OK.

Pattern Overlay

Background Pattern

Шаг 5

Вернитесь в режим редактирования стилей слоя и выберите стиль Color Overlay/Перекрытие цвета. Настройте параметры как показано ниже.

Color Overlay

Dark Background Pattern

Шаг 6

Теперь нам нужно добавить красного свечения, имитирующего отсвет. Для этого в режиме редактирования стилей слоя выберите Bevel & Emboss/Тиснение и укажите следующие параметры:

Red Bevel  Emboss

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

Шаг 1

Введите слово используя шрифт Stonecross. Укажите тексту размер шрифта в 130 ptLeading/Интерлиньяж на Auto и Tracking/Трэкинг в 20 pt. Для лучшего эффекта смените anti-aliasing mode/метода сглаживания на Sharp/Резкость. Переименуйте слой в ‘SAINT a’.

Шаг 2

Дублируйте слой и переименуйте копию в ‘SAINT b’ как показано ниже. Скройте слой ‘SAINT b’, чтобы работать было удобнее.

Duplicate the text layer

Шаг 3

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

Plain text WIP

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

Шаг 1

Выберите слой SAINT a и в меню найдите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора. Выберите паттерн concrete01 и настройте параметры эффекта как показано ниже.

Text Pattern Overlay

Text Pattern Overlay

Шаг 2

Перейдите в закладку Bevel & Emboss/Тиснение и Contour/Контур и настройте параметры как показано на скриншотах ниже.

Bevel and EmbossContour of Bevel and Emboss Beveled text

Шаг 3

Чтобы подсветить буквы нам понадобится градиент. Для этого перейдите в закладку Gradient Overlay/Перекрытие градиента. Настройте параметры как показано ниже.

Gradient Overlay to light on the letters Hot Concrete

Шаг 4

Перейдите во вкладку Satin/Глянец и настройте параметры как показано ниже.

Brighten up the text by Satin Brighten up the text

Шаг 5

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

Shiny glow with Inner Glow Concrete even more hot

Шаг  6

Нам нужно добавить немного тени, чтобы отделить текст от фона. Для этого во вкладке Outer Glow/Внешнее свечение настройте параметры как указано ниже.

Some shadows Outer Glow as a shadow

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

Шаг 1

Теперь перейдем к работе над слоем ‘SAINT b’. Активируйте его. Зайдите в палитру Character/Символ и смените параметр Horizontally Scale/Горизонтальный масштаб на 97%.

The second layer

Шаг 2

В меню выберите Layer > Layer Style > Pattern Overlay/Слой>Стиль слоя>Перекрытие узора. Выберите паттерн concrete01 и настройте параметры как показано ниже.

Pattern Overlay

Second layer now with pattern

Шаг 3

Переключитесь на вкладку Color Overlay/Перекрытие цвета и используйте следующие значения:

Turn red the second layer 3D look

Шаг 4

Перейдите во вкладку Stroke/Обводка и настройте эффект как показано ниже.

Add some color stroke Shiny stroke

Шаг 5

Добавим теней. Для этого перейдите во вкладку Drop Shadow/Тень и укажите параметры как показано ниже.

Separate the text from the background Close to the end

Шаг 6

Добавим свечения. Для этого перейдите во вкладку Outer Glow/Внешнее свечение и настройте параметры как указано ниже.

Hot edges

Результат

Final step

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

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

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




Коментарии запрещены.