Хромированная ретро-надпись в Photoshop (эффект теста)

0 коммент.

Хромированная ретро надпись в Photoshop (эффект теста)

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

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

В этом посте будет по два скриншота документов на каждом шаге урока: один оригинальный, авторский, а второй – мой с другими исходниками (чтобы посмотреть, как это работает, а не тупо скопипастить «фотошопную полезняшку»).

Вот они:

Хромированная ретро надпись в Photoshop (эффект теста)

Хромированная ретро надпись в Photoshop (эффект теста)

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

Мой скриншот

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

Хромированная ретро надпись в Photoshop (эффект теста)

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 3

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

Смотрите также:   Я - фотошопер!

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 4

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

Хромированная ретро надпись в Photoshop (эффект теста)

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

Я не стал устанавливать новый нужный шрифт, а использовал «обычный» Penultimate Light (чуть большим размером 180 pt).

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

Хромированная ретро надпись в Photoshop (эффект теста)

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

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

Мой скриншот (Photoshop на русском) – желтым выделено то, что обычно отличается от стандартных настроек:

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

Хромированная ретро надпись в Photoshop (эффект теста)

(На русском.)

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 3

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

Хромированная ретро надпись в Photoshop (эффект теста)

(Мой вариант.)

Хромированная ретро надпись в Photoshop (эффект теста)

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

Хромированная ретро надпись в Photoshop (эффект теста)

Так с другим шрифтом:

Хромированная ретро надпись в Photoshop (эффект теста)

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

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

На русском:

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

Хромированная ретро надпись в Photoshop (эффект теста)

В «русском» Photoshop:

Хромированная ретро надпись в Photoshop (эффект теста)

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

Хромированная ретро надпись в Photoshop (эффект теста)

Рабочий вариант:

Хромированная ретро надпись в Photoshop (эффект теста)

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

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

У меня:

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

Смотрите также:   Берегись автомобиля (советы начинающему водителю)

Хромированная ретро надпись в Photoshop (эффект теста)

С русским языком настроек:

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 3

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

Хромированная ретро надпись в Photoshop (эффект теста)

Вариант:

Хромированная ретро надпись в Photoshop (эффект теста)

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

Хромированная ретро надпись в Photoshop (эффект теста)

Мой вариант, на котором уже хорошо видно, как много в этом эффекте зависит от выбранного шрифта!

Хромированная ретро надпись в Photoshop (эффект теста)

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

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

У меня вот так проявился текст:

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

(Этот момент напоминает о старом добром и красивом эффекте «текст из картинки».)

Хромированная ретро надпись в Photoshop (эффект теста)

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

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 3

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

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

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

Хромированная ретро надпись в Photoshop (эффект теста)

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

Смотрите также:   Никто из вас не увидел белого листа. О смысле постулатов дзэна

Шаг 1

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

Хромированная ретро надпись в Photoshop (эффект теста)

Шаг 2

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

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

Хромированная ретро надпись в Photoshop (эффект теста)

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

Хромированная ретро надпись в Photoshop (эффект теста)

Ну вот и все!

У меня с другими исходниками получилась немного другая картинка. Эффекты-то те же, но из-за разных картинок и шрифтов получился иначе, плюс «кое-что сдвинул».

Хромированная ретро надпись в Photoshop (эффект теста)

Кстати, вот здесь, парни собрали 20 красивых стилей для придания тексту разных эффектов в Photoshop автоматически. Как пользоваться стилями и даже создавать свои?

Хромированная ретро надпись в Photoshop (эффект теста)

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

мои рекомендации
Дешевый хостинг

У нас еще много очень интересных статей! Вот только несколько из них:

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

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