В цьому уроці я покажу вам, як створити екшн Хутро в програмі Adobe Photoshop, використовуючи візерунок, пензель, стилі шару і мапу градієнта. В кінці уроку у вас буде екшн, за допомогою якого ви зможете повторити весь процес всього в один клік миші.
Якщо ви не хочете виконувати даний урок, але все ж бажаєте придбати цей екшн, то перейдіть на сайт GraphicRiver та купіть екшн Fur Generator, що дозволяє генерувати ефект хутра. Повна версія екшена має додаткові настройки: екшн
працює при розширенні 72 dpi та 300 dpi, а також з фігурами. Ви можете вибирати
колір і розмір хутра.
Матеріали для уроку
В цьому уроці використовувались наступні матеріали:
- Шрифт Aller Display
- Фоновезображення
- Пензель Хутро
-
Візерунок Текстура Хутра
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)виберіть Візерунки, натисніть Завантажити (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), а потім натисніть ОК.
Крок 7
Перейдіть на шарБазовий текст 1 (Base Text 1), а потім зайдіть в Тип > Створити робочий шлях (Type > Create Work Path).
Крок 8
Перейдіть на шар Хутро-1 (Fur-1). Далі, зайдіть в Вікно > Контури (Window > Paths), щоб відкрити панель Контури (Paths). Тепер клікніть правою кнопкою миші по Робочому Контуру (Work Path)і в вікні, що з’явиться оберіть Виконати обведення контура (Stroke Path). Встановіть пензель в якості інструменту обведення, а також зніміть галочки в вікні Імітувати натиск (Simulate Pressure), після цього натисніть OK.
Тепер видаліть Робочий контур (Work Path) з панелі Контури (Paths).
Крок 9
Повертаємось на панель Шари (Layers). Тепер ми об’єднаємо текст з хутром. Для цього перейдіть на шар Хутро-1 (Fur-1) на панелі шарів, а потім утримуючи клавішу Shift, виділіть шар Базовий текст (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): Gaussian
- Зніміть галочку в віконці Згладжування (Anti-aliased)
- Діапазон (Range): 61%
Крок 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%
Крок 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
Якщо ви використовуєте версію Adobe Photoshop CC, перейдіть до Кроку 23.
Двічі продублюйте шар Хутро-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, який
відтворює ефект хутра.
Спочатку ми створили текст і почали записувати екшн. Ми додали тексту контур, використовуючи пензлі та Контури, далі ми застосували стилі шару і під кінець ми додали коригуючий шар Мапа градієнта, щоб змінити колір.
Ось, що вам потрібно пам’ятати перед тим, як
записувати екшн:
- Переконайтесь, що ви встановили Візерунок та Пензель.
- Переконайтесь, що Непрозорість та Потік пензля встановлені на 100%, як описано в Кроці 5, параграфа 4 «Як створити екшн».
- Перед тим, як записувати екшн, переконайтесь, що шар з текстом є активним.
Щоб запустити екшн, вам необхідно вибрати екшн Fur Text, а потім натиснути значок Відтворення (Play)на панелі Дії (Actions).
Сподіваюсь, що вам сподобався цей урок. Залишайте свої коментарі щодо нього. Даний екшн, який ви щойно створили, є частиною екшена Генератора Хутра.