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

2 смотр.

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

How to Create a Realistic Chrome Text Effect in Adobe Photoshop

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

Материалы урока:

Этап 1. Создаем кисть.

Шаг 1.

Откройте изображение с автобусом, и перейдите в меню Filter / Фильтр > Distort / Искажение > ZigZag / Зигзаг. Установите значение Amount / Эффект равное 20Ridges / Складки равное 5, а Style / Стиль на Pond Ripple.

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

Шаг 2.

Перейдите в меню Edit / Редактирование > Define Pattern / Определить узор и назовите его Reflection Pattern.

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

Этап 2. Создаем фон.

Шаг 1.

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

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

Шаг 2.

Двойной клик по слою с текстурой и применить стиль слоя Gradient Overlay / Наложение градиента со следующими настройками:

Blend Mode / Режим наложенияMultiply / Умножение

Style / СтильRadial / Радиальный

Scale / Масштабирование: 150%

Установите цвет правого маркера #757575 , а левого #0f0f0f.

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

В результате у вас будет радиальный градиент.

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

Этап 3. Создаем текстовый слой.

Шаг 1.

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

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

Шаг 2.

Продублируйте текстовый слой и измените значение Fill / Выполнить заливку на 0%.

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

Этап 4. Стилизуем оригинальный текстовый слой.

Шаг 1.

Применяем стиль слоя Bevel and Emboss / Тиснение используя следующие настройки:

Size / Размер: 1

Снимите галку с пункта Use Global Light / Глобальное освещение

Angle / Угол: 30

Altitude / Высота: 16

Выберите пункт Anti-aliased / Сглаживание

Highlight Mode — Opacity: 100%

Shadow Mode — Opacity: 100%

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

Шаг 2.

ЧИТАТЬ:  Без заголовка

Добавляем стиль слоя Contour / Контур со следующими настройками:

Contour / Контур: Cove — Shallow

Выберите пункт Anti-aliased / Сглаживание

Range / Диапазон: 100%

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

Шаг 3.

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

Size / Размер: 1

Position / ПоложениеInside / Внутри

Fill Type / Содержимое обводкиGradient / Градиент

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

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

Шаг 4.

Добавляем стиль слоя Inner Shadow / Внутренняя тень установив следующие настройки:

Opacity / Непрозрачность: 35%

Снимите галку с пункта Use Global Light / Глобальное освещение

Angle / Угол: -115

Distance / Смещение: 3

Size / Размер: 7

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

Шаг 5.

Добавляем стиль слоя Inner Glow / Внутреннее свечение установив следующие настройки:

Blend Mode / Режим наложенияVivid Light / Яркий свет

Opacity / Непрозрачность: 100%

Color / Цвет: #f4f2e7

Choke / Стягивание: 0

Size / Размер: 3

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

Шаг 6.

Добавляем стиль слоя Gradient Overlay / Наложение градиента установив следующие настройки:

Выберите пункт Dither / Дизеринг

Blend Mode / Режим наложенияColor / Цвет

Opacity / Непрозрачность: 90%

Выберите пункт Reverse / Инверсия

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

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

Шаг 7.

Добавляем стиль слоя Pattern Overlay / Наложение узора установив следующие настройки:

Pattern / Узор: Reflection Pattern

Scale / Масштабирование: 50%

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

Шаг 8.

Добавляем стиль слоя Outer Glow / Внешнее свечение установив следующие настройки:

Blend Mode / Режим наложенияMultiply / Умножение

Opacity / Непрозрачность: 35%

Color / Цвет: #404040

Size / Размер: 21

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

Шаг 9.

Добавляем стиль слоя Drop Shadow / Тень установив следующие настройки:

Opacity / Непрозрачность: 100%

Distance / Смещение: 5

Spread / Размах: 10

Size / Размер: 10

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

Шаг 10.

Добавляем стиль слоя Drop Shadow / Тень установив следующие настройки:

ЧИТАТЬ:  Уроки фотошопа. Эффект распада в фотошопе

Opacity / Непрозрачность: 80%

Uncheck the Use Global Light box

Angle / Угол: 132

Distance / Смещение: 17

Size / Размер: 38

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

Шаг 11.

Перейдите обратно к стилю слоя Pattern Overlay / Наложение узора и переместите узор так, как вам нравится.

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

Мы закончили со стилизацией первого текстового слоя.

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

Этап 5. Стилизуем копию текстового слоя.

Шаг 1.

Добавляем стиль слоя Inner Glow / Внутреннее свечение установив следующие настройки:

Blend Mode / Режим наложенияLinear Light / Линейный свет

Opacity / Непрозрачность: 20%

Color / Цвет: #e1e1e1

Technique / МетодPrecise / Точный

Size / Размер: 5

Contour / Контур: Cove – Deep

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

Шаг 2.

Добавляем стиль слоя Gradient Overlay / Наложение градиента установив следующие настройки:

Blend Mode / Режим наложенияSoft Light / Мягкий свет

Angle / Угол: 80

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

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

Шаг 3.

Добавляем стиль слоя Outer Glow / Внешнее свечение установив следующие настройки:

Blend Mode / Режим наложенияColor Dodge / Осветление основы

Opacity / Непрозрачность: 50%

Color / Цвет: #ececec

Size / Размер: 21

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

Мы закончили стилизовать второй текстовый слой.

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

Этап 6. Добавляем корректирующие слои.

Шаг 1.

Создаем новый корректирующий слой Gradient Map / Карта градиента.

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

Шаг 2.

Перейдите в меню настройки градиента и выберите пункт Dither / Дизеринг, используйте градиентную заливку установив цвета маркеров #554b70 с лева, по центру #857177 и с права #d8a082.

Измените режим смешивания для корректирующего слоя на Soft Light / Мягкий свет и понизьте непрозрачность до 20%.

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

Вот и все...

Поздравляю вы выполнили урок

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

Автор: Rose

Источник: Tutsplus

Переводчик: 2 fingers

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

ЧИТАТЬ:  Photoshop кисти для имитации акварели

Другие интересные статьи

2 смотр.

Оставить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

восемнадцать − три =

Сообщить об опечатке

Текст, который будет отправлен нашим редакторам: