Создаём Гранжевый Ретро Текст в программе Adobe Photoshop

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

Данный текстовый эффект был вдохновлён другими текстовыми эффектами, которые доступны на сайте GraphicRiver.

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

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

• Шрифт Burford Base
• Набор Простых Узоров
• Гранжевая Текстура
• Текстура Фотоплёнки
• Гранжевая Текстура 16
• Светлые Гранжевые узоры

1. Создаём Основу для Узора

Шаг 1

Создайте новый документ 512 x 512 px, цвет заднего фона белый. Продублируйте слой Задний фон (Background), далее, щёлкните правой кнопкой мыши по дубликату слоя и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Шаг 2

Установите цвет переднего плана на чёрный, а цвет заднего плана на белый цвет, а затем идём Фильтр - Рендеринг - Облака (Filter > Render > Clouds).

2. Создаём Гранжевый Полутоновый Узор

Шаг 1

Идём Фильтр - Галерея фильтров- Текстура - Зерно (Filter > Filter Gallery > Texture > Grain). Установите следующие настройки для данного фильтра:

• Интенсивность (Intensity): 60
• Контрастность (Contrast): 0
• Тип зерна (Grain Type): Брызги (Sprinkles)

Шаг 2

Нажмите значок Новый слой эффектов (New effect layer) в нижней части панели настроек Галереи фильтров (Filter Gallery), чтобы добавить ещё один фильтр.

Далее, идём Эскиз - Полутоновый узор (Sketch > Halftone Pattern). Установите следующие настройки для данного фильтра:

• Размер (Size): 2
• Контрастность (Contrast): 6
• Тип узора (Pattern Type): Точка (Dot)

Шаг 3

Добавьте ещё один новый слой эффектов, а затем идём Эскиз - Тушь (Sketch > Graphic Pen). Установите следующие настройки для данного фильтра:

• Длина штриха (Stroke Length): 15
• Тоновый баланс (Light/Dark Balance): 50
• Направление штрихов (Stroke Direction): По диагонали вправо (Right Diagonal)

Нажмите кнопку 'OK', когда завершите.

Шаг 4

Далее идём Редактирование - Определить узор (Edit > Define Pattern), дайте название узору Фронтальный Узор (Front Pattern).

3. Создаём Задний фон с Простым Узором

Шаг 1

Создайте новый документ  950 x 750 px. В нижней части панели слоёв, нажмите значок Создать новый корректирующий слой или слой заливку (Create new fill or adjustment layer) и в появившемся меню, выберите опцию Цвет (Solid Color).

Шаг 2

Установите цвет заливки #a2563b.

Шаг 3

Дважды щёлкните по слою с заливкой, чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

• Режим наложения (Blend Mode): Мягкий свет (Soft Light)
• Узор (Pattern): Точки (Dots)

Итак, мы создали задний фон.

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

Шаг 1

Создайте текст, используя шрифт Burford. Цвет шрифта белый. Размер шрифта 350 pt, значение Трекинга (Tracking) -75.

Шаг 2

Переименуйте текстовый слой в Текст (Text), далее, щёлкните правой кнопкой мыши по слою с текстом и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Шаг 3

Продублируйте слой Текст (Text). 

5. Создаём Экструзию из Слоёв

Шаг 1

Ещё раз продублируйте слой Текст (Text), переименуйте новый дубликат слоя в Экструзию (Extrusion), а затем поместите этот слой в новую группу, назовите эту группу Экструзия (Extrusion).

Шаг 2

Находясь на слое Экструзия (Extrusion), нажмите клавиши (Ctrl+T) для активации режима Свободной трансформации (Free Transform Mode). Нажмите по одному разу клавиши со стрелкой влево и вниз, чтобы сдвинуть слой Экструзия (Extrusion) на 1 px в этих направлениях.

Нажмите клавишу (Enter), чтобы применить изменения.

Шаг 3

Нажмите клавиши (Shift+Ctrl+Alt+T) примерно 21 раз, чтобы создать 21 копию с той же самой трансформацией.

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

Шаг 4

Выделите все слои с экструзией, а затем идём Слой- Упорядочить- Инверсия (Layer > Arrange > Reverse), чтобы выставить правильный порядок слоёв.

Шаг 5

Поместите верхние три слоя с экструзией в новую группу Спереди (Front), нижние три слоя в другую группу Сзади (Back), а остальные слои в отдельную группу Середина (Middle). Примечание переводчика: все три группы будут расположены внутри группы Экструзия (Extrusion).

6. Создаём Слои с Тенью

Шаг 1

Продублируйте последний слой с экструзией (нижний слой в группе Сзади (Back). Назовите этот дубликат слоя Тень (Shadow).

Переместите слой Тень (Shadow) из группы Экструзия (Extrusion) в панель слоёв в новую группу, назовите новую группу Тень (Shadow). Примечание переводчика: создайте новую группу Тень (Shadow) ниже слоя  с группой Экструзия (Extrusion).

Шаг 2

Используя ту же самую трансформацию, продублируйте шаги, чтобы создать пару дубликатов для тени, только на этот раз, вам нужно будет сместить слой Тень (Shadow) на 1 px вправо и на 1 px вниз. Примечание переводчика: добавьте ещё два слоя с тенью, единственное, вам нужно сместить тень на 1рх вправо и на 1 рх вниз.

Шаг 3

Не забудьте упорядочить слои с тенью, когда вы завершите создавать дубликаты слоёв.

Шаг 4

Поместите слой Текст (Text) и дубликат слоя Текст (Text) в отдельную группу, назовите эту группу Текст (Text).

7. Стилизуем Текстовые Слои

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

Шаг 1

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

• Размер (Size): 3
• Положение (Position): Внутри (Inside)
• Цвет: #fbe8d2

Шаг 2

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

• Режим наложения (Blend Mode): Линейный затемнитель (Linear Burn)
• Цвет: #515151
• Непрозрачность (Opacity): 50%
• Смещение (Distance): 6
• Стягивание (Choke): 50
• Размер (Size): 5

Шаг 3

Добавьте стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки:

• Цвет: #f5edea
• Режим наложения (Blend Mode): Темнее (Darker Color)
• Непрозрачность (Opacity): 50%

Шаг 4

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

• Режим наложения (Blend Mode): Затемнение основы (Color Burn)
• Узор (Pattern): Зубья пилы (Sawtooth)
• Масштаб (Scale): 50%

Шаг 5

Уменьшите значение Заливки (Fill) для дубликата слоя Текст (Text) до 0.

Шаг 6

Дважды щёлкните по оригинальному слою Текст (Text), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

• Непрозрачность (Opacity): 95%
• Узор (Pattern): Фронтальный узор (Front Pattern)
• Масштаб (Scale): 50% Примечание переводчика: примените узор, который мы создали вначале этого урока.

Итак, мы стилизовали фронтальную часть текста.

8. Стилизуем Экструзию

Шаг 1

Дважды щёлкните по слою с группой Спереди (Front), чтобы применить стиль слоя Наложение цвета (Color Overlay), используя следующий цвет наложения #3c3b3b.

Шаг 2

Щёлкните правой кнопкой мыши по слою с группой Спереди (Front) и в появившемся окне, выберите опцию Скопировать стили слоя (Copy Layer Style), далее, щёлкните правой кнопкой мыши по слою с группой Сзади (Back) и в появившемся окне, выберите опцию Вклеить стили слоя (Paste Layer Style).

Раскройте группу Середина (Middle), выделите все слои внутри группы, далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, ещё раз выберите опцию Вклеить стили слоя (Paste Layer Style).

Шаг 3

Дважды щёлкните по слою с группой Середина (Middle ), чтобы применить стиль слоя Наложение узора (Pattern Overlay). Установите следующие настройки:

• Режим наложения (Blend Mode): Разделить (Divide)
• Непрозрачность (Opacity): 35%
• Узор (Pattern): Средняя Диагональная линия (Diagonal line medium)

Таким образом, мы стилизовали экструзию.

9. Стилизуем Тень

Шаг 1

Дважды щёлкните по слою с группой Тень (Shadow), чтобы применить стиль слоя Наложение цвета (Color Overlay). Установите следующие настройки:

• Цвет: #a89a96
• Режим наложения (Blend Mode): Умножение (Multiply)
• Непрозрачность (Opacity): 75%

Шаг 2

Уменьшите значение Заливки (Fill) для слоя с группой Тень (Shadow) до 0%.

10. Добавляем Текстуры

Перед тем, как добавить текстуры, поместите группы Текст (Text), Экструзия (Extrusion) и Тень (Shadow) в одну группу, назовите эту группу Текстовый Эффект (Text Effect), чтобы всё было организованно в палитре слоёв.

Шаг 1

Лучше всего добавить текстуры на наш рабочий документ в качестве смарт-объектов, поэтому идём Файл - Поместить связанные (File > Place Linked).

Вначале добавьте Гранжевую текстуру 11 поверх слоя с заливкой Цвет (Solid Color). Примените масштабирование к текстуре при необходимости.

Переименуйте слой с текстурой в BG Texture, а затем поменяйте режим наложения на Осветление основы (Color Dodge), а также уменьшите Непрозрачность (Opacity) слоя с текстурой до 30%.

Шаг 2

Далее, идём Изображение - Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Установите значение Насыщенности (Saturation) на -100.

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

Шаг 3

Идём Изображение- Коррекция - Яркость / Контрастность (Image > Adjustments > Brightness/Contrast).

Поставьте галочку в окошке Использовать прежние (Use Legacy), а также уменьшите Контрастности (Contrast) до -50.

Опция Использовать прежние (Use Legacy) помогает отрегулировать контрастность полностью чёрного и белого цвета, что создаёт гораздо меньший контраст.

Шаг 4

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

Переименуйте слой с текстурой в Текстура Наложения 1 (Texture Overlay 1), а затем поменяйте режим наложения для слоя с текстурой на Перекрытие (Overlay). 

Шаг 5

Идём Изображение - Коррекция - Уровни (Image > Adjustments > Levels). Поменяйте значение Гаммы (Gamma) на 0.70.

Шаг 6

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

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

Шаг 7

Далее, идём Изображение - Коррекция - Цветовой тон / Насыщенность (Image > Adjustments > Hue/Saturation). Установите значение Насыщенности (Saturation) на -100.

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

Шаг 1

Добавьте корректирующий слой Градиент (Gradient) поверх всех остальных слоёв.

Установите тип градиента от Прозрачного до Цвета заливки (Transparent to Fill Color). Установите следующие цвета градиента: #6f6f6f слева и #000000 справа.

В панели настроек, установите Стиль (Style) на Радиальный (Radial), Масштаб (Scale) 200, а затем поменяйте режим наложения для данного корректирующего слоя с градиентом на Перекрытие (Overlay).

Шаг 2

Добавьте новый новый корректирующий слой Яркость / Контрастность (Brightness/Contrast). Установите значение Контрастности (Contrast) на 25.

Шаг 3

Добавьте новый новый корректирующий слой Фото фильтр (Photo Filter). Установите цвет для фильтра #ec9600.

Шаг 4

Добавьте новый новый корректирующий слой Цветовой Баланс (Color Balance). Установите следующие настройки:

Средние тона (Midtones)

• Голубой / Красный (Cyan/Red): 20
• Пурпурный / Зелёный (Magenta/Green): 12
• Жёлтый / Синий (Yellow/Blue): 12

12. Создаём Гранжевый Эффект

Шаг 1

Перейдите на слой с группой Текстовый Эффект (Text Effect), далее, нажмите значок Добавить слой-маску (Add layer mask) в нижней части панели слоёв, чтобы добавить слой-маску к слою с группой.

Шаг 3

Выберите инструмент Заливка (Paint Bucket Tool), в панели управления данного инструмента. выберите тип заливки Узор (Pattern), а затем выберите узор 15 из набора Светлые Гранжевый Узоры.

Убедитесь, чтобы маска слоя Текстовый Эффект (Text Effect) была активной, а затем щёлкните по ней, чтобы залить её выбранный узором.

Шаг 3

Чтобы усилить гранжевый эффект, нажмите клавиши (Ctrl+L), чтобы появилось окно коррекции Уровни (Levels). Усильте значение Теней (Shadows), чтобы затемнить заливку узора внутри маски, которая усилит участки, скрытые маской, в результате усиливая гранжевый эффект.

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

В этом уроке мы создали простой полутоновый узор, используя пару фильтров.

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

В заключение, мы добавили текстуры, корректирующие слои и заливку узором для завершения заключительного эффекта.

Пожалуйста, не стесняйтесь оставлять свои комментарии, предложения, а также выкладывать свои работы.