Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Vintage

Создаём Ржавый Винтажный Металлический Знак в Adobe Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Phobia Week!.
How to Create a Fear of the Dark Illustration in Adobe Illustrator

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product image
What You'll Be Creating

Старый Винтажный Металлический Знак является частью экшена Vintage Metal Sign Photoshop Action, который доступен в моём профиле на Envato Market.

Vintage Metal Sign Photoshop Action
Экшен Photoshop Винтажный Металлический Знак

Гераскофобия

Гераскофобия – аномальный или постоянный страх старения или старости. Страхи появляются с течением времени и усиливаются по мере взросления.

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

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

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

1. Создаём Задний Фон

Шаг 1

Создайте новый документ со следующими размерами 850 x 570px, далее, создайте новый слой, назовите этот слой Текстура Заднего фона (Wall Background). Откройте исходную текстуру Старой Стены. Скопируйте / вклейте данную текстуру на созданный слой.

Old Plaster Wall Texture

Шаг 2

Добавьте корректирующий слой Цветовой тон / Насыщенность (Hue/Saturation). Установите значение Насыщенности (Saturation) на -57.

Hue Saturation Adjustment in Photoshop

Шаг 3

Добавьте корректирующий слой Уровни (Levels). Установите Входной Уровень Теней (Shadow Input Level) на 0, Входной Уровень Средних тонов (Midtone Input Level) на 1.22, а Входной Уровень Света (Highlight Input Level) на 201. Также, установите Выходной Уровень Света (Highlight Output Level) на 153.

Levels Adjustment in Photoshop

Шаг 4

Добавьте корректирующий слой Выборочная коррекция цвета (Create a Selective Color). Установите следующие настройки для Жёлтых (Yellows) и Голубых (Cyans) тонов, которые указаны на скриншоте ниже.

Selective Color Adjustment in Photoshop

2. Создаём Фигуру Прямоугольника со Скруглёнными Углами

Шаг 1

Создайте новый слой, назовите этот слой Винтажный знак (Vintage Sign). Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), установите Радиус (Radius) на 25 px. Нарисуйте фигуру прямоугольник со скруглёнными углами.

Rectangle Shape with Rounded Corners

Шаг 2

Добавьте стиль слоя Тень (Drop Shadow) к слою Винтажный знак (Vintage Sign): цвет #141715. А также добавьте стиль слоя Тиснение (Bevel and Emboss): цвета #ffffff и #000000.

Drop Shadow in Photoshop
Bevel and Emboss in Photoshop

3. Создаём Винтажный Знак

Шаг 1

Откройте исходную Текстуру с Царапинами, переместите данную текстуру на наш рабочий документ, расположив поверх слоя Винтажный знак (Vintage Sign). Щёлкните правой кнопкой мыши по слою с текстурой и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Scratched Texture

Шаг 2

Далее идём Слой- Новый корректирующий слой – Выборочная коррекция цвета (Layer > New Adjustment Layer > Selective Color). Щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Selective Color Adjustment in Photoshop

Шаг 3

Дважды щёлкните по миниатюре корректирующего слоя Выборочная коррекция цвета (Selective Color) для редактирования настроек. Из выпадающего меню Цвета (Colors), поменяйте настройки для следующих тонов Красные (Reds), Жёлтые (Yellows), Зелёные (Greens), Белые (Whites), и  Нейтральные (Neutrals).

Edit Selective Color Adjustment

4. Добавляем Автомобиль

Шаг 1

Откройте исходное изображение с автомобилем. Переместите данное изображение на наш рабочий документ, расположив поверх всех остальных слоёв.

Car PNG Image

Шаг 2

Далее идём Слой- Новый корректирующий слой – Цветовой тон / Насыщенность (Layer > New Adjustment Layer > Hue/Saturation). Щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Чтобы поменять цвет автомобиля, дважды щёлкните по миниатюре корректирующего слоя Цветовой тон / Насыщенность (Hue/Saturation) для редактирования настроек. Установите значение Цветового тона (Hue) на 180, а значение Насыщенности (Saturation) на 51.

Change Object Color in Photoshop

Шаг 3

Идём Изображение – Тримминг (Image > Trim), установите следующие настройки, которые указаны ниже, чтобы обрезать изображение.

Image Trim in Photoshop

Шаг 4

Добавьте слой-маску к слою с автомобилем, для этого нажмите значок с маской в нижней части панели слоёв.

Add Layer Mask in Photoshop

Шаг 5

Перейдите на слой с Текстурой Царапин, удерживая клавишу (Ctrl), щёлкните по миниатюре данного слоя, чтобы загрузить активное выделение. Нажмите клавиши (Ctrl+C), чтобы скопировать созданное выделение.

Make Selection From Layer in Photoshop

Шаг 6

Перейдите на слой с автомобилем, а затем идём во вкладку Каналы (Channels), внутри данной вкладки, перейдите на слой Маска автомобиля (Car Mask), чтобы он стал активным. Нажмите клавиши (Ctrl+V), чтобы вклеить скопированное изображение.

Work with Channels in Photoshop

Нажмите клавиши (Ctrl+D), чтобы отменить активное выделение.

Шаг 7

Убедитесь, что вы находитесь на слой-маске слоя с автомобилем, а затем идём Изображение- Коррекция- Уровни (Image > Adjustments > Levels). Установите Входные Уровни (Input Levels) в зависимости от того, какой эффект вы хотите создать. Примечание переводчика: не забудьте вернуться во вкладку Слои (Layers).

Levels Adjustment in Photoshop

5. Добавляем Винтажный Текст

Шаг 1

Добавьте любой текст на своё усмотрение, используя шрифт Team Spirit Font. Установите цвет шрифта #ffffff, размер шрифта 200 pt.

Vintage Font Type in Photoshop

Шаг 2

К слою с текстом, добавьте следующие стили слоя: Тень (Drop Shadow), цвет #000000, Внутренняя тень (Inner Shadow), цвет #000000, Внутреннее свечение (Inner Glow), цвет #464646, Тиснение (Bevel and Emboss), цвета #ffffff и #000000, Наложение цвета (Color Overlay), вы можете выбрать цвет на своё усмотрение и Обводка (Stroke), цвет #ffffff.

Drop Shadow Layer Style
Inner Shadow Layer Style
Inner Glow Layer Style
Bevel and Emboss Layer Style
Color Overlay Layer Style
Stroke Layer Style

Временно отключите видимость стиля слоя Наложение цвета (Color Overlay).

Шаг 3

Добавьте Текстуру с Царапинами на новый слой поверх слоя с текстом. Щёлкните правой кнопкой мыши по данному слою с текстурой и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask). Примечание переводчика: ещё раз откройте исходную текстуру с царапинами, а затем переместите её на наш рабочий документ, расположив поверх слоя с текстом.

Vintage Text Effect in Photoshop

Шаг 4

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

Add Gradient Map in Photoshop

Шаг 5

Установите следующие цвета градиента: #bcbcbc, позиция (location) 30%, цвет #868981, позиция (location) 53%, цвет #cf3854, позиция (location) 73%, и цвет #94274e, позиция (location) 91%.

Edit Gradient Colors in Photoshop

Шаг 6

Если вы используете стиль слоя Наложение цвета (Color Overlay), то вы с лёгкостью можете поменять цвет текста.

6. Создаём Металлические Болты

Шаг 1

Создайте новый слой и с помощью инструмента Кисть (Brush Tool), предварительно установив жёсткую кисть, нарисуйте точку в каждом углу металлического знака. Примечание переводчика: назовите этот слой Металлические болты (Metal Bolts).

Add Metal Bolts

Шаг 2

К слою Металлические болты (Metal Bolts), добавьте следующие стили слоя: Непрозрачность заливки (Fill Opacity) 0%, Тень (Drop Shadow) цвет #000000, Внутренняя тень (Inner Shadow) цвет #000000, Внешнее свечение (Outer Glow) цвет #ffffff, Внутреннее свечение (Inner Glow) цвет #ffffff, Тиснение (Bevel and Emboss) цвета #ffffff и #000000.

Fill Opacity Layer Style in Photoshop
Drop Shadow Layer Style in Photoshop
Inner Shadow Layer Style in Photoshop
Outer Glow Layer Style in Photoshop
Inner Glow Layer Style in Photoshop
Bevel and Emboss Layer Style in Photoshop

7. Коррекция Освещения

Шаг 1

Создайте новый слой, вклейте текстуру Старой Стены на этот слой. Поменяйте режим наложения для данного слоя с текстурой на Умножение (Multiply), а также добавьте стиль слоя Наложение градиента (Gradient Overlay), цвета градиента: #030201 и #ffffff.

Blend Mode Layer Style in Photoshop
Gradient Overlay Layer Style in Photoshop

Шаг 2

Добавьте новый корректирующий слой Карта градиента (Gradient Map) поверх второго слоя с текстурой старой стены. Установите следующие цвета градиента: #9e8b7a с позицией (location) 12% и #ffffff с позицией (location) 100%.

Щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Gradient Map Adjustment Layer

Поздравляю! Мы завершили урок!

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

Vintage Metal Sign in Photoshop

Старый Винтажный Металлический Знак является частью экшена Vintage Metal Sign Photoshop Action, который доступен в моём профиле на Envato Market.

Vintage Metal Sign Photoshop Action
Экшен Photoshop Винтажный Металлический Знак
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.