Construirea unui aspect asemănător grilei utilizând expresii de bază

Primul lucru pe care trebuie să-l țineți cont este că nu există doar o cale corectă de a face lucrurile. Mai ales când lucrați cu expresii, încercați să obțineți cunoștințe despre elementele de bază ale sintaxei folosind ghidul de referință sau fie căutați-le pe Internet, pentru a vă putea folosi gândirea și a scrie codul cu propriile cunoștințe. Este o modalitate bună de a învăța, de a încerca, de a face greșeli și de a găsi răspunsurile la problemele dumneavoastră.


Pasul 1


În acest exemplu am decis să construiesc grila astfel:

Aceasta este cea mai importantă parte, în care trebuie să decideți cum va arăta, pentru că toate expresiile dvs. vor depinde de structura straturilor. În acest caz, puteți înțelege că lățimea stratului "A" plus stratul "B" este egală cu 1920 px sau 100% din lățimea compoziției.

Pasul 2


Începeți prin a selecta Layer / New / Solid sau utilizați tasta scurtă: Command + Y (Mac) sau Ctrl + Y (PC). Aceasta va deschide caseta de dialog Setări de solid. Mergeți mai departe și denumiți-l "A" și faceți clic pe OK. Nu aveți nevoie să vă faceți griji cu culoarea sau dimensiunea pentru moment, deoarece vom folosi expresii pentru a face acest lucru. În fișierele de proiect veți realiza că am folosit straturi de formă. Pentru aceasta, nu are nicio importanță. Dacă doriți să utilizați Shape Layers asigurați-vă că nu aveți niciun strat selectat și faceți dublu clic pe pictograma Shape din bara de instrumente. Acesta va crea un Shape Layer exact aceeasi dimensiune a Comp.


Pasul 3


Repetați acest pas încă de cinci ori (sau fie cu straturi solide sau straturi de formă), denumindu-le în ordine alfabetică: "B", "C"? Acum este momentul să repoziționăm punctele de ancorare pentru ca expresiile să funcționeze corect. Aranjați-le ca în imagine:


Pasul 4


Acum este momentul să punem logica noastră să funcționeze. Ceea ce vrem să facem este să putem crea o rețea care să schimbe dimensiunea celulelor și să păstreze un decalaj între dimensiuni fixe. Pentru a face acest lucru trebuie să punem niște idei împreună. Mai întâi de toate, ar trebui să ținem cont de faptul că, așa cum am spus înainte, stratul "A" lățimea + stratul "B" va fi întotdeauna egal cu lățimea comp, care în acest caz este de 1920 px. În același mod, înălțimea stratului "A" plus stratul "C" sau înălțimea stratului "D" va fi egală cu cea a înălțimii comp a 1080 px. În al doilea rând, pentru a controla lățimile și înălțimile, vom folosi obiectele Null cu efectul Slider Control aplicat pe ele, astfel încât să putem aduna comenzile de animație la doar câteva straturi. Acest lucru se spune că putem începe să creăm un nou obiect Null prin alegerea stratului / Obiect nou / nul sau apăsarea comenzii + opțiune + schimbare + Y
(Mac) sau Ctrl + shift + alt + Y (PC). Denumiți-o "SLIDER A B" și faceți clic pe OK.



Pasul 5


Acum du-te la Efecte / Expression Control / Slider Control și alegeți-l pentru a crea un control al culisei pe care îl veți numi "WIDTH +". Repetați acest pas și denumiți al doilea cursor "WIDTH-". Veți folosi
"WIDTH +" pentru a controla lățimea stratului "A" și
"WIDTH-" pentru a controla lățimea stratului "B". Permite stabilirea unui mic decalaj între cele două straturi prin adăugarea unei expresii pe cursorul de efect "WIDTH-", prin alt + făcând clic pe cronometrul cursorului pentru efectul "WIDTH" de pe panoul Timeline:


99.5-efect ( "WIDTH +") ( "Slider");




Deoarece valoarea cursorului merge de la 0 la 100, această expresie va păstra stratul "A" și stratul "B" la distanță unul de altul cu 0,5 la sută din lățimea comp.


Pasul 7


Creați un alt Obiect Nul și denumiți-l "SLIDER A C D", aplicați Efectul Slider și denumiți-l "HEIGHT +". Acest strat va fi responsabil pentru înălțimea straturilor "A", "C" și "D". Aplicați încă o dată Efectul de control al cursorului și denumiți-l
"HEIGHT -". Apoi Alt + faceți clic pe cronometrul cursorului "HEIGHT-" și tastați expresia care va păstra decalajul dintre celulele rețelei:


99.3-efect ( "HEIGHT +") ( "Slider");



În acest caz, am stabilit un decalaj de 0,7% pentru a compensa formatul compoziției și a face ca golurile orizontale și orizontale să pară la fel.


Pasul 8


Acum, să tastăm expresiile pentru stratul "A". Selectați stratul "A" și apăsați "S" de pe tastatură. Aceasta va afișa proprietatea scalei pentru acest strat. Țineți apăsată tasta "Alt" și faceți clic pe cronometrul scalei. Aceasta va activa expresiile pentru proprietatea scalei. Introduceți:


wscale = acest efectComp.layer ("SLIDER AB") efect ("WIDTH +") ("Slider"); , hscale];



Prima linie va crea o variabilă numită "wscale", care va fi echivalentă cu valoarea imputată la "WIDTH +" Efectul cursorului pe stratul "Slider AB". Al doilea strat va seta variabila "hscale", care va fi egală cu valoarea conținută în Efectul cursorului "HEIGHT +" pe stratul "SLIDER ACD". A treia linie va stabili variabilele la coordonatele x și y.


Pasul 9


Creați un alt obiect Null și numiți-l "SLIDER B E F", aplicați Efectul cursorului și denumiți-l "HEIGHT +". Acest strat va fi responsabil pentru înălțimea straturilor "A", "C" și "D". Aplicați încă o dată Efectul de control al cursorului și denumiți-l
"HEIGHT -". Apoi Alt + faceți clic pe cronometrul cursorului "HEIGHT-" și tastați expresia care va păstra decalajul dintre celulele rețelei:


99.3-efect ( "HEIGHT +") ( "Slider");



Acum, să tastăm expresiile pentru stratul "B". Selectați stratul "B" și apăsați "S" de pe tastatură. Aceasta va afișa proprietatea scalei pentru acest strat. Țineți apăsată tasta "Alt" și faceți clic pe cronometrul scalei. Aceasta va activa expresiile pentru proprietatea scalei. Introduceți:


wscale = acest efectComp.layer ("SLIDER AB") efect ("WIDTH -") ("Slider"); wscale, hscale];



Până la sfârșitul acestor pași veți obține straturi "A" și "B" care să funcționeze corect.


Pasul 10


Este timpul să ne gândim peste straturile "C" și "D", "E" și "F". Acum, aceasta este partea complicată. Pentru a începe acest pas, să creăm un alt obiect Null, să-l numim "SLIDER C D" și să aplicăm de două ori efectul Slider Control și să numim primul
"WIDTH +" și al doilea "WIDTH". Acest strat va funcționa pentru a seta valorile pentru straturile "C" și "D". Alt + faceți clic pe cronometru pentru efectul "WIDTH-" și tastați:


99.5-efect ( "WIDTH +") ( "Slider");



Pasul 11


Cu nivelul "C" selectat, apăsați "S" pe tastatură și Alt + Faceți clic pe cronometrul de proprietate a scalei pentru a insera o expresie:


wscale = acest efectComplayer ("SLIDER CD") efect ("WIDTH +") ("Slider"); wscale, hscale];


Ok, aceasta ar fi presupunerea asupra modului în care aceste două straturi ar fi distribuite pe ecran dacă și numai dacă luăm în considerare faptul că lățimea stratului "C" plus lățimea stratului "D" ar fi egală cu 100% din lățimea comp. Deoarece această premisă nu este adevărată, deoarece depindem de ce valoare obținem din stratul "SLIDER A B", ar trebui să schimbăm expresia astfel:


wscale = acest efectComp.layer ("SLIDER CD") efect ("WIDTH +") ("Slider"); ("A") transform.scale [0] == 100) [wscale, hscale]; altceva [acestComp.layer ("SLIDER AB" Slider ")) * acest efectComp.layer (" SLIDER CD ") efect (" WIDTH + "(" Slider ") / 100-.25, hscale]


Acum aceasta înseamnă că numai atunci când coordonatele "x" în proprietatea scalei "A" a stratului sunt egale cu 100, rezultatul va fi cel stabilit pe variabilele wscale și hscale. În caz contrar, coordonata "x" va fi definită ținând cont de spațiul setat la efectul "SLIDER A B" "WIDTH +". În a treia linie, ne referim la coordonatele "x" folosind numărul 0 între paranteze. "0" va reprezenta coordonatele "x", "1" pentru coordonatele "y" și "2" pentru coordonatele "z". Când comparăți două valori diferite ca în cazul liniei 3 "if", folosiți două semne egale "==".




Pasul 12


Pentru a calcula înălțimea și lățimea stratului "D", alt + faceți clic pe cronometrul de proprietate al scării stratului și introduceți codul:



wscale = acest efectComp.layer ("SLIDER CD") efect ("WIDTH -") ("Slider"); hscale = acestComp.layer ("SLIDER ACD"). dacă thisComp.layer ("A") transform.scale [0] == 100) [wscale, hscale]; altceva [acestComp.layer ("SLIDER AB") efectul ("WIDTH +") "Slider")) * (100-acestComp.layer ("SLIDER CD")) efect ("WIDTH +") / 100-.25, hscale]


Rețineți că pe linia 6 se calculează valorile utilizând doar valoarea cursorului "WIDTH +". Asta pentru că nu vrem să folosim valoarea lui
"WIDTH-" deoarece include dimensiunea spațiului.



Pasul 13


Efectuați pașii pe care îi veți observa că ceva nu este în regulă. Stratul "D" nu este poziționat corect. Pentru ao poziționa în locul potrivit, trebuie să inserăm un cod care să o conecteze la legătura dreaptă a stratului "A". Deci tastați în acest cod pe proprietatea poziție:


. X = thisComp.width * thisComp.layer ( "A") transform.scale [0] / 100; [x, 0];


Această expresie convertește doar sizimea stratului "A" de la pixeli la procent, pentru a ne permite să folosim această valoare cu proprietatea scalei. Deoarece punctul de ancorare al acestui strat se află în colțul din dreapta sus, această expresie va plasa stratul în poziția corectă.



E timpul să ne concentrăm pe straturile "E" și "F". Este în esență aceeași logică pe care am lucrat-o cu straturile "C" și "D". Începeți să creați un nou obiect Null și să îl numiți "SLIDER E F". Aplicați de două ori efectul de control al cursorului și denumiți primul
"WIDTH +" și al doilea "WIDTH". Alt + faceți clic pe proprietatea scalei pe stratul "F".



Ne vom ocupa mai întâi de stratul "F", deoarece este cel situat în partea de jos a componentei comp și nu este nevoie să inserăm un cod pentru poziția.


wscale = acest efectComp.layer ("SLIDER EF") efect ("WIDTH +") ("Slider"); ("WIDTH +"), acest efect ("WIDTH +") va fi modificat în acest mod ("Compus.layer" ("Slider")) * acest efectComp.layer ("SLIDER EF") efect ("WIDTH +") / 100-.5, hscale]



Nu uitați să setați decalajul pe glisorul "Slider EF" "WIDTH-":


99,5-efect ( "width =") ( "Slider");


Pasul 14


Salt la strat
"E". Pe proprietatea scalei, alt + faceți clic pe cronometru și tastați:


wscale = acest efectComp.layer ("SLIDER EF") efect ("WIDTH +") ("Slider"); ("WIDTH +"), acest efect ("WIDTH +") va fi modificat în acest mod ("Compus.layer" ("Slider")) * (100-acestComp.layer ("SLIDER EF")) efect ("WIDTH +" ("Slider")) / 100-.5, hscale];



Pasul 15


Acum mergeți la poziția proprietății și tastați codul:


Bscalex = thisComp.width * thisComp.layer ( "B") transform.scale [0] /100;x=thisComp.width-Bscalex;. [X, thisComp.height];


Acest cod va primi stratul "E" în poziția corectă calculând lățimea comprimatului cu valoarea mărimii stratului "B".



Pasul 16


Ok, acum grilă este gata. Există doar câteva lucruri pe care le putem face acum pentru a ușura utilizarea, cum ar fi fixarea valorilor de la glisoare.


Pentru a vizualiza mai bine controalele, am creat alte obiecte Null pe care le-am numit după "decalajul" pe care îl reprezintă vizual. Apoi am inserat codul clemei (limitează valoarea între alte două valori) prin setarea și verificarea modului în care funcționa și a venit cu acest set:



Obiect nul "VERTICAL1": reprezintă prima linie verticală de la stânga la dreapta a grilajului. Am introdus acest cod pe efectul de control Slider pe care l-am aplicat:


clemă (valoare, 1,99);


Obiect nul "VERTICAL2": reprezintă a doua linie verticală a grilajului. Introduceți acest cod:


clemă (valoare, -1100);


Obiect nul "VERTICAL3": reprezintă a treia linie verticală a grilajului. Introduceți acest cod:


clemă (valoare, 1,99);


Obiectul nul "HORIZONTAL1": reprezintă prima linie verticală de sus în jos a grilajului. Introduceți acest cod:


clemă (valoare, 1100);


Obiect nul "HORIZONTAL2": reprezintă a doua linie verticală de sus în jos a grilajului. Introduceți acest cod:


clemă (valoare, 1100);



Acum, să le conectăm la glisoarele "WIDTH +" și "HEIGHT +" pentru ca acest lucru să funcționeze. Să facem asta cu biciul. Ar trebui să arate astfel:



Pasul 17


Totul este setat, este timpul să introducem imaginile. Selectați numărul 1 din panoul de proiect. Faceți clic și trageți-l sub stratul "A" din panoul Timeline. Alegeți Alpha Matte "A" din meniul derulant Track Matte. Repetați pașii pentru straturile "B",
"C", "D", "E", "F", plasând imaginea după cum doriți. În cazul meu le-am stabilit ca imaginea:



Pasul 18


Pentru a crea o mișcare, am setat cadre cheie pentru unele dintre pozițiile și proprietățile scalei straturilor de imagini. Permite animarea grilei. Simțiți-vă liber să animați după cum doriți, să setați cadrele cheie și să testați filmul.


Pasul 19


Am adaugat cateva sfaturi finale compozitiei pentru a face ca arata mai bine. Mai intai am creat un Layer de ajustare prin alegerea Layer / New / Adjustment Layer sau dand click pe Command + Option + Y (Mac) / Ctrl + Alt + Y (PC) si aplicat filtrul Fast Blur sub Efect / Blur si Sharpen / Fast Blur. Puteți găsi mai ușor doar tastând numele efectului în panoul Efecte & Presetări. Setați neclaritatea la 1.0.



Pasul 20


Apoi, creați un Solid Negru, aplicați o mască de elipsă pe el făcând dublu clic pe pictograma Mască Ellipse din Bara de instrumente. Apăsați tasta "MM" de pe tastatură pentru a dezvălui proprietățile mascului sau "F" pentru a afișa doar proprietatea Pene de mascare și a seta-o la 250, apoi, dacă tocmai ați dezvăluit proprietatea Penei de mascare, apăsați tasta "TT" Opacity Mask Property și setați-l la 80%. Selectați Scădere în meniul derulant Mască. Acest lucru va crea o vignetă care va acorda mai multă atenție la ceea ce se întâmplă în centrul ecranului.



Pasul 21


În afară de toate, hai să plasăm o textură de hârtie numită "bg". Poziționați-l după cum doriți și setați modul de strat la Multiplicare din meniul derulant.



Pasul 22


Acum, plasați logo-ul AETUTS +. Creați o compunere nouă, denumiți-o LOGO și trageți imaginea logo-ului în ea. Sub acest strat creați un solid negru și setați opacitatea la 35%. Aplicați efectul Ramp selectând Efect / Generare / Ramp și faceți un gradient de la negru la alb care ar trebui să arate astfel:




Pasul 23


Acum, pentru al introduce, duplicați stratul "F" pe compilația "GRID" împărțind-o în două în jurul valorii de 0; 00; 03; 13 plasând Indicatorul timpului curent în acel moment și apăsând comanda + Shift + D + Shift + D (PC) de pe tastatură. Plasați noua compoziție creată
"LOGO" sub stratul divizat "F2". Setați matura piesei la Alpha Matte "F2" pe stratul "LOGO". Alegeți modul ADD. Poziționați-l și micșorați-l puțin pentru a centra spațiul celulei rețelei.





Pasul 24


Pasul următor, creați o nouă compoziție, denumiți-o AETUTS_EXPRESSIONS_TUTORIAL și faceți clic pe OK.Drop-ul comp. GRID în ea. Să aplicăm câteva efecte sonore. Trageți și fixați pe fișierul comp
"Timesusp-Cosmic_D-190.wav". La ora 0; 00; 05; 16 introduceți o cheie cheie pentru proprietatea nivelurilor audio. Lăsați valoarea așa cum este, săriți la 0; 00; 05; 26 și modificați valoarea la -48.00dB. Trageți și fixați la ora 0; 00; 02; 00 al doilea fișier audio numit
"Eerie_sp-Cosmic_D-191".



Concluzie


Acum previzualizați filmul. Faceți clic pe Shift + 0 (de pe tastatura numerică) pentru ao previzualiza. Dacă doriți, puteți activa Motion Blur pentru comp. Nu uitați că, dacă doriți ca funcția Motion Blur să funcționeze, trebuie să habilitați butonul Motion Blur pentru straturile în care doriți să se aplice efectul. În acest caz, pe măsură ce folosim compoziții imbricate, ar trebui să acționăm butonul Motion Blur în compoziția GRID și în compoziția Logo. Puteți schimba acest lucru prin modificarea preferințelor și activarea comenzilor Comutări afectate comutărilor în categoria Preferințe generale. Acest tip de animație bazată pe expresii este utilă atunci când aveți o mulțime de lucrări repetitive în cadrul proiectului dvs. și doriți să îl simplificați scriind acest tip de cod. Am facut cateva schimbari finale pentru a face sa arate asa cum am crezut ca ar arata cel mai bine, dupa cum puteti vedea in previzualizarea filmului final si in fisierele proiectului. Am folosit-o pe acesta într-un proiect mare pe care trebuia să-l animez în multe subiecte diferite. În acest exemplu puteți juca foarte mult cu sincronizarea și cu construcția generală a imaginii pe ecran. Încercați întotdeauna lucruri diferite!



Imagini Creative Commons: 1.jpg http://www.flickr.com/photos/aigle_dore/5854362904/sizes/l/in/photostream/
2.jpg http://www.flickr.com/photos/structures-nyc-photos/5601731544/sizes/o/in/photostream/
3.jpg http://www.flickr.com/photos/vincentjoly/3923658550/sizes/o/in/photostream/
4.jpg http://www.flickr.com/photos/twicepix/2181066232/sizes/o/in/photostream/
5.jpg http://www.flickr.com/photos/tsuda/235922699/sizes/o/in/photostream/
6.jpg http://www.flickr.com/photos/neilspicys/2348877473/sizes/o/in/photostream/
Sunete descărcate la Flashkit Autor: Cosmic Dreamer http://www.cosmcidreamer.be