Matrix-effekten, känd från kultfilmen, är ett fascinerande stilmedel för att skapa en digital och futuristisk look. Med Photoshop kan du inte bara återskapa den ikoniska gröna koden utan också animera den för att ge dina designer en dynamisk och levande touch. I denna handledning visar jag steg för steg hur du skapar och animerar Matrix-effekten - perfekt för videor, webbplatser eller kreativa projekt. Låt oss dyka in i den digitala estetikens värld!
Steg 1:
Först skapar jag ett nytt dokument; storleken spelar ingen roll. Jag väljer en mycket liten storlek på 800x600 pixlar. Om man vill skriva ut denna effekt bör enheten ändras från pixel till cm och upplösningen från 72 till 300 pixlar/tum.
Steg 2:
Nu öppnar jag en bildfil i redigeraren (helst en mycket liten bildfil, eftersom öppningen annars tar för lång tid) och klistrar in cirka 2 sidor med teckenröra där.
Steg 3:
Nästa steg är att lägga in min kopierade text i ett textlager med t.ex. Courier-typsnitt i storlek 10 pt med grön färg. Bakgrundslagret ska vara svart.
Steg 4:
Nu ändrar jag textriktningen genom att klicka på det relevanta symbolen längst upp till vänster.
Steg 5:
För att inte alla bokstäver ska vara synliga eller bara synliga svagt, skapar jag en Mask och kör filter Differensmoln (Meny>Filter>Renderingsfilter) med standardfärgerna svart/vitt. Jag upprepar detta med Ctrl+F tills jag är nöjd. Jag duplicerar textlagret innan jag kör Differensmolnen och gömmer det snabbt.
Steg 6:
Med Nyanskorrigering (Ctrl+L) kan jag tydliggöra bokstäverna bättre genom att flytta den mellersta reglaget.
Steg 7:
Nu lägger jag till en Yttre skugga. För att göra det högerklickar jag på textlagret i Lagerpanelen, väljer sedan Fyllningsalternativ.
Steg 8:
Jag kan nu återigen visa det översta textlagret och tillfälligt dölja det andra. Sedan inverterar jag Lagermasken med Ctrl+I (för att aktivera masken, klicka på den först) så att den blir helt svart. Sedan väljer jag en Pensel med t.ex. 6 pixlar i storlek, som också är ganska mjuk. Nu kan jag rita raka linjer med tryckt Shift-tangent. För att göra detta måste man dock släppa Shift-tangenten även efter att man har ritat linjen, trycka på en annan plats och sedan dra linjen med hållen Shift-tangent.
Steg 9:
Jag gör detta i hela bilden några gånger och ökar sedan Övertoning på lagstilen Yttre skugga.
Steg 10:
Därefter visar jag alla lagren igen. Resultatet ser redan mycket bra ut.
Steg 11:
Nu vill jag visa hur jag använder effekten för att animera den. Jag öppnar mina Animationsinställningar under Meny>Fönster och förstorar det nedre textlagret.
Steg 12:
Nu vecklar jag ut lagret i Animationspanelen och klickar på stoppuret bredvid Position. Det skapas en Nyckelbild som kommer ihåg den aktuella positionen för mitt textlager.
Steg 13:
När jag flyttar reglaget i tidsaxeln till t.ex. 05:00f skapas automatiskt en ny nyckelbildruta. Sedan flyttar jag min textnivå ganska långt ner med Flytta-verktyget. Och därmed är min lilla animation klar. Om jag vill att alla textnivåer ska röra sig, kan jag markera alla lager i lagerpanelen och slå samman dem till ett smart objekt. Sedan låter jag det smarta objektet enkelt röra sig.
Steg 14:
Eftersom uppspelningen i Photoshop laggar ganska mycket, exporterar jag direkt det som QuickTime-film under Fil>Exportera>Rendera video. Ni kan se den färdiga animationen här.
Steg 15:
Till slut av workshopen vill jag visa hur man packar in en bild bakom Matrix-effekten. Jag lägger till en bild jag valt.
Steg 16:
Nu behöver jag bara ändra fyllningsmetoden till Mörka, och bokstäverna blir ljusa där bildpixlarna också är ljusa.
Steg 17:
Då kan jag när som helst flytta bilden, och texttecknen anpassar sig automatiskt.
Steg 18:
När jag flyttar bildlagret högst upp i lagerhierarkin ser resultatet ut så här:
Steg 19:
Med fyllningsmetoden Mörkare ser resultatet ut så här:
Steg 20:
Genialt: Jag kan kopiera bilden till urklipp och sedan med Alt-tangenten nedtryckt klicka på textlagrets lagermask och använda min bild med Ctrl+V som lagermask.
Steg 21:
Eller så kan jag konvertera mitt textlager till ett smart objekt och sedan tillämpa en oskärpa, vilken jag sedan återigen döljer på vissa ställen med smart objekt-masken.
Steg 22:
Tips: Jag kan också enkelt duplicera mitt lägsta textlager, flytta det högst upp och sedan ändra textstorleken från 10 till 8 t.ex. Sedan sätta genomskinligheten till ca 17%, och effekten ser ännu coolare ut.
Steg 23:
Resultatet ser ut som följande för mig, där jag enkelt har upphävt den översta lagermasken med Shift-tangenten nedtryckt:
