ZZGURU
Загрузка

Как создать реалистичный хромированный текстовый эффект в Adobe Photoshop

admin
0 комментарий

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

Что вы узнаете в этом уроке Photoshop:

  • Как создать эффект хрома в Фотошопе
  • Как применить эффект хрома к тексту
  • Как создать бетонный фон
  • Как сделать хромированный логотип в Фотошопе

Исходные Материалы:

При создании данного урока были использованы следующие исходные материалы:

1. Определяем Узор

Шаг 1

Откройте изображение автобусных сидений в Photoshop, а затем выберите Фильтр > Искажение > Зигзаг (Filter > Distort > ZigZag). Установите Количество (Amount) на 20, Складки (Ridges) на 5, а Cтиль (Style) на Круги на воде (Pond Ripple).

ZigZag Filter

Шаг 2

Перейдите в Редактирование > Определить узор (Edit > Define Pattern) и введите Узор Отражение (Reflection Pattern) в строке Имя (Name).

Define Pattern

2. Создаём Фон

Шаг 1

Создайте новый документ размером 950 x 650 пикселей, поместите изображение с текстурой асфальта поверх фонового слоя и измените размер по мере необходимости.

Add the Asphalt Texture

Шаг 2

Дважды щелкните по слою с текстурой, чтобы применить эффект Наложение градиента (Gradient Overlay) со следующими настройками:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Стиль (Style): Радиальный (Radial)
  • Масштаб (Scale): 150%
  • Щёлкните по шкале градиента, чтобы установить цвета градиента: 
    #757575 слева и  #0f0f0f справа.
Gradient Overlay

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

Radial Gradient

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

Шаг 1

Создайте текст, используя шрифт Bebas Neue Bold, установите размер шрифта 220 px, а Кернинг (Kerning) — Оптический (Optical). Если вы хотите применить этот эффект к логотипу, убедитесь, что это смарт-объект, и тогда вы можете следовать уроку, чтобы применить этот эффект к нему вместо текста.

Шаг 2

Продублируйте слой с текстом и измените значение Заливки (Fill) копии на 0.

4. Стилизуем Исходный Слой с Текстом

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

Шаг 1

Выберите стиль слоя Тиснение (Bevel and Emboss) и установите следующие настройки:

  • Размер (Size): 1
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 30
  • Высота (Altitude): 16
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 100%
  • Режим тени (Shadow Mode) – Непрозрачность (Opacity): 100%
Bevel and Emboss

Шаг 2

Выберите следующий стиль слоя Контур (Contour). Установите следующие настройки:

  • Контур (Contour): Мелкая выемка (Cove – Shallow)
  • Поставьте галочку в окошке Сглаживание (Anti-aliased)
  • Диапазон (Range): 100%
Contour

Шаг 3

Установите стиль слоя Обводка (Stroke) и установите следующие настройки:

  • Размер (Size): 1
  • Положение (Position): Внутри (Inside)
  • Тип обводки (Fill Type): Градиент (Gradient)
  • Используйте градиент stainless steel xx
Stroke

Шаг 4

Выберите следующий стиль Внутренняя тень (Inner Shadow) и установите следующие настройки:

  • Непрозрачность (Opacity): 35%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): -115
  • Смещение (Distance): 3
  • Размер (Size): 7
Inner Shadow

Шаг 5

Выберите следующий стиль Внутреннее свечение (Inner Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Яркий свет (Vivid Light)
  • Непрозрачность (Opacity): 100%
  • Цвет: #f4f2e7
  • Стягивание (Choke): 0
  • Размер (Size): 3
Inner Glow

Шаг 6

Выберите следующий стиль Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Поставьте галочку в окошке Дизеринг (Dither)
  • Режим наложения (Blend Mode): Цветность (Color)
  • Непрозрачность (Opacity): 90%
  • Поставьте галочку в окошке Инверсия (Reverse)
  • Используйте градиент stove pipe 70
Gradient Overlay

Шаг 7

Выберите следующий стиль Наложение узора (Pattern Overlay). Установите следующие настройки:

  • Узор (Pattern): Узор Отражение (Reflection Pattern)
  • Масштаб (Scale): 50%
Pattern Overlay

Шаг 8

Выберите следующий стиль Внешнее свечение (Outer Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Умножение (Multiply)
  • Непрозрачность (Opacity): 35%
  • Цвет: #404040
  • Размер (Size): 21
Outer Glow

Шаг 9

Выберите следующий стиль Тень (Drop Shadow). Установите следующие настройки:

  • Непрозрачность (Opacity): 100%
  • Смещение (Distance): 5
  • Размах (Spread): 10
  • Размер (Size): 10
Drop Shadow

Шаг 10

Добавьте ещё один стиль Тень (Drop Shadow). Установите следующие настройки:

  • Непрозрачность (Opacity): 80%
  • Уберите галочку в окошке Глобальное освещение (Use Global Light)
  • Угол (Angle): 132
  • Смещение (Distance): 17
  • Размер (Size): 38
Drop Shadow 2

Шаг 11

Вы можете вернуться к эффекту Наложение узора (Pattern Overlay), а затем с помощью мышки перетаскивать рисунок внутри текста, пока не получите желаемый результат.

У нас готов стиль первого слоя текста.

5. Стилизуем Дубликат Слоя с Текстом

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

Шаг 1

Выберите следующий стиль Внутреннее свечение (Inner Glow). Установите следующие настройки:

  • Режим наложения (Blend Mode): Линейный свет (Linear Light)
  • Непрозрачность (Opacity): 20%
  • Цвет: #e1e1e1
  • Метод (Technique): Точный (Precise)
  • Размер (Size): 5
  • Контур (Contour): Глубокая выемка (Cove – Deep)
Inner Glow

Шаг 2

Выберите следующий стиль Наложение градиента (Gradient Overlay). Установите следующие настройки:

  • Режим наложения (Blend Mode): Мягкий свет (Soft Light)
  • Угол (Angle): 80
  • Используйте градиент steel pipe 10
Gradient Overlay

Шаг 3

Выберите следующий стиль слоя Внешнее свечение (Outer Glow). Установите следующие настройки для данного стиля слоя:

  • Режим наложения (Blend Mode): Осветление основы (Color Dodge)
  • Непрозрачность (Opacity): 50%
  • Цвет: #ececec
  • Размер (Size): 21
Outer Glow

Мы стилизовали дубликат слоя с текстом и завершаем создание текстового эффекта.

6. Добавляем Корректирующий Слой

Шаг 1

Нажмите значок Создать новый корректирующий слой или слой-заливку (Create new fill or adjustment layer) в нижней части панели слоёв и в появившемся окне, выберите опцию Карта градиента (Gradient Map).

Шаг 2

Поставьте галочку в окошке Дизеринг (Dither), а затем установите цвета градиента: #554b70 слева, #857177 в середине, и #d8a082 справа.

Поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите значение Непрозрачности (Opacity) до 20%.

Поздравляю, Мы Это Сделали!

В этом уроке мы применили фильтр к изображению и сохранили его как узор. Затем мы создали простой фон, используя текстуру и эффект наложения градиента. После этого мы создали два текстовых слоя и стилизовали их для создания текстового эффекта. Наконец, мы закончили работу, добавив слой регулировки цвета.

Урок был предоставлен в качестве ознакомительного перевода урока от автора Rose.

0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии