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

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

Хромированный ретро эффект для текста в Adobe Photoshop

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

Сегодня мы научимся создавать хромированный ретро текст в Фотошопе. Этот эффект достаточно часто используется в различных дизайн-проектах, потому что, сами знаете, мода на ретро то и дело возвращается и иногда даже становится главным трендом. В этом уроке мы покажем, как с помощью пары слоев и текстуры создать простой текстовый эффект на мотив 50-х годов прошлого века.

Исходники:

1. Создаем задний план

Шаг 1

Создайте новый документ с размерами 600 x 350 пикс. Разместите изображение Vintage retro car interior с помощью File > Place Embedded /  Файл > Поместить Встроенные поверх слоя заднего плана и измените его размеры, как того требуется.

 

 

Шаг 2

Зайдите в Filter > Blur > Gaussian Blur / Фильтр > Размытие > Размытие по Гауссу и выберите Radius / Радиус 10.

 

 

Шаг 3

Нажмите иконку Create New Fill / Создать Новый Слой или New Adjustment Layer / Новый Корректирующий Слой в нижней части палитры Layers / Слои и выберите Hue / Saturation (Цветовой Тон / Насыщенность).

 

 

Шаг 4

Нажмите на иконку Clip to layer/Обтравка по слою и поменяйте Saturation / Насыщенность на -20.

 

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

Шаг 1

Создайте текстовую надпись, используя шрифт Dymaxion Script. Выберите цвет #a4a4a4 и размер 150 pt.

 

 

Шаг 2

Создайте дубликат текстового слоя, затем измените у дубликата значение Fill / Непрозрачность Заливки на 0, и снова сделайте дубликат.

 

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

Двойной щелчкок на изначальном текстовом слое, затем применяем следующее.

Шаг 1

Добавьте Bevel and Emboss / Тиснение со следующими параметрами:

 

 

Шаг 2

Добавьте Contour / Контур с такими характеристиками:

 

 

Шаг 3

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

 

 

Это стилизует наш первый текстовый слой.

 

4. Стилизуем первую копию текстового слоя

Применим двойной клик на первой копии нашего текстового слоя и применим следующий стиль для слоя:

Шаг 1

Добавьте Bevel and Emboss / Тиснение со следующими параметрами:

 

 

Шаг 2

Добавьте Contour / Контур с такими характеристиками:

 

 

Вот мы и задизайнили наш второй текстовый слой.

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

Двойной щелчкок на втором дубликате текстового слоя, затем применяем следующее.

Шаг 1

Добавьте Bevel and Emboss / Тиснение со следующими параметрами:

Шаг 2Добавьте Contour / Контур с такими характеристиками:

Шаг 3

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

 

 

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

 

6. Добавляем текстуру для текста

Шаг 1

Добавьте изображение Luxury vintage car side поверх всех слоев и переименуйте этот слой в Text Texture. Измените размеры, а потом нажмите Command и кликните по миниатюре текстового слоя, чтобы выделить область.

Шаг 2

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

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

Шаг 3

Измените у слоя текстуры текста Blend Mode / Режим Наложения на Color Burn / Затемнение Основы и его Opacity / Непрозрачность на 30%.

Затем возьмите инструмент Move Tool / Перемещение, чтобы подвигать текстуру до того момента, когда результат вам самим понравится.

Текстура добавит живого цвета и детализирует эффект, и наш текст будет выглядеть более реалистично.

7. Регулируем цвет конечного результата

Шаг 1

Нажмите иконку Create New Fill / Создать Новый Слой или New Adjustment Layer / Новый Корректирующий Слой в нижней части палитры Layers / Слои и выберите Gradient Map / Карта Градиента.

Шаг 2

Выберите Violet, Green, Orange / Фиолетовую, Зеленую и Оранжевую заливку градиента и поставьте флажок в окне Dither / Дизеринг.

Измените у слоя Blend Mode / Режим Наложения на Color / Цветность и его Opacity / Непрозрачность на 15%.

Теперь наш текст выглядит еще более старинным.

Ну вот и все!


Автор - Rose 

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

 

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

 




Комментарии

  1. Cheshir
    Thumb up Thumb down 0

    А 150 pt не многовато для такого разрешения?