- Lucrează cu butoane. Butoane.
- Buton animat.
- Butonul "Cântând".
- Utilizarea scenelor.
- Optimizarea si testarea reclamei.
Lucrează cu butoane. Butoane
O descriere a aspectului și a proprietăților butonului se realizează utilizând o cronologie care, atunci când lucrează cu butonul, obține un aspect specific.
Etapa inițială de creare a unui buton este aceeași ca atunci când creați un alt caracter. Utilizați comanda Insert> New Symbol. În caseta de dialog Proprietăți simbol, specificați numele simbolului care urmează a fi creat și setați tipul butonului la acesta. Observați că linia de timp sa schimbat. Acesta conține patru cadre care nu sunt numerotate, dar au nume specifice și un scop specific.
- Primul cadru, Sus (liber), este o imagine a butonului în stare liberă, când indicatorul mouse-ului nu este îndreptat spre el.
- Al doilea cadru, Peste (de sus), corespunde poziției cursorului mouse-ului peste buton. Se presupune că butonul mouse-ului nu este apăsat. Schimbarea stării butonului în acest caz poate fi utilizată pentru a arăta utilizatorului că acesta este de fapt un buton, mai degrabă decât un element de design static.
- Al treilea cadru, Down (apăsat), corespunde cu situația atunci când cursorul mouse-ului este axat pe un buton și este apăsat butonul mouse-ului (rețineți că acest lucru nu înseamnă neapărat o încercare de a face clic pe butonul - de obicei, comenzile de pe ecran sunt declansate nu prin presare, și prin eliberarea butonului șoarece).
- În cele din urmă, cel de-al patrulea cadru al lui Hit (zona de orientare), arată zona care este văzută de rolă ca regiune a butonului. Acest cadru însăși nu este afișat niciodată, dar determină care dintre primele trei cadre ar trebui să fie afișate la fiecare moment. În special, trebuie remarcat faptul că zona imaginii butonului în diferite cadre nu este neapărat aceeași.
Pentru a ușura înțelegerea "structurii" butonului, puteți folosi biblioteca Flash - Window> Common Libraries> Buttons. Figura arată: paleta Cronologie a unui nou simbol al butonului de tip în stadiul creării sale, precum și paleta butonului Timeline din biblioteca Flash - butoanele Oval verde. Rețineți că mai multe straturi au fost utilizate la crearea acestui buton. În timpul lucrului pe buton puteți folosi toate instrumentele din paleta de instrumente fără excepție, în plus față de cadrul butonului pe care îl puteți pune:
- simbol grafic,
- un personaj animat, cum ar fi filmul Clip, care poate "anima" un buton - face să răspundă la ghidarea mouse-ului,
- un scurt fragment muzical sau de vorbire care poate permite crearea unei mufe "vorbind" sau "cântând".
Buton animat
În fața ta, un buton animat este o "fotografie sub vălul". Pentru a admira reproducerea, trebuie să îndreptați cursorul mouse-ului spre ea.
Importați în film o previzualizare pregătită în Adobe Photoshop - în această reproducere video a picturii de către Auguste Renoir. Dimensiunile scenei videoclipului dvs. trebuie să corespundă dimensiunii ilustrației. Aliniați ilustrația la centrul scenei utilizând paleta Aliniere. Transformați-l la un simbol de tip Graphic, utilizând comanda de meniu Insert> Convert to Symbol. Creați un nou simbol precum filmul în care simulați efectul vălului, precum și dispariția vălului sub forma unui dreptunghi care iese.
Acordați atenție paletei Cronologie a acestui simbol.
Stratul renaar. Pe acesta, plasați o copie a simbolului de tip Graphic cu reproducerea imaginii. Împingeți stratul la 40 de cadre folosind comanda Insert Frame.
Stratul de mască. În primul cadru al acestui strat, utilizați instrumentul dreptunghi pentru a desena un pătrat cu o latură de 1 pixel, centrați pătratul în raport cu scena. 40 de strat cadru face cheia, dimensiunea pătratului în acest cadru ar trebui să fie mărită la dimensiunea scenei (cu alte cuvinte, până la dimensiunea ilustrației). Reveniți la primul cadru și setați paleta Proprietăți la tipul de animație Shape. Întoarceți acest strat într-o mască.
Imaginea stratului. Pe acest strat, plasați o instanță a unui caracter de tip Graphic. Și în paleta Proprietăți, setați Alpha la 12% pentru aceasta. Împingeți stratul la 40 de cadre.
Reveniți la scenă și consultați biblioteca videoclipului dvs. Creați un duplicat pentru simbolul Movie Clip. Folosind comanda Edit pentru un duplicat, intrăm în simbol. În timp ce țineți apăsată tasta Shift, selectați toate cadrele de pe toate straturile și consultați comanda Reverse Frames.
Și încă un mic truc, nu mă pot abține de la programare. Observați cadrul al 40-lea al stratului de mască, pe care îl vedeți litera a. care spune că această acțiune este înregistrată în acest cadru. Stați pe acest cadru și consultați paleta Acțiuni. Scrieți această parte a acestui cadru:
În acest caz, oprim animația din ultimul cadru.
Aceeași operație ar trebui efectuată în primul caracter al tipului de film clip.
Acum, că toate elementele necesare pentru crearea butoanelor sunt gata, trecem la comanda Insert> New Symbol și creăm un nou caracter al tipului Button.
În primul cadru al butonului Sus, plasați o instanță a simbolului Movie Clip # 1 folosind biblioteca de filme. În cel de-al doilea cadru Pe butoane, plasați o instanță a simbolului Movie Clip # 2. În cel de-al treilea cadru al lui Down, plasați o instanță a simbolului grafic cu o ilustrație. În cadrul Hit, plasați un dreptunghi, a cărui mărime corespunde dimensiunii scenei.
După ce lucrul la crearea fiecărui cadru al butonului este complet, reveniți la scenă. Butonul, ca orice alt simbol, este plasat în bibliotecă, de unde puteți oricând adăuga filmului copia (sau mai multe instanțe). Acordați atenție bibliotecii de filme. Are 5 simboluri. Luați un buton din bibliotecă pe scenă, aliniați-l cu scena, referindu-se la paleta Align.
Verificați funcționarea butoanelor, fiind în program Macromedia Flash nu este prea ușor. Animarea butoanelor în timpul editării nu funcționează. În mod implicit, dând clic pe un buton, îl selectează ca orice alt obiect. Cu toate acestea, avem capacitatea de a verifica rapid modul în care funcționează butoanele. Pentru a face acest lucru, trebuie să le activați cu comanda Control> Enable Buttons (control> butoane de activare). Dacă butoanele sunt activate, această comandă este marcată în meniu cu un marcaj de selectare. Cu toate acestea, când selectați acest mod, operațiile obișnuite cu butoanele sunt oarecum dificile, astfel încât starea lor normală la editarea clipului este deconectată.
Testați-vă videoclipul dacă trebuie corectat.
Butonul "Cântând"
Fotografia păunului din acest clip este un buton "cântând". Dacă faceți clic pe ea cu mouse-ul, puteți asculta un scurt fragment de sunet - cântecul conjugal al unui păun.
Observați paletele de cronologie și butoanele. Pe scenă există doar un cadru și două straturi.
Un strat de pasăre. Iată o casetă de text și un buton "cântând" cu o fotografie de păun.
Stratul este ramka. Pe acesta există un cadru care încadrează fereastra rolei.
Dacă vă uitați în interiorul butonului, vom vedea și două straturi.
Fotografia stratului. În primul cadru al acestui strat este cheia a fost o fotografie a unui păun - grafica bitmap importate (jpg-fișier), pe care am pregătit anterior pentru Flash-video în Adobe Photoshop (redimensiona imagini și optimizează programul). Apoi, folosind tasta F6, restul cadrelor de butoane au făcut cheia.
Stratul de sunet. Shot Down a fost făcută o cheie și a pus-o muscatura de sunet - audio importate (MP3-fișier), care precum și graficele importate au trecut anterior mai multe etape de formare: înregistrare (wav-format), program de procesare a Steinberg Wave Lab, de conversie în aceeași program de la formatul WAV la format mp3.
Să analizăm rezultatele muncii corecționale:
Utilizarea scenelor
Pentru a organiza navigarea neliniară prin scene, trebuie să vă întoarceți la programare.
Folosind paleta Scene, puteți adăuga la film sau câteva scene pentru a elimina acest lucru sau că scena, pentru a duplica scena, schimba ordinea prin glisarea redarea obișnuită a scenelor, redenumiți scena la propria discreție.
Optimizarea si testarea reclamei
Pentru a vă asigura că cititorii paginii web așteaptă sfârșitul descărcării filmului, trebuie luate toate măsurile pentru a reduce dimensiunea videoclipului și a verifica funcționarea acestuia în condiții "reale".
O parte din lucrarea de optimizare este efectuată automat de Macromedia Flash în procesul de generare a videoclipului. Sunt căutate duplicate, care sunt eventual incluse în fișierul rezultat într-o singură instanță. În plus, grupurile imbricate de obiecte sunt convertite în grupuri de același nivel (numai în cazul filmului finalizat). Alte acțiuni legate de reducerea dimensiunii clipului, este necesar să se efectueze independent. Sunt posibile următoarele măsuri de optimizare.
Reprezentarea fiecărui element utilizat în mod repetat, ca simbol. Pentru elementele care diferă numai prin culoare, utilizați același simbol, schimbând proprietățile.
Utilizarea activă a grupării elementelor de imagine.
În toate cazurile, utilizați animația intermediară în loc de animația temporală. Dimensiunea zonei în care se modifică imaginea la trecerea de la un cadru la altul trebuie minimizată.
Utilizarea minimă a unor tipuri speciale de linii, de exemplu linie punctată. Utilizarea instrumentului Brush, numai dacă este absolut imposibil să faceți cu un creion.
Optimizarea contururilor individuale (reprezentând ele sub forma unui număr minim de linii sau ca cifre standard). În acest scop, trebuie să utilizați comanda Modificați> Curbe> Optimizare (modificați> curbe> optimizați).
Plasarea elementelor cu role dinamice și statice pe diferite straturi. Utilizarea activă a mecanismului straturilor a fost recomandată deja de mai multe ori, iar importanța acesteia nu poate fi supraestimată.
Eșec, dacă este posibil, din animarea imaginilor bitmaps. Ele sunt recomandate a fi utilizate doar ca elemente de fundal și statice.
Refuzul de a aplica umpluturi de gradient fără nevoi speciale. Utilizarea economică a fonturilor și a opțiunilor pentru proiectarea acestora. Nu abuzați de includerea fonturilor în film. În proprietățile câmpurilor de text statice, trebuie să specificați necesitatea includerii în traseele filmului numai pentru simbolurile utilizate.
Utilizare maximă la lucrul cu audio mp3 care oferă cel mai mare raport de compresie.
După ce a fost dat comanda Control> Scenă de test sau Control> Test Movie și trecerea la fereastra de verificare a filmului este efectuată, consultați meniul Debug (depanare). În partea inferioară a acestuia veți vedea o listă cu valorile posibile ale performanței modemului. Rețineți că pentru fiecare tip de modem este indicat nu maximul, ci performanța medie a conexiunii la Internet. Astfel, pentru un modem cu o viteză de 28,8 Kbps, teoretic este posibil să se citească până la 3,5 Kbytes pe secundă, dar programul Macromedia Flash oferă o estimare mai rezonabilă și reală de 2,3 KB pe secundă.
Pentru a introduce setările personale, selectați Particularizare. Pentru a vedea cantitatea de date încărcate în timpul redării fiecărui cadru și pentru a estima riscul întârzierilor, consultați comanda de meniu View> Bandwidth Profiler (vizualizare> profil descărcare). În partea de sus a ferestrei, în acest caz, apare o reprezentare grafică a procesului de încărcare. Ramele individuale ale rolei sunt reprezentate de benzi alternante de lumină și întunecate. Dimensiunea benzii corespunde cu cantitatea de date necesară pentru a juca acest cadru. Linia transversală roșie indică cantitatea de date încărcate în medie în timpul demonstrației cu un singur cadru. Dacă bara este în afara liniei, înseamnă că este posibil ca vizitatorul să aștepte încărcarea cadrului corespunzător.
Pentru a obține informații mai precise despre un anumit cadru, întrerupeți redarea clipului utilizând comanda Control> Stop (comanda> stop) și faceți clic pe banda corespunzătoare cadrului specific. Informațiile despre cadrul specificat vor apărea în panoul din stânga graficului.
În plus, aveți următoarele opțiuni pentru a controla aspectul graficului.
Dacă este selectată caseta de selectare Control> Show Streaming, în timpul redării clipului, indicatorul de umplere care urmează să fie încărcat apare pe linia de sus unde este indicat numărul cadrului. Acest lucru vă permite să monitorizați mai clar apariția întârzierilor de redare.
Există două elemente din meniul Vizualizare care acționează ca întrerupătoare. Dacă este selectat elementul Streaming Graph, graficul descrie progresul încărcării clipului în paralel cu redarea acestuia. În acest caz, veți vedea care cadre vor cauza întârzieri. Dacă opțiunea Frame by Frame este selectată, graficul indică pur și simplu dimensiunea fiecărui cadru.
Temă: Bazele creării animațiilor în Macromedia Flash MX
Să ne întoarcem la cursul tematic al temei 1. Sarcina dvs. este de a transforma o animație cadru cu cadru cu un pui într-un buton "live", purring atunci când faceți clic pe mouse. Nu mă pot abține de la versuri și vreau să reamintesc liniile remarcabile din poezia lui Sergei Aleksandrovich Esenin:
Oh, cât de multe pisici sunt în lume,
Nu le vom găsi niciodată cu tine.
Inima visează mazăre dulce,
Și steaua albastră sună.
Trezirea, delirul sau jumătatea treazului,
Numai îmi amintesc de o zi lungă -
Un pisoi se cerură pe aragaz,
El nu mă privește în același fel.
Eram încă un copil,
Dar sub cântecul bunicii, saltul
Sa repezit ca un tigru tânăr,
Pe minge scăzut de ea ...
Sarcina finalizată ar trebui prezentată ca fișier în formatul fla (dacă dimensiunea fișierului depășește 150 KB, vă rugăm, arhivați-o) și trimiteți-o profesorului.
Test: Elementele de bază ale creării de animații în Macromedia Flash MX
Materialele testului includ întrebări care vă vor permite să verificați puterea cunoștințelor dobândite în timpul lucrărilor la al doilea modul al celui de-al cincilea curs.
Testul este creat în Macromedia Flash MX și este un film interactiv Flash: descărcați testul într-o fereastră nouă
Proiect de curs: Bazele creării de animații în Macromedia Flash MX
Cunoștințele dobândite prin studiul primului și celui de-al doilea an al școlii electronice ar trebui folosite ca bază pentru crearea unei animații scurte. În această lucrare, trebuie să acționați ca scenarist și regizor, animator-artist și inginer de sunet. Durata desenului nu trebuie să depășească 1 minut. Subiectul desenului animat nu este definit de niciun cadru, cu excepția moralului și a eticii.
Proiectul cursului trebuie prezentat ca un fișier în formatul fla. Puneți-l în arhivă și trimiteți-l profesorului.
Vă urez succes în studiul dvs. independent de Macromedia Flash MX!
Până la noi întâlniri în al treilea an!