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

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

Лоснящийся типографический эффект в Adobe Photoshop

22 марта 2017 | Опубликовано в Уроки | 2 Комментариев »

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

 

Исходники

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

1. Рисуем фон

Шаг 1

Создайте новый документ размером 1000 x 600 px. В меню выберите File > Place Linked/Файл>Поместить связанные и добавьте текстуру боке Bokeh black and white overlay.

Трансформируйте текстуру так, чтобы вам нравилось как она смотрится в документе, и переименуйте слой в Bokeh Texture.

Add the Bokeh Texture

Шаг 2

Добавьте размытую текстуру Autumn Blur | Free texture / background и поместите ее поверх слоя Bokeh Texture. Переименуйте слой в Color Texture и смените Blend Mode/Режим наложения на Color/Цвет. При необходимости масштабируйте файл.

Add the Color Texture

2. Создаем текстовые слои

Шаг 1

Введите ваш текст заглавными буквами, используя шрифт Sleepy Fat Cat. Смените Size/Размер на 215 pt и Tracking/Трекинг на 10.

Create the Text

Шаг 2

Укажите слою Fill/Заливку в 0 и дублируйте его.

Duplicate the Text Layer

3. Стили слоя для текста

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

Шаг 1

Bevel and Emboss/Тиснение

  • Цвет для тени: #888888

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Texture/Текстура

  • Узор: Type

Texture

Шаг 4

Inner Shadow/Внутренняя тень:

  • Цвет: #ffffff

Inner Shadow

Шаг 5

Color Overlay/Перекрытие цвета:

  • Цвет: #e0dadb

Color Overlay

Шаг 6

Gradient Overlay/Перекрытие градиента

  • Градиент то цвета #ec3017 к #00a0a4

Gradient Overlay

Шаг 7

Drop Shadow/Тень

Drop Shadow

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

Style Text Layer 1

4. Добавляем стиль для обводки

Кликните дважды по копии слоя с текстом и укажите ему следующие стили слоя:

Шаг 1

Bevel and Emboss/Тиснение

  • Цвет тени:  #888888

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Stroke/Обводка

Stroke

Шаг 4

Color Overlay/Перекрытие цвета

  • Цвет: #5c5c5c

Color Overlay

Вот что получится:

Styled Text Layer 2

5. Добавляем перекрытие текстурой

Шаг 1

Поместите текстуру кубиков льда Ice Cubes Texture поверх всех слоев. Переименуйте слой в Texture Overlay, смените режим наложения на Overlay/Перекрытие и при необходимости масштабируйте.

Add the Texture Overlay

Шаг 2

Удерживая Command/Ctrl, кликните по слою с текстом, чтобы загрузить выделение по контуру текста.

Create a Selection

Шаг 3

Кликните по иконке Add layer mask/Добавить маску слоя в нижней части палитры Layers/Слои, чтобы замаскировать слой вне текста.

Add a Layer Mask

Результат

Final Result

Автор урока Rose

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

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




Комментарии

  1. Кость
    Thumb up Thumb down 0

    Спасибо!