в

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

Final product image

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

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

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

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

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

Image of the background

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

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

Character Panel with size and tracking

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

Advertisement

Шаг 1

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

Installing brushes with Preset Manager

Шаг 2

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

Installing patterns with Preset Manager

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

Advertisement

Шаг 1

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

Opening the Actions Panel

Шаг 2

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

Creating a new action set

Шаг 3

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

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

Creating a new action

Шаг 4

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

How to rename the layer

Шаг 5

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

Choosing the brush and settings

Шаг 6

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

Creating and naming a layer

Шаг 7

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

Creating a work path

Шаг 8

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

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

Applying a stroke to the path

Шаг 9

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

Selecting two layers to merge

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

How to merge the 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%
Bevel and Emboss settings

Шаг 11

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

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

Шаг 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%
Inner Glow Settings

Шаг 13

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

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

Шаг 14

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

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

Шаг 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)
First Drop Shadow settings

Шаг 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)
Second Drop Shadow settings

Шаг 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)

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

Third Drop Shadow Settings

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

how the image should look like

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

how the image looks in an older photoshop

Шаг 18

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

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

Making two copies of the layer

Шаг 19

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

Clearing the Layer Style

Шаг 20

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

Changing the Fill of the layers

Шаг 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)

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

Second Drop shadow for older photoshop

Шаг 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)

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

Third Drop Shadow for older photoshop

Шаг 23

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

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

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

Converting layer to Smart Object

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

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

Converting layers to Smart Object in older photoshop

Шаг 24

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

Creating a new Gradient Map

Шаг 25

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

Renaming the Gradient Map

Шаг 26

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

Applying a Clipping Mask to a layer

Шаг 27

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

Opening the Properties Panel

Шаг 28

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

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

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

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

Opening the Gradient Editor

Шаг 29

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

Finishing the recording of the action

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

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

Image with the final result

Автор: Anderson Luiz

Проголосуйте:

Аватар
Подписаться
Уведомить о
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
nadpisi na peske v adobe photoshop

Как делать надписи на песке в Adobe Photoshop

risuem ostrov sokrovishh v adobe photoshop

Рисуем остров сокровищ в Adobe Photoshop