Matrixový efekt, známy z kultového filmu, je fascinujúci výtvarný prvok, ktorý vytvára digitálny a futuristický vzhľad. S Photoshopom môžeš nielen napodobniť ikonický zelený kód, ale tiež ho animovať, aby tvojim návrhom dodal dynamický a živý štýl. V tomto tutoriáli ti krok za krokom ukážem, ako vytvoriť a animovať Matrixový efekt - skvelý pre videá, webové stránky alebo tvorivé projekty. Ponorte sa s nami do sveta digitálnej estetiky!
Krok 1:
Najprv vytvorím nový dokument; veľkosť je úplne jednoznačná. Vyberiem veľkosť 800x600 pixelov. Ak chcem tento efekt dať vytláčať, mal by som zmeniť jednotky z pixelov na cm a rozlíšenie z 72 na 300 pixelov na palec.
Krok 2:
Teraz v editore otvorím obrazový súbor (najlepšie veľmi malý obrázok, inak otvorenie môže trvať príliš dlho) a vložím do neho približne 2 strany zázraku.
Krok 3:
Následne vložím skopírovaný text do textovej vrstvy s veľkosťou písma Courier 10 bodov s zelenou farbou. Pozadievá vrstva by mala byť čierna.
Krok 4:
Teraz zmením smer textu kliknutím v ľavom hornom rohu na príslušný symbol.
Krok 5:
Aby neboli všetky písmená viditeľné alebo niektoré len veľmi jemné, vytvorím masku a aplikujem filter Difference Clouds (Menu>Filter>Renderovacie filtre) s štandardnými farbami čierna/biela. S Ctrl+F toto zopakujem, kým nebudem spokojný. Textovú vrstvu pred použitím filtra Difference Clouds rýchlo duplikujem a skryjem.
Krok 6:
Upravím kontrast s úpravou tónov (Ctrl+L) posúvaním stredného posuvníka, aby boli písmená ešte lepšie viditeľné.
Krok 7:
Teraz pridám na textovú vrstvu lesk vonkajšie. Kliknem na textovú vrstvu v paneli vrstiev pravým tlačidlom myši a potom na Možnosti vyplnenia.
Krok 8:
Hornú textovú vrstvu teraz môžem znova zobraziť a druhú na chvíľu skryť. Potom inverzujem vrstvovú masku s klávesovou skratkou Ctrl+I (pre to kliknem raz na masku na aktiváciu), aby bola úplne čierna. Teraz vezmem štetc s veľkosťou napr. 6 pixelov a zároveň aj dosť mäkký. Teraz môžem vytvárať priame čiary pri stlačenej klávese Shift. Musím však kláves Shift pustiť aj po ťahání a znovu kliknúť na inom mieste a potom s držaným Shift ťahať čiaru.
Krok 9:
To isté spravím niekoľko krát v celom obraze a potom zvýšim prekrytie štýlu vrstvy lesk vonkajšie.
Krok 10:
Potom znova zobrazím všetky vrstvy. Výsledok už vyzerá veľmi dobre.
Krok 11:
Teraz ukážem, ako využiť efekt na animáciu. Preto otvorm editujem animáciu v poli cez Menu>Okno a zväčším spodnú textovú vrstvu.
Krok 12:
Teraz otvorím vrstvu v animovanom poli a kliknem na stopky vedľa pozície. Vytvorí sa kľúčový snímok, ktorý si zapamätá aktuálnu pozíciu mojej textovej vrstvy.
Krok 13:
Ak teraz posuniem posuvný prvok v časovej osi na 05:00f, automaticky sa vytvorí nový kľúčový snímok. Teraz posuniem moju textovú vrstvu dosť dolu pomocou nástroja na posúvanie. A moja malá animácia je hotová. Ak chcem, aby sa všetky textové vrstvy pohybovali spolu, môžem označiť všetky vrstvy v paneli Vrstvy a nechať ich zlúčiť do Smart-Objektu. Potom jednoducho nechám Smart-Objekt sa pohybovať.
Krok 14:
Pretože prehrávanie v aplikácii Photoshop u mňa dosť seká, rovno všetko exportujem cez Súbor>Exportovať>Vyrenderovať video ako QuickTime film. Dokončenú animáciu si môžete pozrieť tu.
Krok 15:
Na záver workshopu chcem ešte ukázať, ako umiestniť fotografiu za efekt Matrix. Konkrétne vložím fotografie podľa mojej voľby.
Krok 16:
Teraz stačí zmeniť spôsob vyplnenia na Svetlejšie tóny a písmená svietia tam, kde na fotografii sú svetlé pixely.
Krok 17:
Pri tom môžem fotografiu kedykoľvek posunúť a textové znaky sa automaticky prispôsobia.
Krok 18:
Ak posuniem fotografiu do najvyššej časti v hierarchii vrstiev, výsledok vyzerá takto:
Krok 19:
S použitím metódy Zatmavenie vyzerá výsledok takto:
Krok 20:
Brilantné: Dokonca môžem skopírovať fotografiu do schránky a potom s podržanou Alt klávesou kliknúť na Ebenovú masku textovej vrstvy a použiť moje foto ako Ebenovú masku pomocou Ctrl+V.
Krok 21:
Alebo môžem previesť moju textovú vrstvu na Smart-Objekt a aplikovať na ňu Rozmazávač, ktorý potom na niektorých miestach opäť zakážem pomocou Masky Smart-Objektu.
Krok 22:
Tip: Môžem jednoducho duplikovať svoju najnižšiu textovú vrstvu, posunúť ju úplne nahor a potom zmeniť veľkosť písma z 10 na 8. Potom len nastaviť Prekrytie na približne 17 % a efekt bude ešte krajší.
Krok 23:
Môj výsledok vyzerá nasledovne, pričom najvyššiu Masketu vrstvy som zrušil len s podržaným Shift klávesom:
