Ефект Матриці, відомий з культового фільму, є захоплюючим стилістичним прийомом для створення цифрового та футуристичного вигляду. За допомогою Photoshop ви можете не тільки відтворити знаковий зелений код, але й анімувати його, щоб надати вашим проектам динамічності та яскравості. У цьому уроці я крок за кроком покажу вам, як створювати й анімувати матричний ефект - ідеальний для відео, веб-сайтів і творчих проектів. Давайте зануримося у світ цифрової естетики!
Крок 1:
Спочатку я створюю новий документ, розмір якого не має значення. Я обираю дуже маленький розмір 800x600 пікселів. Якщо ви хочете надрукувати цей ефект, вам слід змінити одиницю виміру з пікселів на сантиметри, а роздільну здатність - з 72 до 300 пікселів/дюйм.
Крок 2:
Тепер я відкриваю файл зображення в редакторі (бажано, щоб він був дуже маленького розміру, тому що інакше він відкривається занадто довго) і копіюю в нього близько 2 сторінок ієрогліфічного салату.
Крок 3:
Далі я вставляю скопійований текст у текстовий шар, використовуючи, наприклад, шрифт Courier розміром 10 пт і зеленим кольором. Фоновий шар повинен бути чорним.
Крок 4:
Тепер я змінюю напрямок тексту, натиснувши на відповідний символ у верхньому лівому куті.
Крок 5:
Щоб не всі літери було видно, або деякі лише злегка, я створюю маску і запускаю фільтр Difference Clouds (Menu>Filter>Render Filter) з кольорами за замовчуванням чорний/білий. Я повторюю це з Ctrl+F, поки не буду задоволений. Я швидко продублював і розтушував текстовий шар перед тим, як запустити фільтр різницевих хмар.
Крок 6:
Використовуючи тонову корекцію (Ctrl+L ), я можу зробити літери ще більш помітними, пересуваючи центральний повзунок.
Крок 7:
Тепер я додаю текстовому шару зовнішнє світіння. Для цього я клацаю правою кнопкою миші на текстовому шарі на панелі керування шаром і вибираю опцію "Заливка" (Fill options).
Крок 8:
Тепер я можу знову показати верхній текстовий шар, а другий поки що приховати. Потім я інвертую маску шару за допомогою комбінації клавіш Ctrl+I (активуйте маску один раз, клацнувши на ній), щоб вона стала повністю чорною. Тепер я беру пензель розміром, наприклад, 6 пікселів, також досить м'який. Тепер я можу малювати прямі штрихи, утримуючи клавішу Shift. Для цього, однак, після малювання потрібно знову відпустити клавішу Shift і клацнути ще раз в іншій точці, а потім намалювати мазок, утримуючи клавішу Shift.
Крок 9:
Тепер я зроблю це кілька разів по всьому зображенню, а потім збільшу непрозорість стилю шару " Сяйво назовні".
Крок 10:
Потім я знову накладаю всі шари. Результат вже виглядає дуже добре.
Крок 11:
Тепер я хочу показати, як я використовую ефект, щоб оживити його ще більше. Для цього я відкриваю свою панель керування анімацією в Меню>Вікно і збільшую нижній текстовий шар.
Крок 12:
Тепер я розгортаю шар на панелі анімації і натискаю на секундомір поруч з пунктом Position (Положення ) . Це створить ключовий кадр, який запам'ятає поточну позицію мого текстового шару.
Крок 13:
Якщо я тепер перетягну повзунок на часовій шкалі, наприклад, до 05:00f, автоматично створиться новий ключовий кадр. Тепер я переміщу мій текстовий шар досить далеко вниз за допомогою інструмента "Переміщення" (Move ) . І моя маленька анімація готова. Якщо я хочу, щоб усі текстові шари рухалися разом з нею, я можу виділити всі шари на панелі шарів і об'єднати їх в один смарт-об'єкт. Потім я просто дозволяю смарт-об'єкту рухатися.
Крок 14:
Оскільки відтворення у Photoshop для мене є досить ривками, я виводжу його у форматі QuickTime Movie в меню Файл>Експорт>Відтворення відео. Ви можете подивитися готову анімацію тут.
Крок 15:
На завершення майстер-класу я хотів би показати вам, як обернути фотографію за допомогою матричного ефекту. Я вставлю фотографію на свій вибір.
Крок 16:
Тепер мені просто потрібно змінити режим накладання на Dodge Coloured (Кольоровий ), і літери будуть яскравими там, де є яскраві пікселі зображення на фотографії.
Крок 17:
Я можу переміщати фотографію в будь-який момент, і символи тексту будуть підлаштовуватися автоматично.
Крок 18:
Якщо я переміщу шар з фотографією на вершину ієрархії шарів, результат виглядатиме так:
Крок 19:
З режимом накладання " Затемнення " результат виглядає так:
Крок 20:
Геніально: я навіть можу скопіювати фотографію в буфер обміну, а потім, утримуючи клавішу Alt, клацнути на масці текстового шару і використати мою фотографію як маску ша ру за допомогою комбінації клавіш Ctrl+V.
Крок 21:
Або я перетворюю текстовий шар на смарт-об'єкт і можу застосувати до нього розмиття, яке, в свою чергу, знову приховати в деяких місцях за допомогою маски смарт-об'єкта.
Крок 22:
Порада: Я також можу просто продублювати нижній текстовий шар, перемістити його наверх і змінити розмір тексту, наприклад, з 10 на 8. Потім встановлюю непрозорість приблизно на 17% і ефект виглядає ще крутіше.
Крок 23:
У моєму випадку результат виглядає так: я просто скасував маску верхнього шару, утримуючи клавішу Shift:
