Створюємо голографічний текст із 3D-ефектом

Створюємо голографічний текст із 3D-ефектом
Робота з текстом
08.01.2023, 15:28
161
0
У цьому уроці я покажу вам, як за допомогою стилів шару створити яскравий ефект 3D. Під час уроку ми застосуємо до стилів фільтр Розмиття в русі, щоб створити приголомшливий голографічний ефект у стилі Зоряних воєн. Також ви дізнаєтесь, як записати всі дії в екшен, щоб можна було швидко та легко повторно застосувати ефект до будь-якого тексту.
01

Матеріали уроку
Під час цього уроку використовувалися такі ресурси:
1. Створюємо стилі шару
КРОК 1
Перед початком запису екшен нам потрібно створити стилі шару. Це дозволить скоротити кількість кроків в екшені і дозволить редагувати деякі його параметри.
Завантажуємо zip-архів та розархівовуємо його в будь-яку папку. Потім відкриваємо файл Holo-Tuto-Background.jpg у Фотошоп.
03

КРОК 2
Тепер беремо Horizontal Type Tool (T) (Горизонтальний текст), на панелі Window – Character (Вікно – Символ) встановлюємо розмір на 175 пунктів і шрифт – на Komikahuna. Потім у центрі документа пишемо слово HOLO.
04

КРОК 3
Переходимо на панель шарів та встановлюємо Fill (Заливання) шару HOLO на 0%. Потім двічі клацаємо лівою кнопкою цього ж шару, щоб відкрити вікно Layer Style (Стиль шару). Після цього додаємо стиль Color Overlay (Накладення кольору):
  • Blend Mode (Режим накладання): Normal (Нормальний)
  • Колір: #001f36
  • Opacity (Непрозорість): 100%
    05

    КРОК 4
    Далі застосовуємо Outer Glow (Зовнішнє світіння):
  • Blend Mode (Режим накладання): Normal (Нормальний)
  • Opacity (Непрозорість): 64%
  • Noise (Шум): 0%
  • Колір: #004377
  • Technique (Метод): Softer (М'який)
  • Spread (Розмах): 22%
  • Size (Розмір): 73 пікс.
  • Contour (Контур): Linear (Лінійний)
  • Anti-aliased (Згладжування): вкл.
  • Range (Діапазон): 100%
  • Jitter (Коливання): 0%
    Після цього натискаємо кнопку New Style (Новий стиль) і зберігаємо його під назвою «HOLO – A».
    Не закриваємо вікно Layer Style (Стиль шару).
    06

    КРОК 5
    Перший шар зі стилями готовий, і ми можемо зайнятися другим.
    Знімаємо галочку з Outer Glow (Зовнішнє світіння). Потім коригуємо налаштування Color Overlay (Накладення кольору):
  • Blend Mode (Режим накладання): Soft Light (М'яке світло)
  • Колір: #12b4ff
  • Opacity (Непрозорість): 100%
    07

    КРОК 6
    Додаємо стиль шару Bevel & Emboss (Фаска та тиснення) з наступними налаштуваннями:
  • Style (Стиль): Emboss (Тиснення)
  • Technique (Метод): Smooth (Плавне)
  • Depth (Глибина): 1000%
  • Direction (Напрямок): Up (Вгору)
  • Розмір : 9 пікс.
  • Soften (Пом'якшення): 12 пікс.
  • Use Global Light (Глобальне освітлення): вимк.
  • Angle (Кут): -95º
  • Altitude (Висота): 36º
  • Gloss Contour (Контур глянцю): Ring Double (Подвійне кільце)
  • Anti-aliased (Згладжування): вкл.
  • Highlight Mode (Режим підсвічування): Color Dodge (Освітлення основи). Колір: #7ba4c6 Opacity (Непрозорість): 86%
  • Shadow Mode (Режим тіні): Hard Light (Жорстке світло). Колір: #8fd1ff Opacity (Непрозорість): 75%
    08

    КРОК 7
    Додаємо стиль шару Inner Shadow (Внутрішня тінь) з наступними налаштуваннями:
  • Blend Mode (Режим накладання): Screen (Освітлення)
  • Колір: #009cff
  • Opacity (Непрозорість): 100%
  • Use Global Light (Глобальне освітлення): вимк.
  • Angle (Кут): 90º
  • Distance (Зміщення): 19 пікс.
  • Choke (Стягування): 0%
  • Розмір : 32 пікс.
  • Contour (Контур): Cone (Конус)
  • Anti -aliased (Згладжування): увімк.
  • Noise (Шум): 0%
    09

    КРОК 8
    Далі ми будемо використовувати візерунок, який знаходиться у завантаженому zip-архіві. Це звичайні горизонтальні лінії. Я намалював його за допомогою білих ліній та прозорого фону.
  • Blend Mode (Режим накладання): Normal (Нормальний)
  • Opacity (Непрозорість): 36%
  • Pattern (Візерунок): Holographic Pattern (Клікаємо по мініатюрі візерунка, щоб відкрити панель. Потім натискаємо на значок шестерні у правому верхньому кутку і вибираємо Load Patterns (Завантажити візерунки). Після цього вибираємо завантажений Holographic Pattern).
  • Scale (Масштаб): 150%
  • Link with Layer (Зв'язати із шаром): увімк.
    10

    КРОК 9
    Додаємо стиль шару Drop Shadow (Тінь) з наступними налаштуваннями:
  • Blend Mode (Режим накладання): Normal (Нормальний)
  • Колір: #004280
  • Opacity (Непрозорість): 100%
  • Use Global Light (Глобальне освітлення): увімк.
  • Angle (Кут): -87º
  • Distance (Зміщення): 0 пікс.
  • Spread (Розмах): 16%
  • Розмір : 16 пікс.
  • Contour (Контур): Linear (Лінійний)
  • Anti-aliased (Згладжування): викл
  • Noise (Шум): 0%
  • Layer Knocks Out Drop Shadow (Шар вибиває тінь): вкл
    Закінчивши, натискаємо кнопку New Style (Новий стиль) і зберігаємо з назвою HOLO – B. Після цього закриваємо вікно Layer Style (Стиль шару).
    11

    2. Як створити екшен
    КРОК 1
    Переходимо на панель шарів та вибираємо шар HOLO. Після цього відкриваємо панель Window – Actions (Вікно – Операції). Потім у нижній частині панелі натискаємо кнопку Create new set (Створити новий набір) і називаємо його «Мій текстовий ефект». Після цього тиснемо кнопку Create new action (Створити нову операцію) і вводимо назву «Голографічний ефект».
    З цього моменту Фотошоп записує всі дії всередині програми в екшен. Слідкуйте за панеллю операцій, на ній будуть відображатися ваші кроки. За потреби можна видалити зайву дію. Для цього виберіть його та натисніть на значок з кошиком внизу панелі.
    12

    КРОК 2
    Двічі клацаємо назвою шару HOLO і перейменовуємо його на HOLO – A (будьте уважні і не зніміть виділення з шару HOLO). Потім правою кнопкою клацаємо по цьому шару і вибираємо Convert to Smart Object (Перетворити на смарт-об'єкт).
    13

    КРОК 3
    Тиснемо Ctrl+T, щоб активувати вільну трансформацію. На верхній панелі деактивуємо Maintain aspect ratio (Зберігати пропорції) та розтягуємо текст по вертикалі до 59%. Не натискайте клавішу Enter, щоб застосувати зміни. Трансформація має залишатися активною!
    14

    КРОК 4
    Клацаємо правою кнопкою мишки всередині рамки трансформації та вибираємо Perspective (Перспектива). Потім мишкою хапаємо праву верхню опорну точку і зміщуємо її на 22 ліво. Після цього тиснемо Enter, щоб застосувати трансформацію.
    15

    КРОК 5
    Тепер переходимо до панелі Window – Styles (Вікно – Стилі). Стилі шару, які ми зберігали у першій частині уроку, є тут. Шукаємо стиль HOLO - A і клацаємо по ньому, щоб застосувати до вибраного шару.
    Після цього застосовуємо фільтр Filter – Blur – Motion Blur (Фільтр – Розмиття – Розмиття у русі). Встановлюємо Angle (Кут) на 80º та Distance (Зміщення) – на 68 пікселів.
    Розмиття в русі допоможе створити потрібний 3D-ефект.
    16

    КРОК 6
    Тиснемо Ctrl+J, щоб дублювати шар, називаємо копію HOLO – B. Після цього відкриваємо панель Styles (Стилі) та застосовуємо до копії стиль HOLO – B.
    17

    КРОК 7
    На панелі шарів натискаємо по стрілці навпроти шару HOLO – B, щоб розгорнути всі його ефекти. Двічі натискаємо фільтр Motion Blur (Розмиття в русі), щоб змінити його налаштування. Встановлюємо Angle (Кут) на 90º та Distance (Зміщення) – на 42 пікселі.
    Після цього вибираємо інструмент Move Tool (V) (Переміщення) та зміщуємо шар HOLO – B вгору на 60 пікселів.
    18

    КРОК 8
    Із затиснутою клавішею Ctrl виділяємо обидва шари одночасно HOLO – A та HOLO – B та перетворюємо їх у смарт-об'єкт. Двічі клацаємо по цьому смарт-об'єкту, щоб відкрити вікно стилів. Після цього використовуємо стиль шару Outer Glow (Зовнішнє світіння) з наступними параметрами:
  • Blend Mode (Режим накладання): Normal (Нормальний)
  • Opacity (Непрозорість): 19%
  • Noise (Шум): 0%
  • Колір: #3253ff
  • Technique (Метод): Softer (М'який)
  • Spread (Розмах): 18%
  • Розмір : 156 пікс.
  • Contour (Контур): Linear (Лінійний)
  • Anti-aliased (Згладжування): вкл.
  • Range (Діапазон): 100%
  • Jitter (Коливання): 0%
    Тиснемо ОК, щоб закрити вікно Layer Style (Стиль шару).
    19

    КРОК 9
    Переходимо на панель операцій та тиснемо на кнопку Stop Recording (Зупинити запис).
    20

    Ми закінчили!
    Ось так виглядає фінальний результат:
    01

    У цьому уроці ми створили голографічний ефект на тексті і записали процес в екшен. Спочатку ми створили два шари зі стилями, потім об'єднали їх разом і застосували до них розмиття в русі для імітації 3D ефекту. Тепер ви можете використовувати цей екшен до будь-якого тексту. Достатньо зробити пару кліків мишкою!
    Щоб застосувати екшен, вибираємо його на панелі операцій і в нижній частині тиснемо кнопку Play (Відтворити).
    Сподіваюся, вам сподобався урок. Не соромтеся залишати коментарі нижче.


  • Автор: Anderson Luiz Переклад: svit4u
    Ctrl
    Enter
    Помітили помЫлку
    Виділіть текст та натисніть Ctrl+Enter
    Коментарі (0)
    Топ із цієї категоріі
    Як обробляти осінні фотографії Як обробляти осінні фотографії
    Сьогодні я покажу як можна обробляти осінні фотографії.
    22.10.2017, 19:11
    2130
    0
    Перефарбовуємо літо в осінь в Photoshop Перефарбовуємо літо в осінь в Photoshop
    Друзі, цього разу я збираюся показати вам простий трюк, як зробити зелене листя червоним, як восени, в Photoshop.
    22.03.2022, 12:36
    484
    0

    Стара форма входу