Создаём Текст из Меха в программе Adobe Photoshop

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

Если вы не хотите выполнять этот урок, но всё же хотите приобрести экшен, то перейдите на сайт GraphicRiver и купите программу, позволяющую генерировать эффект Меха. Полная версия экшена имеет дополнительные настройки, при которых экшен работает при разрешении 72 dpi и 300 dpi, а также работает с фигурами. Вы можете выбирать различные цветовые решения и размер меха.

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

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

• Шрифт Aller Display
• Задний фон JPG
  
• Кисть Мех
  
• Узор Текстура Меха
  

1. Создаём Задний Фон для Экшена

Откройте программу Photoshop, а затем идём Файл- Открыть (File > Open) и в появившемся окне навигации, выберите исходное изображение с текстурой заднего фона.

2. Создаём Текст

Выберите инструмент Горизонтальный текст (Type Tool (T), напишите текст "FUR". Используйте шрифт Aller Display,  а затем идём в панель настроек текста Окно - Символ (Window > Character). Установите размер шрифта на 347 pt, а также Трекинг (Tracking) на 50.

3. Устанавливаем Кисть и Узор

Шаг 1

Идём Редактирование - Наборы - Управление наборами (Edit > Presets > Preset Manager). В выпадающем меню Тип наборов (Preset Type), выберите опцию Кисти (Brushes), нажмите на копку Загрузить (load) и в появившемся окне, выберите Кисть Мех.

Шаг 2

Далее, ещё раз идём Редактирование - Наборы - Управление наборами (Edit > Presets > Preset Manager). И в выпадающем меню Тип наборов (Preset Type), выберите опцию Узоры (Patterns), нажмите на копку Загрузить (load) и в появившемся окне, выберите узор Текстура Меха.

4. Создаём Экшен

Шаг 1

Идём Окно - Операции (Window > Actions), чтобы открыть панель Операции (Actions).

Шаг 2

Давайте создадим новый набор операций. Для этого, щёлкните по значку Создать новый набор (Create New Set), назовите этот набор Fur Action, а затем нажмите кнопку 'OK'.

Шаг 3

Нажмите значок Создать новую операцию (Create New Action), назовите эту операцию Fur Text, а затем нажмите кнопку Запись (Record).

С этого момента, всё, что вы сделаете, будет записано, поэтому, присматривайте за панелью Операции (Actions). Если вы совершили ошибку, нажмите значок Остановить Запись (Stop Playing/Recording), а затем удалите ненужный шаг из операции Fur Text. Далее, нажмите значок Начать Запись (Begin Recording), чтобы продолжить запись экшена.

Шаг 4

Находясь на слое с текстом, идём Слой- Переименовать слой (Layer > Rename Layer). Назовите этот слой Базовый текст 1 (Base Text 1).

Шаг 5

Далее, выберите инструмент Кисть (Brush Tool (B). Выберите кисть Мех, а затем в панели управления данного инструмента. установите Режим (Mode) на Нормальный (Normal), Непрозрачность (Opacity) и Нажим (Flow) на 100%. Отключите остальные настройки в панели управления кисти.

Шаг 6

Теперь давайте создадим новый слой. Идём Слой- Новый - Слой (Layer > New > Layer), назовите этот слой Мех-1 (Fur-1), а затем нажмите кнопку 'OK'.

Шаг 7

Перейдите на слой Базовый текст 1 (Base Text 1), а затем идём Текст - Создать рабочий контур (Type > Create Work Path).

Шаг 8

Перейдите на слой Мех-1 (Fur-1). Далее, идём Окно - Контуры (Window > Paths), чтобы открыть панель Контуры (Paths). Теперь щёлкните правой кнопкой по Рабочему Контуру (Work Path) и в появившемся меню, выберите опцию Выполнить обводку контура (Stroke Path). Установите Кисть (Brush) в качестве инструмента обводки, а также уберите галочку в окошке Имитировать нажим (Simulate Pressure), после этого нажмите кнопку 'OK'.

После этого удалите Рабочий контур (Work Path) в панели Контуры (Paths).

Шаг 9

Возвращаемся обратно в панель Слои (Layers). Теперь мы объединим текст с мехом. Для этого, перейдите на слой Мех-1 (Fur-1) в панели слоёв, а затем удерживая клавишу (Shift), выделите слой Базовый текст 1 (Base Text 1).

Теперь отпустите клавишу (Shift), далее, щёлкните правой кнопкой мыши по одному из выделенных слоёв Мех-1 (Fur-1) и в появившемся окне, выберите опцию Объединить слои (Merge Layers).

Шаг 10

Теперь мы применим стили слоя. Дважды щёлкните по слою Мех-1 (Fur-1), чтобы применить следующие стили слоя:

Добавьте стиль слоя Тиснение (Bevel & Emboss). Установите следующие настройки:

• Стиль (Style): Внутренний скос (Inner Bevel)
• Метод (Technique): Плавное (Smooth)
• Глубина (Depth): 63 %
• Направление (Direction): Вверх (Up)
• Размер (Size): 24рх
• Смягчение (Soften): 16рх
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 13º
• Высота (Altitude): 42º
• Контур глянца (Gloss Contour): Gaussian
• Поставьте галочку в окошке Сглаживание (Anti-aliased)
• Режим подсветки (Highlight Mode): Мягкий свет (Soft light)
• Режим подсветки (Highlight Mode) Цвет: #ffffff
• Режим подсветки (Highlight Mode): Непрозрачность (Opacity): 65%
• Режим тени (Shadow Mode): Перекрытие (Overlay)
• Режим тени (Shadow Mode): Цвет #362a1a
• Режим тени (Shadow Mode): Непрозрачность (Opacity): 26%

Шаг 11

Добавьте стиль слоя Контур (Contour). Установите следующие настройки:

• Контур (Contour): Gaussian
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 61%

Шаг 12

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

• Режим наложения (Blend Mode): Осветление (Screen)
• Непрозрачность (Opacity): 25%
• Шум (Noise): 0%
• Цвет (Color): #cfb9a6
• Метод (Technique): Мягкий (Softer)
• Источник (Source): Из центра (Center)
• Стягивание (Choke): 4%
• Размер (Size): 213 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Диапазон (Range): 100%
• Колебание (Jitter): 0%

Шаг 13

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

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

Шаг 14

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Непрозрачность (Opacity): 100%
• Узор (Pattern): в качестве узора, выберите узор Меха, который вы установили вначале этого урока.
• Масштаб (Scale): 25%
• Поставьте галочку в окошке Связать со слоем (Link with Layer)

Шаг 15

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Цвет (Color): #6d655d
• Непрозрачность (Opacity): 100%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0º
• Смещение (Distance): 18 px
• Размах (Spread): 100%
• Размер (Size): 0 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 16

Если вы не используете версию программы Adobe Photoshop CC, то нажмите кнопку 'ОК' и переходите к шагу 18, в противном случае, продолжайте урок дальше.

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Цвет (Color): #e5dacf
• Непрозрачность (Opacity): 100%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0º
• Смещение (Distance): 0 px
• Размах (Spread): 100%
• Размер (Size): 2 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Шаг 17

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

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет (Color): #000000
• Непрозрачность (Opacity): 30%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 3º
• Смещение (Distance): 34 px
• Размах (Spread): 0%
• Размер (Size): 1 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК'.

Результат должен быть, как на скриншоте ниже.

Или, как на скриншоте ниже, если вы используете более раннюю версию Adobe Photoshop:

Шаг 18

Перейдите к Шагу 23, если вы используете версию программы Adobe Photoshop CC.

Дважды продублируйте слой Мех-1 (Fur-1), а затем расположите дубликаты слоёв ниже оригинального слоя.

Шаг 19

Щёлкните правой кнопкой мыши по первому дубликату слоя и в появившемся окне, выберите опцию Очистить стили слоя (Clear Layer Style). Проделайте то же самое для второго дубликата слоя.

Шаг 20

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

Шаг 21

Дважды щёлкните по первому дубликату слоя, чтобы применить стиль слоя.

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

• Режим наложения (Blend Mode): Нормальный (Normal)
• Цвет (Color): #e5dacf
• Непрозрачность (Opacity): 100%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 0º
• Смещение (Distance): 0 px
• Размах (Spread): 0%
• Размер (Size): 2 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

После этого, нажмите кнопку 'ОК'.

Шаг 22

Дважды щёлкните по второму дубликату слоя, чтобы применить стиль слоя.

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

• Режим наложения (Blend Mode): Умножение (Multiply)
• Цвет (Color): #000000
• Непрозрачность (Opacity): 30%
• Уберите галочку в окошке Глобальное освещение (Use Global Light)
• Угол (Angle): 3º
• Смещение (Distance): 34 px
• Размах (Spread): 0%
• Размер (Size): 1 px
• Контур (Contour): Linear
• Уберите галочку в окошке Сглаживание (Anti-aliased)
• Шум (Noise): 0%
• Поставьте галочку в окошке Слой выбивает тень (Layer Knocks Out Drop Shadow)

Нажмите кнопку 'ОК'.

Шаг 23

Теперь вам нужно преобразовать слой Мех-1 (Fur-1) в смарт-объект.

Для версии программы Adobe Photoshop CC:

Щёлкните правой кнопкой по слою Мех-1 (Fur-1) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Для более ранних версий программы Adobe Photoshop:

Перейдите на слой Мех-1 (Fur-1), теперь удерживая клавишу (Shift), щёлкните по второму дубликату слоя Мех-1 (Fur-1 copy 2). Отпустите клавишу (Shift), а теперь щёлкните правой кнопкой по одну из выделенных слоёв Мех-1 (Fur-1) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

Шаг 24

Теперь давайте изменить цвет меха. Мы сделаем его белым. Идём в панель Коррекция (Adjustments) и выбираем корректирующий слой Карта градиента (Gradient Map). Если вы не видите эту панель, тогда идём Окно - Коррекция (Window > Adjustments).

Шаг 25

Ваше изображение станет выглядеть странным, но не переживайте. Назовите корректирующий слой Карта градиента 1 (Gradient map 1) Цвет градиента (Gradient Color).

Шаг 26

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

Шаг 27

Дважды щёлкните по миниатюре слоя Цвет градиента (Gradient Color). Далее появится окно настроек Свойства (Properties).

Шаг 28

Щёлкните по шкале градиента в окне настроек Свойства (Properties). чтобы открыть окно Редактор градиента (Gradient Editor).

Установить следующие цвета градиента:

• Первая контрольная точка цвета: #000000, Позиция (Location) 0%
• Вторая контрольная точка цвета: #848484, Позиция (Location) 30%
• Третья контрольная точка цвета: #c0c0c0, Позиция (Location) 48%
• Четвёртая контрольная точка цвета: #ffffff, Позиция (Location) 100%

Нажмите кнопку 'ОК'.

Шаг 29

Переименуйте слой Мех-1 (Fur-1) в Мех (Fur), а затем остановите запись экшена.

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

В этом уроке вы узнали, как создать экшен, который воссоздаёт эффект меха в программе Adobe Photoshop.

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

Три пункта, которые необходимо запомнить перед тем, как приступить к записи экшена:

• Убедитесь, что вы установили Узор и Кисть.
• Убедитесь, чтобы Непрозрачность (Opacity) и Нажим (Flow) кисти были установлены на 100%, точно так же, как в Шаге 5 Параграфа 4 'Создаём Экшен'.
• Перед тем, как приступить к записи экшена, убедитесь, что вы находитесь на слое с текстом.

Чтобы запустить экшен, вам необходимо выбрать экшен Fur Text, а затем нажать значок Воспроизвести (Play) в панели Операции (Actions). 

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