A Matrix-effekt, amelyet ismerhetsz a kultikus filmből, lenyűgöző stílusjegy, amely a digitális és futurisztikus kinézet létrehozására szolgál. A Photoshop segítségével nemcsak utánozhatod az ikonikus zöld kódot, hanem animálhatod is, hogy dinamikus és élettel teli megjelenést adj a tervezéseidnek. Ebben a bemutatóban lépésről lépésre megmutatom, hogyan hozhatod létre és animálhatod a Matrix-effektet - tökéletes videókhoz, webhelyekhez vagy kreatív projektekhez. Lássunk bele a digitális esztétika világába!

1. lépés:

Először új dokumentumot hozok létre; a méret teljesen mindegy. Választok egy nagyon kis méretet, 800x600 képpontot. Ha ki szeretnétek nyomtatni ezt az effektet, a pixel egységét cm-re kell változtatni, és a felbontást 72-ről 300 pixel/hüvelykre kell állítani.

Mátrix-hatás animációval

2. lépés:

Majd megnyitok egy képfájlt az szerkesztőben (lehetőleg egy nagyon kis méretű képfájlt, mert különben túl hosszú ideig tart az megnyitása) és bemásolok oda kb. 2 oldalnyi szövegkáoszt.

Mátrix-hatás animációval

3. lépés:

Ezután a bemásolt szöveget egy szövegrétegbe illesztem be például Courier betűtípussal, 10 pt méretben, zöld színnel. A háttér réteg fekete legyen.

Mátrix hatás animációval

4. lépés:

Most megváltoztatom a szövegirányt az e célra kialakított bal felső sarokban található szimbólumra kattintva.

Mátrix-hatás animációval

5. lépés:

Azért, hogy ne legyenek láthatóak az összes betűk, vagy néhány csak enyhén látszódjanak, létrehozok egy maszkot és alkalmazom a Különbségfelhőket a Standard feketével/fehérrel ellátott szűrőn keresztül (Menü>Szűrő>Render szűrő). A Differenciafelhők használata előtt gyorsan duplikálom és elrejtem a szövegréteget. A Differenciafelhők alkalmazása után ismételjem meg a folyamatot Ctrl+F segítségével, amíg elégedett leszek. A Differenciafelhők -t alkalmazás előtt gyorsan duplikáltam és elrejtettem a szövegréteget.

Mátrix-hatás animációval

6. lépés:

A Tonalitáskorrekción (Ctrl+L) keresztül az átlagos csúszka elmozdításával a betűket még jobban előtérbe helyezhetem.

Mátrix-hatás animációval

7. lépés:

Ezután a szövegrétegemhez hozzáadok egy kifelé sugárzó fényt. Ehhez az réteg panelen jobb egérgombbal kattintok a szövegrétegemre, majd a Kitöltési beállításokra kattintok.

Mátrix-hatás animációval

8. lépés:

A felső szöveg réteget mostmár ismét megjeleníthetem, a másodikat pedig elrejthetem. Utána inverzálom az rétegmaszkot Ctrl+I -val (ahhoz először kattintani kell a maszkjára az aktiváláshoz), hogy teljesen fekete legyen. Most fogok egy 6 pixel méretű ecsetet, amely elég puha is. Most egyenes vonalakat húzhatok a Shift lenyomásával. Ehhez azonban le kell engedni a Shift billentyűt a húzás után, majd újra kattintani kell valahol és csak ezután tartva lenyomva a Shift billentyűt az újabb vonalat húzni.

Mátrix-hatás animációval

9. lépés:

Ezt most az egész képen többször ismétlem, majd növelem a rétegstílus kifelé sugárzó fény átlátszóságát.

Mátrix-hatás animációval

10. lépés:

Ezután újra mind a rétegeket megjelenítem. Az eredmény már nagyon jól néz ki.

Mátrix-hatás animációval

11. lépés:

Most szeretném megmutatni, hogyan használom az effektet annak animálásához. Ehhez megnyitom az Animáció panelt a Menü>Ablak alatt, és megnövelem az alsó szövegréteget.

Mátrix-hatás animációval

12. lépés:

Ezután kinyitom a réteget az Animáció panelen és rákattintok a órásra a Pozíció mellett. Egy Kulcskép jön létre, ami megjegyzi a szövegrétegem aktuális pozícióját.

Mátrix-hatás animációval

13. lépés:

Amikor az idővonalon az állítót például 05:00-ra húzom, automatikusan létrejön egy új kulcskeret. Most eltolom a szöveg rétegemet lefelé a tolás eszközzel, és már kész is a kis animációm. Ha azt szeretném, hogy az összes szövegréteg mozogjon, ki lehet jelölni az összes réteget az Rétegpanelen, és egy Okos objektummá lehet őket összevonni. Ezután egyszerűen mozgathatom az Okos objektumot.

Mátrix-hatás animációval

14. lépés:

Mivel nálam a Photoshopban az animációk elég szaggatottnak tűnnek, azonnal mentem a Fájl>Exportálás>Videó renderelése opciót QuickTime Movie formátumban. A kész animációt megtekinthetitek itt.

Matrix-hatás animációval

15. lépés:

A Workshop végén megmutatom, hogyan lehet egy fotót becsomagolni a Matrix-effekt mögé. Egyszerűen csak beszúrok egy választott fotót.

Mátrix-hatás animációval

16. lépés:

Csak át kell állítanom a Tartalom árnyék töltési módot, és máris világosak a betűk ahol a fényképen is világos pixelek vannak.

Mátrix hatás animációval

17. lépés:

Eközben bármikor mozgathatom a fotót, és a szövegek automatikusan illeszkednek hozzá.

Matrix-hatás animációval

18. lépés:

Amikor a fotóréteget az Ebeneszköz hierarchiájába helyezem, az eredmény így néz ki:

Mátrix-hatás animációval

19. lépés:

A Fekete töltési móddal az eredmény így néz ki:

Mátrix hatás animációval

20. lépés:

Zseniális: Akár a fotót is átmásolhatom a vágólapra, és a Alt billentyű lenyomva egy kattintással beléphetek a szövegréteg rétegmaszkjába és a fotót Ctrl+V-vel rétegmaszkká tehetem.

Mátrix-hatás animációval

21. lépés:

Vagy átalakíthatom a szövegrétegemet Okosobjektummá, majd ráhelyezhetek egy Elmosó effektet, amit aztán egyes helyeken ki tudok szűrni a Okosobjektum-maszk segítségével.

Mátrix-hatás animációval

22. lépés:

Tipp: Egyszerűen csak másolhatom a legalsó szövegrétegemet, felülre húzhatom, majd például a szövegméretet 10-ről 8-ra állíthatom. Ezután a Átlátszóság körülbelül 17%-ra állítva még menőbb lesz az effekt.

Mátrix-hatás animációval

23. lépés:

Az eredmény így néz ki nálam, a legfelső rétegmaszk egyszerűen a Shift gomb lenyomásával feloldottam:

Mátrix-hatás animációval