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

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

Реалистичный эффект хромированного текста в Adobe Photoshop

21 октября 2016 | Опубликовано в Уроки | 1 Комментарий »

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

 

Исходники

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

1. Создаем паттерн

Шаг 1

Откройте изображение автобуса изнутри  (Bus Seats), в меню выберите Filter > Distort > ZigZag/Фильтр>Искажение>Зигзаг. Настройте фильтр как показано ниже.

ZigZag Filter

Шаг 2

В меню выберите Edit > Define Pattern/Редактировать>Определить узор, укажите узору имя Reflection Pattern.

Define Pattern

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

Шаг 1

Создайте новый документ размером 950 x 650 px, поместите в документ текстуру асфальта (AsphaltDamaged0043). При необходимости масштабируйте текстуру.

Add the Asphalt Texture

Шаг 2

Кликните дважды по иконке слоя, чтобы открыть стили слоя, и выберите Gradient Overlay/Перекрытие градиента. Настройте стиль как показано ниже. В качестве градиента используйте переход цвета от #757575 к #0f0f0f.

Gradient Overlay

Это создаст простой радиальный градиент.

Radial Gradient

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

Шаг 1

Создайте текст, используя шрифт Bebas Neue Bold размером в 220 pt. Также настройте Kerning/Кернинг на Optical/Оптический.

Create the Text

Шаг 2

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

Duplicate the Text Layer

4. Стили для оригинального слоя текста

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

Шаг 1

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

Bevel and Emboss

Шаг 2

Contour/Контур

Contour

Шаг 3

Stroke/Обводка

  • Используйте градиент stainless steel xx.

Stroke

Шаг 4

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

Inner Shadow

Шаг 5

Inner Glow/Внутреннее свечение

  • Используйте цвет #f4f2e7

Inner Glow

Шаг 6

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

  • Используйте градиент stove pipe 70

Gradient Overlay

Шаг 7

Pattern Overlay/Перекрытие узора

  • Выберите созданный нами узор "Reflection Pattern"

Pattern Overlay

Шаг 8

Outer Glow/Внешнее свечение

  • Цвет #404040

Outer Glow

Шаг 9

Drop Shadow/Тень

Drop Shadow

Шаг 10

Еще один стиль слоя Drop Shadow/Тень

Drop Shadow 2

Шаг 11

Теперь вы можете вернуться к стилю Pattern Overlay/Перекрытие узора и переместить узор как вам нравится. Для этого кликните внутри документа и потяните куда хотите.

Move the Pattern Inside the Text

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

Styled Text Layer 1

5. Стили для слоя с копией текста

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

Шаг 1

Inner Glow/Внутреннее свечение

  • Цвет: #e1e1e1

Inner Glow

Шаг 2

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

  • Используйте градиент steel pipe 10

Gradient Overlay

Шаг 3

Outer Glow/Внешнее свечение

  • Цвет: #ececec

Outer Glow

Это стилизует копию текста и завершит эффекты для текста.

Styled Text Layer 2

6. Цветокоррекция

Шаг 1

Создайте новый корректирующий слой, кликнув по одноименной иконке (new fill or adjustment layer) в нижней части палитры Layers/Слои. Выберите слой Gradient Map/Карта градиента.

Gradient Map Adjustment Layer

Шаг 2

Включите опцию Dither/Размыть и укажите градиент из цветов  #554b70, #857177 и #d8a082. Укажите слою Blend Mode/Режим наложения Soft Light/Мягкий свет и Opacity/Непрозрачность в 20%.

The Gradient Map Settings

Результат

Final Result

Автор урока Rose

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

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




Комментарии