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

Як створити екшн ефект хутряного тексту в Adobe Photoshop

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Learn Photoshop Actions.
How to Create a Money Engraving Action: Photoshop in 60 Seconds
How to Create Pop Art Photo Effects With Photoshop Actions

Ukrainian (українська мова) translation by Elen (you can also view the original English article)

Final product image
What You'll Be Creating

В цьому уроці я покажу вам, як створити екшн Хутро в програмі Adobe Photoshop, використовуючи візерунок, пензель, стилі шару і мапу градієнта.  В кінці уроку у вас буде екшн, за допомогою якого ви зможете повторити весь процес всього в один клік миші.

Якщо ви не хочете виконувати даний урок, але все ж бажаєте придбати цей екшн, то перейдіть на сайт GraphicRiver та купіть екшн Fur Generator, що дозволяє генерувати ефект хутра.  Повна версія екшена має додаткові настройки: екшн працює при розширенні 72 dpi та 300 dpi, а також з фігурами. Ви можете вибирати колір і розмір хутра.

Promo Fur Generator
Генератор Хутра, 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. Встановлюємо пензель та візерунок.

Крок 1

Зайдіть в Правка > Стилі > Керування бібліотеками (Edit > Presets > Preset Manager). В спадаючому меню Тип стилів (Preset Type), виберіть Пензлі (Brushes), натисніть на копку Завантажити (Load) і в вікні, що з’явиться, виберіть пензель Хутро.

Installing brushes with Preset Manager

Крок 2

Далі, ще раз зайдемо в Правка > Стилі > Керування бібліотеками (Edit > Presets > Preset Manager). В спадаючому меню Тип стилів (Preset Type) виберіть Візерунки, натисніть Завантажити (Load) і в вікні, що з’явиться, виберіть візерунок Хутра

Installing patterns with Preset Manager

4. Як створити екшн

Крок 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), а потім натисніть ОК.

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). Встановіть пензель в якості інструменту обведення, а також зніміть галочки в вікні Імітувати натиск (Simulate Pressure), після цього натисніть OK.

Тепер видаліть Робочий контур (Work Path) з панелі Контури (Paths).

Applying a stroke to the path

Крок 9

Повертаємось на панель Шари (Layers).  Тепер ми об’єднаємо текст з хутром. Для цього перейдіть на шар Хутро-1 (Fur-1) на панелі шарів, а потім утримуючи клавішу Shift, виділіть шар Базовий текст (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): Gaussian
  • Зніміть галочку в віконці Згладжування (Anti-aliased)
  • Діапазон (Range): 61%
Bevel and Emboss Contour settings

Крок 12

Додайте Внутрішнє світіння шару з наступними налаштуваннями:

  • Режим накладання (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

Якщо ви використовуєте версію Adobe Photoshop CC, перейдіть до Кроку 23.

Двічі продублюйте шар Хутро-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

Ось, що вам потрібно пам’ятати перед тим, як записувати екшн:

  • Переконайтесь, що ви встановили Візерунок та Пензель.
  • Переконайтесь, що Непрозорість та Потік пензля встановлені на 100%, як описано в Кроці 5, параграфа 4 «Як створити екшн».
  • Перед тим, як записувати екшн, переконайтесь, що шар з текстом є активним.

Щоб запустити екшн, вам необхідно вибрати екшн Fur Text, а потім натиснути значок Відтворення (Play) на панелі Дії (Actions).

Сподіваюсь, що вам сподобався цей урок. Залишайте свої коментарі щодо нього. Даний екшн, який ви щойно створили, є частиною екшена Генератора Хутра.

Promo of Fur Generator
Генератор Хутра, Photoshop екшн.
Advertisement
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.