Crearea unei animații proprii în Flash poate fi chiar una care este absolut lipsită de capacitatea de a desena (sau de capacitatea de a lua mai mult decât suficient, dar degetul a condus un buldozer). Nu dispera! Vom îmbrăca degetele de lungă durată, promițându-ne să nu verificăm din nou de ce măcinătorul de carne funcționează atât de bine și să începeți să studiați elementele de bază ale viitorului măiestrie.
După cum este cunoscut, utilizat în rata de cadre de film 24 pe secundă, dar în animație, în special conceput pentru Internet, suficient de 12. mai mare rata de cadre, mișcarea lină se va dovedi, dar este mult mai de încărcare a procesorului, devine esențial în complex scene. Viteza de redare Flash depinde de procesor, iar pe diferite computere poate varia semnificativ. De obicei, acest lucru se manifestă prin frânarea sau mișcarea intermitentă, mai ales când animația complexă este sincronizată cu sunetul.
După ce vom decide scenariul, vom începe creativitatea. În primul rând, vom decide care este dimensiunea banner-ului. Lăsați acest lucru să fie formatul standard de 468x60 în rețelele de schimb de bannere. Aceste dimensiuni trebuie să fie specificate în panoul Proprietăți film din Modificați filmul [Ctrl + M], în casetele Lățime și Înălțime. În aceeași fereastră vom selecta culoarea de fundal (Culoarea de fundal) a bannerului nostru și, de asemenea, în câmpul Frame Rate vom specifica valoarea fps - numărul de cadre pe secundă.
După ce ați specificat toate setările filmului și ați apăsat butonul OK, verificați scara ecranului scenelor. Dacă este necesar, setați-l la 100%.
Acum vom crea bazele viitorului banner - o inscripție în mișcare:
Selectați instrumentul Text [T].
Deschideți panoul de setări al acestui instrument: Caracterele ferestrelor [Ctrl + T] sau faceți clic pe butonul cu litera "A" din colțul din dreapta jos al ferestrei.
În meniul derulant Font al panoului Caractere, selectați fontul chirilic, de exemplu Arial Cyr.
Setați dimensiunea dorită, de exemplu 35, și culoarea.
Faceți clic pe locul de la începutul inscripției (în cazul nostru - la începutul bannerului) și introduceți textul. Dacă apare brusc faptul că dimensiunea sau culoarea selectată nu se încadrează, comutați la instrumentul Săgeată [M] (săgeata neagră din bara de unelte) și selectați textul făcând clic pe acesta. În jurul textului va apărea un cadru, acum îl puteți modifica în panoul Caractere: dimensiunea, culoarea fontului etc.
E timpul pentru prima animație. Calmează mâinile tremurând de emoție și continuă să creeze:
Transformați textul într-un simbol: Introduceți Conversia în Simbol [F8]. Nu uitați să îi dați un nume adecvat și să specificați tipul graficului. Simbolul creat va fi plasat în biblioteca proiectului curent.
Selectați cel de-al 20-lea cadru din Cronologie și introduceți cadranul cheie Insert Keyframe [F6]. În stânga noului cadru apare o bară gri, care vine din primul cadru cheie.
Întoarceți-vă la primul cadru și mutați inscripția pe banner dincolo de marginea sa, spre exemplu, la marginea dreaptă.
Fără a elimina selecția din primul cadru, deschideți panoul de setări pentru ferestre din panoul cadru [Ctrl + F] (puteți de asemenea să faceți clic pe butonul Afișați instanță în colțul din dreapta jos al ecranului), apoi treceți la fila Frame.
În meniul derulant Tweening (construirea cadrelor intermediare), selectați tipul de animație - Motion, adică animația de mișcare. Bara gri dintre cadrele cheie va deveni albastră cu săgeata spre dreapta.
Timpul necesar pentru a reda un film sau clip de la începutul redării este afișat în linia de statistici Timeline. Durata efectivă a episoadelor individuale poate diferi ușor de valoarea afișată, calculată pe baza setărilor fps. Aceasta depinde în principal de complexitatea calculelor necesare pentru a construi o imagine a unui singur cadru și de viteza calculatorului.
Folosirea straturilor este o modalitate foarte bună de a crea un film. În plus, obiectele plasate pe straturi diferite pot fi suprapuse sau ascunse, creând o simulare a volumului scenei, aplicarea corectă a straturilor poate reduce semnificativ dimensiunea fișierului finit. Orice obiect care urmează să fie animat trebuie plasat pe propriul său strat. Deci, veți obține efectele necesare mult mai rapid și veți reduce sarcina procesorului.
Pentru fiecare strat, încercați să veniți cu un nume potrivit. Pentru a modifica numele stratului, faceți dublu clic pe numele stratului și introduceți unul nou.
Dacă se presupune că butoanele vor avea obiecte animate, creați în prealabil caracterele Clipuri de caractere și apoi plasați-le doar în cadrul butonului corespunzător.
Conform scenariului nostru, textul nu trebuie doar să "meargă" pe ecran, ci, după un timp, să dispară. Prin urmare, va trebui să chinuim simbolul cu textul mai mult, pentru că animăm simbolul, nu textul în sine.
Introduceți un nou cadru cheie, de data aceasta pe locul 60. Sper că sunteți deja obișnuiți cu faptul că pentru aceasta trebuie să selectați cadrul adecvat și să apăsați F6? Astfel, am stabilit timpul pentru afișarea statică a textului după oprire - aproximativ trei secunde și jumătate.
Introduceți ultimul cadru cheie, de exemplu cel de-al 80-lea.
Din lista derulantă, selectați efectul Alpha și, deplasând cursorul, setați transparența la zero.
Acum trebuie să adăugați ultimul element al filmului - un pătrat rotativ:
Creați un nou simbol: Introduceți simbolul nou [Ctrl + F8], atribuiți numele dorit și setați tipul de film clip.
Selectați instrumentul Rectangle [R] și setați culoarea de umplere și tipul de margine. Culoarea poate fi selectată în paleta (panoul mixerului), apelată prin meniul (Window Panels Mixer) sau prin butonul corespunzător din colțul din dreapta jos al programului.
Desenați un pătrat, încercând să faceți ca centrul semnei obiectului să cadă într-adevăr pe centrul pătratului sau să mutați pătratul deja desenat.
Transformați pătratul într-un simbol grafic, așa cum ați făcut anterior cu textul.
Introduceți cadranul cheie, de exemplu, pe cel de-al 30-lea cadru.
Selectați primul cadru, deschideți panoul Cadru pentru acest cadru și specificați tipul familiar de animație de mișcare.
În meniul derulant Rotire, selectați rotația în sensul acelor de ceasornic - CW, iar în câmpul Times, specificați câte revoluții ar trebui să realizeze obiectul (de exemplu, unul).
Rămâne foarte puțin - să plasăm filmul creat pe scenă, adică pe bannerul nostru:
Treceți la modul scenă făcând clic pe fila Scene1 de deasupra listei de straturi.
Adăugați un nou strat. Pentru a face acest lucru, faceți clic pe imaginea hârtiei cu colțul curbat și semnul plus sub lista de straturi.
Mergeți la primul cadru al stratului creat, selectându-l cu ajutorul mouse-ului.
Deschideți biblioteca proiectului: Library Library [Ctrl + L] sau făcând clic pe cartea din colțul din dreapta jos al ecranului.
Găsiți clipul video al pătratului rotativ din bibliotecă și transferați-l în scenă, plasând bannerul în locul potrivit.
Dacă, atunci când creați un pătrat, ați făcut o greșeală cu dimensiunile, - este în regulă, utilizați modificatorul Scale, schimbând dimensiunea pătratului la cele necesare.
Asigurați-vă că Flash a creat o riglă ne-animată pentru acest strat în panoul Cronologie, egală cu durata precedentă. Dacă acest lucru nu se întâmplă, faceți clic pe ultimul cadru al stratului și introduceți un cadru gol: Insert / Flame [F5].
Bineînțeles, ar fi posibil să ne ocupăm de ceea ce a fost deja creat, dar numai visăm de pace! Nu credeți că pătratul care se rotește este foarte singur și că nu va afecta câțiva prieteni colorați? Pentru a face acest lucru, nu trebuie să creați clipuri video noi, ci să le folosiți pe cele existente cu modificări mici pentru fiecare instanță:
Plasați pe banner mai multe pătrate prin glisarea clipului video corespunzător din biblioteca de proiect pe scena, pe stratul deja existent cu primul pătrat.
După ce patratele și-au luat locul și se potrivesc în mărime, selectați unul dintre ele făcând clic pe el cu ajutorul mouse-ului.
Deschideți panoul de efecte al instanței Efecte și selectați efectul Tint din meniul derulant. Setați culoarea dorită pentru fiecare dintre pătrate.
Deoarece vorbim despre bannere, vreau să menționez faptul că unele rețele de schimb de bannere sunt limitate la acceptarea unor filme Flash de o anumită dimensiune, iar unele necesită plasarea obligatorie a unui buton care acționează ca un fundal cu un script special pentru ActionSript.
Bannerul este de neconceput fără posibilitatea de a accesa site-ul atunci când faceți clic pe el, altfel nu este un banner, ci un film obișnuit Flash. Pentru prelucrarea intrărilor de taste din Flash, simbolurile pentru butoane sunt atribuite fragmentelor de cod atribuite acestora în ActionScript.
Crearea unui buton diferă puțin de crearea unui clip video: InsertNew Symbol [Ctrl + F8] (tipul unui simbol - Buton). Caracteristica principală a butonului este că linia sa de timp este utilizată în afara casetei. Conține doar patru cadre, care nu sunt asociate secvenței de animație. În cadrul Up, este reprezentată starea normală a butonului, în cadrul Over - vizualizarea când cursorul mouse-ului este depășit, jos - butonul apăsat și Hit - zona de răspuns.
Desenați un dreptunghi în primul cadru al butonului, egal cu dimensiunea întregului banner și având o culoare de fundal. Dimensiunile pot fi bifate în panoul Informații numit prin butonul din colțul din dreapta jos al ferestrei cu imaginea pătratului și a săgeților de coordonate sau prin meniul: Panouri de ferestre Info [Ctrl + Alt + I].
Mergeți la al doilea cadru - Peste, introduceți cadranul cheie [F6]. Modificați culoarea dreptunghiului selectând-l și selectând Culoarea de umplere.
Setați zona de răspuns a butonului din cadrul - Hit, introducând doar un alt cadru [F5] pentru acest cadru.
Reveniți la scena principală, creați un nou strat și plasați butonul în el, aliniați-l cu marginea bannerului.
Articole similare