" Matricos" efektas, žinomas iš kultinio filmo, yra įdomi stilistinė priemonė skaitmeninei ir futuristinei išvaizdai sukurti. Naudodami "Photoshop" galite ne tik atkurti kultinį žaliąjį kodą, bet ir jį animuoti, kad dizaino projektams suteiktumėte dinamiškumo ir gyvybingumo. Šioje pamokoje žingsnis po žingsnio parodysiu, kaip sukurti ir animuoti matricos efektą - jis puikiai tinka vaizdo įrašams, svetainėms ar kūrybiniams projektams. Pasinerkime į skaitmeninės estetikos pasaulį!

1 žingsnis:

Pirmiausia sukuriu naują dokumentą; jo dydis visiškai nesvarbus. Pasirenku labai mažą dydį - 800x600 pikselių. Jei norite spausdinti šį efektą, turėtumėte pakeisti vienetą iš pikselių į cm, o skiriamąją gebą - iš 72 į 300 pikselių colyje.

Matricos efektas su animacija

2 žingsnis:

Dabar redaktoriuje atidarau paveikslėlio failą (pageidautina labai mažą paveikslėlio failą, nes kitaip jo atidarymas užtrunka per ilgai) ir į jį nukopijuoju maždaug 2 puslapius simbolių salotų.

Matricos efektas su animacija

3 žingsnis:

Tada nukopijuotą tekstą įklijuoju į teksto sluoksnį, naudodamas, pavyzdžiui, 10 pt dydžio "Courier" šriftą ir žalią spalvą. Fono sluoksnis turėtų būti juodas.

Matricos efektas su animacija

4 žingsnis:

Dabar keičiu teksto kryptį spustelėdamas atitinkamą simbolį viršuje kairėje.

Matricos efektas su animacija

5 veiksmas:

Kad nebebūtų matomos visos raidės arba kai kurios būtų matomos labai nežymiai, sukuriu kaukę ir paleidžiu filtrą Difference Clouds (Meniu>Filter>Render Filter), kurio numatytoji spalva juoda/balta. Tai kartoju naudodamas Ctrl+F, kol esu patenkintas. Prieš paleisdamas skirtumo debesų filtrą greitai dubliuoju ir išblukinu teksto sluoksnį.

Matricos efektas su animacija

6 veiksmas:

Naudodamas toninę korekciją (Ctrl+L ), galiu dar labiau išryškinti raides judindamas centrinį slankiklį.

Matricos efektas su animacija

7 žingsnis:

Dabar teksto sluoksniui suteikiu išorinį švytėjimą. Tam sluoksnių valdymo skydelyje dešiniuoju pelės klavišu spusteliu teksto sluoksnį ir tada spusteliu Fill options (užpildymo parinktys).

Matricos efektas su animacija

8 žingsnis:

Dabar vėl galiu rodyti viršutinį teksto sluoksnį ir kol kas paslėpti antrąjį. Tada invertuoju sluoksnio kaukę naudodamas Ctrl + I (vieną kartą suaktyvinu kaukę spustelėdamas ją), kad ji būtų visiškai juoda. Dabar paimu teptuką, kurio dydis, pavyzdžiui, 6 pikselių, kuris taip pat yra gana minkštas. Dabar galiu piešti tiesius potėpius laikydamas nuspaustą Shift klavišą. Tačiau norint tai padaryti, reikia atleisti Shift klavišą po tempimo ir dar kartą spustelėti kitame taške, tada vilkti brūkšnį laikant nuspaustą Shift klavišą.

Matricos efektas su animacija

9 veiksmas:

Dabar tai padarysiu kelis kartus visame paveikslėlyje ir padidinsiu sluoksnio stiliaus " Švytėjimas į išorę" nepermatomumą.

Matricos efektas su animacija

10 žingsnis:

Tada dar kartą suliejam visus sluoksnius. Rezultatas jau atrodo labai gerai.

Matricos efektas su animacija

11 žingsnis:

Dabar noriu parodyti, kaip pasinaudoju efektu, kad jį dar labiau animuočiau. Norėdamas tai padaryti, atidarau animacijos valdymo skydelį , esantį meniu>Window, ir padidinu apatinį teksto sluoksnį.

Matricos efektas su animacija

12 žingsnis:

Dabar išskleidžiu sluoksnį animacijos valdymo skydelyje ir spusteliu šalia Position (padėtis) esantį stabdiklį. Taip sukuriamas raktinis kadras, kuris įsimena dabartinę mano teksto sluoksnio padėtį.

Matricos efektas su animacija

13 žingsnis:

Jei dabar vilksiu slankiklį laiko juostoje, pavyzdžiui, iki 05:00f, automatiškai sukuriamas naujas raktinis kadras. Dabar įrankiu Move (perkelti ) savo teksto sluoksnį nustumiu gana toli žemyn. Ir mano mažoji animacija paruošta. Jei noriu, kad visi teksto sluoksniai judėtų kartu su juo, galiu pažymėti visus sluoksnius skydelyje Layers (Sluoksniai) ir sujungti juos į vieną išmanųjį objektą. Tada tiesiog leidžiu išmaniajam objektui judėti.

Matricos efektas su animacija

14 žingsnis:

Kadangi atkūrimas "Photoshop" programoje man yra gana trūkčiojantis, išvedu jį kaip " QuickTime" filmą, pasirinkęs " File>Export>Render Video". Paruoštą animaciją galite peržiūrėti čia.

Matricos efektas su animacija

15 žingsnis:

Kūrinio pabaigoje norėčiau parodyti, kaip už matricos efekto užklijuoti nuotrauką. Įdėsiu pasirinktą nuotrauką.

Matricos efektas su animacija

16 žingsnis:

Dabar man tereikia pakeisti maišymo režimą į Dodge Coloured ir raidės bus ryškios ten, kur nuotraukoje yra ryškių vaizdo pikselių.

Matricos efektas su animacija

17 žingsnis:

Bet kuriuo metu galiu perkelti nuotrauką ir teksto simboliai automatiškai prisitaikys.

Matricos efektas su animacija

18 žingsnis:

Jei nuotraukos sluoksnį perkelsiu į sluoksnių hierarchijos viršų, rezultatas atrodys taip:

Matricos efektas su animacija

19 žingsnis:

Naudojant maišymo režimą Darken (Tamsinti), rezultatas atrodo taip:

Matricos efektas su animacija

20 žingsnis:

Išradinga: galiu net nukopijuoti nuotrauką į iškarpinę, o tada, laikydamas nuspaustą klavišą Alt, spustelėti teksto sluoksnio kaukę ir naudoti nuotrauką kaip sluoksnio kaukę naudodamas Ctrl+V.

Matricos efektas su animacija

21 veiksmas:

Arba paverčiu teksto sluoksnį į išmanųjį objektą ir tada galiu jam taikyti suliejimą, kurį savo ruožtu kai kuriose vietose vėl paslepiu naudodamas išmaniojo objekto kaukę.

Matricos efektas su animacija

22 žingsnis:

Patarimas: taip pat galiu tiesiog dubliuoti apatinį teksto sluoksnį, perkelti jį į viršų ir tada pakeisti teksto dydį, pavyzdžiui, iš 10 į 8. Tada nustatysiu nepermatomumą maždaug 17 % ir efektas atrodys dar šauniau.

Matricos efektas su animacija

23 žingsnis:

Rezultatas mano atveju atrodo taip, kai tiesiog panaikinau viršutinio sluoksnio kaukę laikydamas nuspaustą Shift klavišą:

Matricos efektas su animacija