Effekten Matrix, kjent fra kultfilmen, er et fascinerende stilistisk virkemiddel for å skape et digitalt og futuristisk utseende. Med Photoshop kan du ikke bare etterligne den ikoniske grønne koden, men også animere den for å gi designene dine en dynamisk og levende touch. I denne opplæringen vil jeg vise deg trinn for trinn hvordan du lager og animere Matrix-effekten - perfekt for videoer, nettsider eller kreative prosjekter. La oss fordype oss i den digitale estetikkens verden!

Trinn 1:

Først oppretter jeg et nytt dokument; størrelsen spiller ingen rolle. Jeg velger en veldig liten størrelse på 800x600 piksler. Hvis man ønsker å skrive ut denne effekten, bør enheten endres fra piksler til cm og oppløsningen fra 72 til 300 piksler per tomme.

Matriseffekt med animasjon

Trinn 2:

Nå åpner jeg en bildefil i redigeringsprogrammet mitt (helst en veldig liten bildefil, fordi ellers tar det for lang tid å åpne) og kopierer cirka 2 sider med tegnspråk inn der.

Matrix-effekt med animasjon

Trinn 3:

Neste trinn er å lime inn den kopierte teksten i et tekstsjikt med for eksempel skrifttypen Courier i størrelse 10 pt med grønn farge. Bakgrunnen bør være svart.

Matrix-effekt med animasjon

Trinn 4:

Nå endrer jeg tekstretningen ved å klikke på det tilsvarende symbolet øverst til venstre.

Matrix-effekt med animasjon

Trinn 5:

For å sørge for at ikke alle bokstavene er synlige eller noen bare er svakt synlige, oppretter jeg en maske og påfører forskjellsskyer -filteret med standardfargene svart/hvitt (Meny>Filter>Renderfilter). Jeg gjentar dette ved hjelp av Ctrl+F til jeg er fornøyd. Jeg dupliserte tekstsjiktet før jeg kjørte forskjellsskyer og skjulte det raskt.

Matrix-effekt med animasjon

Trinn 6:

Ved hjelp av Tonekorreksjon (Ctrl+L) kan jeg fremheve bokstavene enda bedre ved å justere den midterste skyveknappen.

Matrix-effekt med animasjon

Trinn 7:

Nå legger jeg til en utvidet kant til tekstsjiktet mitt. For å gjøre det, høyreklikker jeg på tekstsjiktet mitt i lagpanelet og deretter på Fyllalternativer.

Matriseffekt med animasjon

Trinn 8:

Jeg kan nå vise det øverste tekstsjiktet igjen og foreløpig skjule det andre. Deretter inverterer jeg lagmasken med Ctrl+I (klikk på masken for å aktivere den først), slik at den blir helt svart. Nå tar jeg en pensel med for eksempel 6 piksler som er ganske myk. Nå kan jeg tegne rette streker mens jeg holder inne Skift-tasten. Etter å ha tegnet streken, må du imidlertid slippe Skift-tasten, klikke på et annet sted og deretter trekke en strek mens du holder inne Skift-tasten på nytt.

Matrix-effekt med animasjon

Trinn 9:

Dette gjør jeg flere ganger i hele bildet, og deretter øker jeg gjennomsiktigheten i lagstilen Utvidet kant.

Matrix-effekt med animasjon

Trinn 10:

Deretter viser jeg alle lagene igjen. Resultatet ser allerede veldig bra ut.

Matriseffekt med animasjon

Trinn 11:

Nå vil jeg vise hvordan jeg bruker effekten for å animere den videre. Jeg åpner Animasjonsvinduet under Meny>Vindu og forstørrer det nederste tekstlaget.

Matrix-effekt med animasjon

Trinn 12:

Nå åpner jeg laget i Animasjonsvinduet og klikker på stoppeklokken ved siden av Posisjon. Dette setter en nøkkelrute som husker den nåværende posisjonen til tekstsjiktet mitt.

Matriseffekt med animasjon

Trinn 13:

Når jeg nå drar skyveknappen i tidslinjen til f.eks. 05:00, blir det automatisk opprettet en ny Nøkkelframe. Deretter flytter jeg tekstlaget mitt ganske langt ned med Flytt-verktøyet. Og dermed er min lille animasjon ferdig. Ønsker jeg at alle tekstlagene skal flytte seg sammen, kan jeg merke alle lagene i Lag-panelet og smelte dem sammen til et Smart-objekt. Deretter kan jeg bare la Smart-objektet flytte seg enkelt.

Matriseffekt med animasjon

Trinn 14:

For å unngå hakking i avspillingen i Photoshop, eksporterer jeg den umiddelbart under Fil>Eksporter>Rendre video som en QuickTime-video. Du kan se den ferdige animasjonen her.

Matrix-effekt med animasjon

Trinn 15:

Til slutt i workshopen vil jeg vise deg hvordan du pakker inn et bilde bak Matrix-effekten. Jeg legger en valgfri bilde.

Matriseffekt med animasjon

Trinn 16:

Nå trenger jeg bare å endre fyllmetoden til Lysere farge, og bokstavene blir lyse der bildet også har lyse bildepiksler.

Matrix-effekt med animasjon

Trinn 17:

Jeg kan enkelt flytte bildet når som helst, og teksttegnene tilpasser seg automatisk.

Matrix-effekt med animasjon

Trinn 18:

Hvis jeg flytter bilde-laget helt øverst i lag-hierarkiet, ser resultatet slik ut:

Matrix-effekt med animasjon

Trinn 19:

Med fyllmetoden Mørkere ser resultatet slik ut:

Matriseffekt med animasjon

Trinn 20:

Genialt: Jeg kan til og med kopiere bildet til utklippstavlen og deretter med Alt-tasten + et Klikk gå inn i Lagnmaske for tekstlaget og bruke bildet mitt som Lagnmaske med Ctrl+V.

Matrix-effekt med animasjon

Trinn 21:

Eller jeg kan konvertere tekstlaget mitt til et Smart-objekt og deretter bruke en Uskarphetsmaske på det, som jeg igjen viser delvis ved noen steder med Smart-objektmaske.

Matrix-effekt med animasjon

Trinn 22:

Tips: Jeg kan også enkelt duplisere mitt nederste tekstlag, flytte det helt øverst og deretter endre tekstsstørrelsen fra 10 til 8 f.eks. Deretter justerer jeg Gjennomsiktigheten til ca. 17%, og allerede ser effekten enda kulere ut.

Matriseffekt med animasjon

Trinn 23:

Resultatet ser slik ut hos meg, der jeg enkelt opphøyer den øverste Lagmaske med Shift-tasten trykket ned:

Matriseffekt med animasjon