В этом уроке мы будем создавать типографический эффект в виде 3D-стикера в Adobe Photoshop. Процесс не займет у вас много времени, однако будет полезен для изучения стилей слоя, конечно если вы будете вникать в то, почему в конкретных ситуациях был использован именно тот или иной эффект. Экспериментируйте с параметрами, чтобы лучше понимать за какую часть эффекта отвечает каждый из параметров.

Исходники

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

• Шрифт Alba;
• Паттерн Concrete wall от Atle Mo

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

Шаг 1

Создайте новый документ размером 770 x 490px. Выберите в качестве первого цвета  #3f797d, и в качестве фонового цвета #80b2bb. Возьмите инструмент Gradient/Градиент, выберите линейный градиент в панели настроек и растяните градиент от нижнего края документа к верхнему.

В меню выберите Filter > Convert for Smart Filters/Фильтр>Преобразовать для смарт-фильтров.

Шаг 2

Кликните дважды смарт-объект фонового слоя и укажите ему стиль слоя Pattern Overlay/Перекрытие узора, указав ему настройки как на картинке ниже:

• Паттерн: Concrete wall

Вот что должно получиться:

2. Создаем текст и слои смарт-объектов

Шаг 1

Введите ваш текст черного цвета, используя шрифт Alba размером в 120pt.

Шаг 2

Дублируйте слой с текстом, переименуйте оригинал слоя в Stroke, а копию в Text.

Шаг 3

Кликните дважды по слою Stroke, чтобы указать ему стиль слоя Stroke/Обводка, со следующими параметрами:

• Цвет: #dcdcdc

Шаг 4

Этот стиль создаст обводку вокруг текста. Обратите внимание на то, чтобы обводка не должна оставить промежутка между буквами. Если же у вас есть пустые места, верните в стиль слоя и увеличьте параметр Size/Размер.

Шаг 5

Кликните правой кнопкой по каждому из слоев с текстом (Stroke и Text) и выберите Convert to Smart Object/Преобразовать для смарт-фильтров.

Дублируйте слой Text и укажите копии 0% Fill/Заливки.

Шаг 6

Дублируйте копию слоя Text и слой Stroke. Теперь укажите копии слоя Stroke 0% Fill/Обводки и переместите этот слой поверх остальных.

3. Стили для слоя Stroke

Кликните дважды по слою Stroke, чтобы применить к нему следующие стили слоя:

Шаг 1

Стиль слоя Bevel and Emboss/Тиснение:

• Цвет тени: #2f959d

Шаг 2

Стиль слоя Inner Shadow/Внутренняя тень:

Шаг 3

Стиль слоя Drop Shadow/Тень:

Вот что должно получиться в итоге:

4. Стили для слоя Text

Кликните дважды по слою Text, чтобы применить к нему следующие стили слоя:

Шаг 1

Стиль слоя Bevel and Emboss/Тиснение:

Шаг 2

Стиль слоя Inner Shadow/Внутренняя тень:

Шаг 3

Стиль слоя Color Overlay/Перекрытие цвета:

• Цвет: #ea326e

Результат:

5. Стили для первой копии слоя Text

Кликните дважды по первой копии слоя Text, чтобы применить к ним следующие стили слоя:

Шаг 1

Стиль слоя Bevel and Emboss/Тиснение:

Шаг 2

Стиль слоя Contour:

Это создаст эффект свечения.

6. Стили для второй копии слоя Text

Кликните дважды по второй копии слоя Text, чтобы применить к нему следующие стили:

Шаг 1

Стиль слоя Bevel and Emboss/Тиснение:

Шаг 2

Стиль слоя Gradient Overlay/Перекрытие градиента:

Так мы создадим внешнюю обводку для внутреннего текста, что создаст 3D-эффект.

7. Стили для верхнего слоя Stroke

Кликните дважды по копии слоя Stroke, чтобы применить к нему следующие стили слоя:

Шаг 1

Стиль слоя Bevel and Emboss/Тиснение:

Шаг 2

Стиль слоя Contour/Контур:

Вот что должно получиться:

Автор урока Rose

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

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

• Горящий текст при помощи нового фильтра Flame в Adobe Photoshop
• Эффект для космического текста в Photoshop
• Элегантный золотой текст в Adobe Photoshop