Матричният ефект, познат от култовия филм Matrix, е фасциниращ стилов прием, който създава цифров и футуристичен вид. С Photoshop можете не само да репликирате иконичния зелен код, но и да го анимирате, за да придадете динамичен и живописен вид на вашите дизайни. В този урок ще ви покажа стъпка по стъпка как да създадете и анимирате Матричния ефект - идеален за видеоклипове, уебсайтове или креативни проекти. Нека потопим в света на цифровата естетика!
Стъпка 1:
Първо създавам нов документ; големината е напълно незначителна. Аз избирам много малка големина от 800x600 пиксела. Ако искаме да отпечатаме този ефект, размерът трябва да бъде променен от пиксели в см и резолюцията от 72 на 300 пиксела на инч.
Стъпка 2:
Сега отварям изображение в редактора (предпочитано е много малко изображение, тъй като в противен случай отварянето отнема много време) и копирам около 2 страници код в него.
Стъпка 3:
След това вмъквам копирания текст в текстов слой с шрифт Courier с размер 10 Pt и зелен цвят. Фоновият слой трябва да бъде черен.
Стъпка 4:
Сега променям посоката на текста, като кликна в горния ляв ъгъл върху съответната икона.
Стъпка 5:
За да не се виждат всички букви или някои от тях само слабо, създавам маска и използвам филтъра Разлика в облаци със стандартните цветове Черно/Бяло (Меню>Филтър>Филтър за рендериране). С Ctrl+F повтарям това докато съм доволен. Преди да използвам Разлика в облаци, бързо дублирам и скривам текстовия слой.
Стъпка 6:
С помощта на Цветова корекция (Ctrl+L) мога чрез преместване на средния регулатор да подчертая още повече буквите.
Стъпка 7:
Сега придавам на текстовия слой ефект "Отблясък отвън." За целта щраквам с десния бутон на мишката върху текстовия слой в Панела със слоеве и след това върху Опции за попълване.
Стъпка 8:
Сега отново показвам горния текстов слой и първоначално скривам втория. След това инвертирам маската на слоя с Ctrl+I (за целта първо активирам маската, като я кликна). Сега вземам четка с размер от например 6 пиксела, която също е доста мека. След това с натискане на Shift правя прави линии. За да правя това, обаче трябва да отпусна клавиша Shift след влаченето и отново да щракна веднъж на друго място и после да влача с натиснат Shift.
Стъпка 9:
Повтарям този процес няколко пъти в целия образ и след това увеличавам прозрачността на стиловете на слоевете "Отблясък отвън."
Стъпка 10:
След това показвам всички слоеве отново. Резултатът изглежда много добре.
Стъпка 11:
Сега искам да покажа как използвам ефекта, за да го анимирам. За целта отварям "Панела за анимации" под Меню>Прозорци и увеличавам долната текстова позиция.
Стъпка 12:
Сега разширя слоя в "Панела за анимации" и щраквам на "часовник" до Позиция. Това създава ключов кадър, който запомня текущата позиция на текстовия слой.
Стъпка 13:
Когато плъзнете плейбекера към 05:00f в Лента на времето, автоматично се създава нов Ключов кадър. Сега премествам текстовия си слой доста надолу с Инструмента за преместване. И вече завърши моята малка анимация. Ако искам всички текстови слоеве да се движат заедно, мога да маркирам всички слоеве в Панела със слоеве и да ги обединя като Умно обект. След това просто позлволя на Умния обект да се движи.
Стъпка 14:
Понеже възпроизвеждането в Photoshop ми се забавя доста, аз го експортирам веднага под Файл> Износ> Рендиране на видео като QuickTime видео. Готовата анимация може да бъде видяна тук.
Стъпка 15:
В края на урока искам да покажа как да поставите снимка зад ефекта "Матрица". А именно, добавям снимка по мое избиране.
Стъпка 16:
Сега трябва само да променя метода на попълване на Оптично омекотяване, и вече буквите са светли там, където и в снимката има светли пиксели.
Стъпка 17:
Мога по всяко време да преместя снимката и текстовите знаци автоматично се адаптират.
Стъпка 18:
Когато преместя фото слоя нагоре в хиерархията на слоеве, резултатът изглежда така:
Стъпка 19:
С метода на попълване Затъмняване, резултатът изглежда така:
Стъпка 20:
Страхотно: Мога дори да копирам снимката в клавишната изсечка и след това с натиснат Alt клавиш с едно плъзване да вляза в Маската на слоя на текстовия слои и използвам снимката с Ctrl+V като Маска на слоя.
Стъпка 21:
Или просто преобразувам текстовия си слой в Умно обект и след това мога да приложа размазване, което отново избляндавам чрез Маската на Умния обект на някои места.
Стъпка 22:
Съвет: Мога също просто да дублирам най-долната текстова силя, да я преместя отгоре и след това да променя размера на текста от 10 на 8. След това просто задавам Прозрачността на около 17%, и ефектът изглежда още по-добре.
Стъпка 23:
Резултатът при мен изглежда по следния начин, като смятам върху горния Слоен маск, просто да натисна Shift клавиша:
