Matriisin-efekti, tunnettu kulttielokuvasta, on kiehtova tyylipiirre, jolla luodaan digitaalinen ja futuristinen ilme. Photoshopilla voit paitsi jäljitellä ikonista vihreää koodia myös animoida sen antaaksesi suunnittelullesi dynaamisen ja elävän säväyksen. Tässä opastuksessa näytän vaihe vaiheelta, miten luot ja animoit matriisin efektin – täydellistä videoille, verkkosivuille tai luoville projekteille. Sukellamme nyt digitaalisen esteettisyyden maailmaan!
Vaihe 1:
Aluksi luon uuden dokumentin; koko on täysin sivuseikka. Valitsen hyvin pienen koon, 800x600 pikseliä. Jos haluaa tulostaa tämän efektin, yksikön pitää muuttua pikselistä senttimetreiksi ja resoluution 72 pikseliä/tuuma 300 pikseliksi/tuuma.
Vaihe 2:
Nyt avaan kuvatiedoston editorissa (mieluiten hyvin pieni kuvatiedosto, koska muuten avaaminen kestää liian kauan) ja kopioin sinne noin 2 sivua merkkisotkua.
Vaihe 3:
Seuraavaksi liitän kopioimani tekstin tekstitasolle esimerkiksi fontilla Courier koossa 10 pt vihreällä värillä. Taustataso tulisi olla musta.
Vaihe 4:
Nyt muutan tekstin suunnan valitsemalla ylävasemmalla olevan vastaavan symbolin.
Vaihe 5:
Jotta kaikki kirjaimet eivät ole näkyvissä tai osa vain hyvin heikosti, luon maskeja ja suoritan erosion pilvien -suodattimen (Valikko>Suodattimet>Renderointisuodatin) oletusvärien Musta/Valkoinen kanssa. Painan sitten Ctrl+F kunnes olen tyytyväinen. Tekstitason olen nopeasti ennen erosion pilviä tuplanapsauttanut ja piilottanut.
Vaihe 6:
Sävynkorjauksen (Ctrl+L) avulla voin siirtämällä keskimmäistä liukusäädintä tuo esiin kirjaimet vielä paremmin.
Vaihe 7:
Nyt lisään tekstitasolleni vielä ulkonäön hehku. Valitsen tekstitasoni tasonhallintapaneelista hiiren oikealla painikkeella ja sitten Täyttöasetukset.
Vaihe 8:
Ylimmän tekstitason voin nyt jälleen näyttää ja toisen ensin piilottaa. Sen jälkeen käännän tasomaskin Ctrl+I (sen ollessa ensin aktivoitu napsauttamalla sitä), jotta se on kokonaan musta. Sitten otan siveltimen koossa esim. 6 pikseliä, joka on myös melko pehmeä. Nyt voin piirtää suoria viivoja painettuna Vaihto-näppäimen kanssa. Tämä vaatii kuitenkin myös sen, että päästät Vaihto-näppäimen irti viivan piirtämisen jälkeen ja aloitat uudelleen napsauttamalla sitä yhtä kertaa eri kohdassa ja sen jälkeen pitäen Vaihto-näppäintä painettuna viivan piirtämisen aikana.
Vaihe 9:
Tätä teen nyt muutaman kerran koko kuvassa, minkä jälkeen säädän ulkoasuhehkun peittokykyä.
Vaihe 10:
Sitten voin taas näyttää kaikki tasot. Lopputulos näyttää jo erittäin hyvältä.
Vaihe 11:
Nyt haluan näyttää, miten käytän efektiä animoidaksesi sen. Avaa animaatiohallintapaneeli Valikko>Ikkunat alta ja suurenna alemman tekstitason kokoa.
Vaihe 12:
Nyt avaan tason animaatiohallintapaneelissa ja napsautan kellotaulua Sijainti vieressä. Syntyy avainkehykset, jotka muistavat tekstitasoni nykyisen sijainnin.
Vaihe 13:
Kun siirrän aikajanalla säädintä esimerkiksi kohtaan 05:00f, luodaan automaattisesti uusi avainkehykseen. Nyt siirrän tekstikerrokseni melko alas käyttäen siirto-työkalua. Ja näin pieni animaationi on valmis. Jos haluan, että kaikki tekstikerrokset liikkuvat yhdessä, voin merkitä kaikki kerrokset tasopaneelissa ja sulauttaa ne yhdeksi älykkääksi objektiksi. Sen jälkeen annan älykkään objektin yksinkertaisesti liikkua.
Vaihe 14:
Koska Photoshopissa toisto on minulla melko nykivää, tallennan sen suoraan kohdasta Tiedosto> Vienti> Video renderöi QuickTime-elokuvana. Valmiin animaation voit katsoa täältä.
Vaihe 15:
Tämän työpajan lopussa haluan vielä näyttää, miten kuva voidaan paketoida Matrix-efektin taakse. Lisään haluamani kuvan.
Vaihe 16:
Nyt minun tarvitsee vain muuttaa täyttömetodi Levittää väriä, ja kirjaimet ovat vaaleat siellä, missä kuvassa on vaaleita kuvapikseleitä.
Vaihe 17:
Voin siirtää kuvaa milloin tahansa, ja tekstimerkit sopeutuvat automaattisesti.
Vaihe 18:
Kun siirrän kuvakerroksen ylimmäksi tasohierarkiassa, tulos näyttää tältä:
Vaihe 19:
Tässä on tulokseni, jossa olen yksinkertaisesti nostanut ylimmän tasomaskeerauksen painamalla Vaihta-näppäintä:
