Toate bun venit!
Deci, la cererea de a scrie o lecție despre cea mai simplă animație din bliț. Începem, așa cum se spune, cu mici. Apoi, promit să adăugați mai multe (pe pop-up, dacă nu scrieți).
Deschideți Flash MX.
Înainte de noi - stadiul de lucru, meniul, bara de instrumente etc. Mai jos există o astfel de fereastră: Proprietăți. Setările de bază ale desenului animat (figura 1).
Suntem interesați de FRAME RATE - viteza de derulare a desenelor animate. În caz contrar, 12 cadre pe secundă înseamnă că 12 cadre (cadre) din desenele animate vor fi redate într-o secundă. Această viteză este standard și, în principiu, ceea ce aveți nevoie. Dacă trebuie să vă încetiniți animația - reduceți, trebuie să o faceți mai repede - creșteți această cifră.
Acum să mergem la animația însăși.
Există două moduri principale în modelarea mișcării: modelare și mișcare.
Luați în considerare prima. Formă - formă (engleză). Înțelegeți deja că aici va fi o chestiune de schimbare a formei. Creați un formular, de exemplu un pătrat albastru. În partea de sus, în linia de timp vom avea un cerc pe primul cadru pe un fundal gri - am creat un keyframe. Acum creați același cadru în cadrul al 10-lea. Acest lucru se poate face în două moduri: mutăm mouse-ul la 10 cadre, facem un clic (cadrul devine albastru), iar în meniu se selectează succesiv: Insert-> keyframe; în caz contrar este posibil: direcționăm pe 10 cadre, faceți clic pe, apăsați F6. În linia de timp, toate cele 10 cadre sunt gri. Linia roșie arată cadrul în care suntem. (Figura 2)
Mergeți la 10 cadre. Selectați caseta noastră (cu mouse-ul sau cu ctrl + A, - această combinație de taste scoate în evidență tot ceea ce avem în spațiul de lucru). Mișcați pătratul nostru undeva în lateral (vedeți că vă aflați în cadrul al 10-lea!) Și schimbați culoarea spre, de exemplu, galben. Acum du-te înapoi la primul cadru. Linia Proprietăți are o opțiune de Tween, unde atributul implicit este "none". Asta este, nici o animație. Schimbați-l la "formă". În linia de timp, cadrele noastre au o culoare verde cu o săgeată. Când se face totul, apăsați "enter". BEAUTY! Pătratul se mișcă și culoarea se schimbă, de asemenea! Din nou, mergeți la 10 cadre. Selectați toate (ctrl + A). Și apăsați tasta de ștergere (care este, ștergeți). În locul pătratului trageți un cerc roșu-fir. Din nou, mergeți la primul cadru și apăsați pe Enter. Pătratul se transformă acum într-un cerc și roșu. Ați înțeles deja că nu este nevoie să desenați fiecare cadru - este pentru tine să faceți flash! Deși dacă aveți nevoie de precizie specială sau ceva - puteți desena. atunci fișierul va crește în dimensiune. Dacă aveți nevoie de o tranziție mai ușoară de la un pătrat la același, de exemplu, un cană - faceți acest proces nu cu 10, dar, de exemplu, cu 25 de cadre. Dacă aveți nevoie de mai multe mișcări și mișcări complicate - pentru aceasta există straturi de mască, dar despre ele cumva data viitoare. Figura 3 arată cum arată animația dvs. pe linia de timp. Acum puteți desena un film simplu cu o schimbare de formă!
Acum, luați în considerare al doilea mod de a seta animația: mișcarea de deplasare (traducerea unui exemplu: construirea unei mișcări de mișcare intermediară). Va fi un pic mai complicat aici. Din nou, deschideți un nou fișier flash.
Care este diferența dintre formă și mișcare? Faptul că în al doilea caz nu vom lucra pe forme, ci pe obiecte terminate, adică simboluri. Un simbol este, ca să spunem așa, cea mai simplă unitate de animație într-o culoare. Acesta este un mod mai des întâlnit. Repetăm totul din nou - în primul cadru, tragem un pătrat albastru. selectați-l și apăsați F8 (sau executați secvențial: Insert-> convert to symbol). În fața noastră apare o casetă de dialog (Figura 4).
Ce este asta? Există trei tipuri de simboluri în flash: clipul moovie este un fel de animație suplimentară în interiorul personajului. adică acest simbol conține un fel de animație etc. are exact aceeași linie de timp ca scena principală; Buton (buton) - un element care răspunde presei, prezența unui mouse peste ea etc. Pe scurt, butonul este; și al treilea element, cel mai static - grafic. Aceasta este doar o imagine grafică, o imagine. Vom lucra cu cei din urmă. Cumva spunem noi, apăsăm "OK". Un cerc apare pe pătrat - în caz contrar, centrul simbolului nostru (centrul poate fi, de asemenea, setat în acea casetă de dialog). Toate simbolurile noastre sunt introduse în bibliotecă. De acolo, putem să le editați, să le inserăm acolo unde este necesar și acolo unde nu este necesar, ștergeți, adăugați. Pentru a vizualiza biblioteca, apăsați F11 sau urmați instrucțiunile: Window -> Library. În cadrul al 10-lea, creați cadrul cheie (F6). Acum putem să ne mutăm pătratul undeva. Apoi faceți-o invizibilă: pentru aceasta, selectați-o în cadrul al 10-lea. În panoul de propperități, în secțiunea de culori, setați alfa (transparență). Să setăm atributul ca procent: 0. Să revenim la primul cadru. Efectuați aceleași acțiuni ca și pentru modelarea formei, dar în loc de formă, să marcăm mișcarea. Cadrele în linia de timp vor deveni violete și prin ele săgeata se va extinde, așa cum se arată în Fig. 5. Apăsați enter.
Vom avea efectul că "pătratul va zbura în gol". Felicitări! Știi cum să faci o grafică primitivă într-o clipă!
O altă caracteristică importantă - pentru fiecare animație trebuie să avem un strat separat (Layer). Dacă trebuie să adăugați un alt strat, utilizați comanda: Insert-> Layer.
Și destul de puțin despre linia de timp.
După cum ați înțeles deja - verde deschis, cu o aliniere în formă de săgeată, violet cu o mișcare de săgeată - mișcare. Liliac sau purpuriu cu linii - setați animația, dar nu puteți crea această animație, - ați făcut ceva greșit. Culoarea gri - toate cadrele cu o astfel de umplere reprezintă o copie exactă a cadrului cheie anterior. Culoarea liniei albe înseamnă că nu există nimic în aceste cadre. Cercul negru este cadrul cheie. Cercul alb este un cadru cheie cheie. Ca totul. (Figura 6)
Articole similare
Trimiteți-le prietenilor: