Matrixovský efekt, známý z kultovního filmu, je fascinující stylistický prvek k vytvoření digitálního a futuristického vzhledu. S programem Photoshop můžete nejen reprodukovat ikonický zelený kód, ale také ho animovat, aby vaše designy získaly dynamický a živý dojem. V tomto návodu vám ukážu krok za krokem, jak vytvořit a animovat Matrixovský efekt - ideální pro videa, webové stránky nebo kreativní projekty. Ponořme se do světa digitální estetiky!
Krok 1:
Nejprve vytvořím nový dokument; velikost je zcela nepodstatná. Zvolím velikost velmi malou 800x600 pixelů. Pokud chcete tento efekt vytisknout, měla by být jednotka pixelů změněna na cm a rozlišení z 72 na 300 pixelů/inch.
Krok 2:
Nyní otevřu obrázkový soubor v editoru (ideálně velmi malý obrázkový soubor, protože jinak by se otevírání trvalo dlouho) a zkopíruji do něj asi 2 stránky kódování.
Krok 3:
Následně vložím zkopírovaný text do textové vrstvy s písmem Courier o velikosti 10 bodů zelené barvy. Pozadí vrstvy by mělo být černé.
Krok 4:
Nyní změním směr textu kliknutím na odpovídající symbol v levém horním rohu.
Krok 5:
Aby nebyly vidět všechny písmena nebo aby některá byla vidět jen velmi slabě, vytvořím masku a pomocí standardních barev černá/bílá použiji filtr Difference Clouds (Menu>Filter>Render Filter). S Ctrl+F provedu tento postup opakovaně, dokud nebudu spokojen. Před spuštěním Difference Clouds jsem textovou vrstvu duplikoval a skryl.
Krok 6:
Pomocí Nastavení barev (Ctrl+L) můžu posunutím středního ukazatele lépe zdůraznit písmena.
Krok 7:
Nyní přidám do mé textové vrstvy vnější světlo. Kliknu v panelu vrstev pravým tlačítkem na textovou vrstvu a pak na Možnosti výplně.
Krok 8:
Horní textovou vrstvu nyní mohu znovu zobrazit a druhou prozatím skrýt. Poté inverzuji vrstvenou masku pomocí Ctrl+I (k tomu je nutné aktivovat masku předchozím klepnutím), takže je zcela černá. Nyní si vezmu štětec o velikosti např. 6 pixelů, který je také docela měkký. Nyní mohu s podrženou klávesou Shift kreslit přímé čáry. Při tom však musím klávesu Shift pustit a znovu klepnout na jiném místě a opět podržet klávesu Shift a poté kreslit čáru.
Krok 9:
Toto provedu v celém obrázku několikrát a poté zvýším průhlednost vrstvového stylu vnější světlo.
Krok 10:
Poté znovu zobrazím všechny vrstvy. Výsledek již vypadá velmi dobře.
Krok 11:
Nyní vám ukáži, jak využít tento efekt k animaci. K tomu otevřu svůj panel animací pod Menu>Okna a zvětším dolní textovou vrstvu.
Krok 12:
Nyní rozbalím vrstvu v panelu animací a kliknu na stopky vedle Pozice. Vytvoří se klíčový snímek, který si zapamatuje aktuální pozici mé textové vrstvy.
Krok 13:
Když posunuji regulátor v časové ose na například 05:00, automaticky se vytvoří nový klíčový snímek. Nyní posunuji svoji textovou vrstvu docela dolů s nástrojem Posunutí. A moje malá animace je hotová. Chci-li, aby se všechny textové vrstvy posunuly společně, mohu označit všechny vrstvy v panelu Vrstvy a sloučit je do Chytrého objektu. Poté nechám Chytrý objekt jednoduše posouvat.
Krok 14:
Poněvadž mi přehrávání v Photoshopu docela skolísává, exportuji to přímo pod Soubor > Exportovat > Vykreslit video jako Soubor QuickTime. Hotovou animaci si můžete prohlédnout zde.
Krok 15:
Na závěr workshopu chci ještě ukázat, jak vložit fotografii za efekt Matrixu. Jednoduše vložím fotografii podle svého výběru.
Krok 16:
Nyní stačí změnit metodu výplně na Světleji a písmena budou světlá tam, kde jsou na fotografii světlé pixely.
Krok 17:
Přitom mohu fotografii kdykoli posunout a textové znaky se automaticky přizpůsobí.
Krok 18:
Když posunu fotografickou vrstvu úplně nahoru v hierarchii vrstev, výsledek vypadá takto:
Krok 19:
Při použití metody výplně Ztmavení vypadá výsledek následovně:
Krok 20:
Geniální: Můžu fotografii zkopírovat do schránky a poté při stisknutém Alt přejít s Kliknutím do Vrstvené masky textové vrstvy a svou fotografii použít jako Vrstvenou masku pomocí Ctrl+V.
Krok 21:
Nebo mohu přeměnit svoji textovou vrstvu na Chytrý objekt a na ni aplikovat Rozmazání, které následně na některých místech opět vyblednu pomocí Masky chytrého objektu.
Krok 22:
Tipy: Mohu také jednoduše zdvojit svoji nejnižší textovou vrstvu, posunout ji úplně nahoru a pak například změnit velikost písma z 10 na 8. Poté nastavit průhlednost na asi 17 % a efekt bude ještě cool.
Krok 23:
Výsledek u mě vypadá následovně, kdy jsem nejvyšší Vrstvenou masku zrušil jednoduše s podrženou klávesou Shift:
