Cum se creează o animație în mișcare. Animație în mișcare. Crearea unei secvențe de cadre cheie
În această lecție ne vom uita la ce înseamnă să animați mișcarea unui obiect de-a lungul unei anumite căi de ghidare (ghid). Să creăm un obiect condiționat și să desenăm o cale pentru el de-a lungul pe care va trece.
Creați un nou document ActionScript 3.0
Ca de obicei, creați un nou document „Action Script 3.0”. În bara de instrumente din dreapta, selectați „Instrument dreptunghi” și plasați-l pe scenă.
Transformăm obiectul rezultat într-un simbol selectându-l cu „Instrumentul de selecție” și apăsând butonul din dreapta al mouse-ului.
Acum, în panoul „cronologie”, trebuie să selectați al cincizecelea cadru și să îl faceți cel cheie. Faceți clic pe butonul din dreapta al mouse-ului și apelați meniul contextual, unde selectăm „Insert Keyframe”.
Să creăm un ghid, o cale de-a lungul căreia obiectul se va mișca. Pentru a face acest lucru, faceți clic dreapta pe strat și în afișat meniul contextual selectați „Adăugați ghid de mișcare clasică”.
Ar trebui să obțineți două straturi ca acesta:
Acum trebuie să desenați pe stratul „Ghid” calea pe care se va mișca obiectul. Folosind Instrumentul Creion, care se află în panoul din dreapta, desenați un ghid.
Dacă calea desenată se dovedește a fi puțin neuniformă, atunci poate fi netezită folosind Instrumentul Smooth, care, ca un creion, se află în panoul din dreapta. Mai întâi, folosind Instrumentul de selecție, faceți dublu clic pe ghid și apoi faceți clic pe Instrumentul Smooth.
Plasați un obiect pentru a crea animație în mișcare
Acum să plasăm obiectul nostru pe calea desenată. Pentru a face acest lucru, stați pe primul cadru al stratului, luați obiectul folosind „Instrumentul de selecție” și mutați-l la marginea din stânga a liniei, se va „lipi” de el sau, mai degrabă, punctul de ancorare al obiectului. se va alătura ghidului.
Același lucru trebuie făcut pentru cel de-al cincizecilea cadru, luați obiectul și plasați-l pe marginea dreaptă a liniei.
Acum trebuie să creați cadre intermediare, astfel încât programul însuși plasează obiectul acolo unde este necesar în fiecare cadru. Pentru a face acest lucru, pur și simplu selectați orice cadru din mijloc de pe stratul în care se află obiectul și faceți clic dreapta, selectați „Creare Classic Tween”.
Ca rezultat, ar trebui să obținem două astfel de straturi:
Începem animația mișcării obiectului
Să vedem ce s-a întâmplat. Accesați meniul principal de sus „Fișier -> Publicare previzualizare -> Flash” sau apăsați ctrl+enter de pe tastatură. Pentru a vizualiza direct în program, apăsați tasta Enter.
Să facem obiectul să se „întoarcă” în timp ce merge de-a lungul căii. Pentru a face acest lucru, selectați primul cadru de pe stratul în care se află obiectul și rotiți-l puțin folosind Instrumentul de transformare gratuită, care se află în panoul din dreapta.
Acum, în proprietățile obiectului, fiind pe primul cadru, selectați „Orientați spre cale”.
Selectați al cincizecelea cadru de pe stratul în care se află obiectul și, la fel ca în primul cadru, rotiți-l puțin.
Pentru a vedea ce s-a întâmplat, apăsați ctrl+enter.
Toate lucrările de creare a unui film au loc folosind panoul Timeline, a cărui imagine este prezentată mai jos. Panoul Cronologie este împărțit în două părți printr-o linie verticală care poate fi mutată cu mouse-ul. Partea dreaptă a panoului este așa-numita „linie de cadru” - o linie pe care sunt situate simbolurile de cadru, care arată ca dreptunghiuri mici. Continutul cadrelor sunt imagini statice care se schimba in timp, aparand pe campul de lucru. Numerotarea cadrelor este prezentată în partea de sus a liniei. Sub linia cadrului există o „bară de stare”.
Cadrele cheie sunt cadre care conțin imagini statice care „prind viață” în timpul animației. Apăsarea tastei
— instrumentul principal atunci când lucrați cu animație în Flash. Afișează informații despre straturi, care cadre sunt cadre cheie și care sunt generate de Flash. Folosind cronologia, puteți înțelege ce cadre conțin acțiuni sau marcatori. Vă permite să mutați cadre cheie și piese întregi de animație.
Caracteristicile cheie ale cronologiei:
- Pentru a activa un strat, trebuie să-l selectați. Puteți desena și edita numai pe stratul activ. Stratul activ este evidențiat în Timeline și o pictogramă creion indică faptul că poate fi editat (Layer 3).
- Conținutul straturilor care se află deasupra cronologiei apare deasupra conținutului straturilor de sub ele. Pentru a schimba straturile, trebuie să trageți numele stratului în Locul potrivit pe Timeline.
- Pentru a crea un nou strat, selectați o poziție pe cronologia noului strat și faceți clic pe butonul „Adăugați strat”.
- Pentru a șterge un strat, pur și simplu trageți-l în Coșul de gunoi.
- Pentru a redenumi un strat, faceți dublu clic pe el pe cronologie.
- Când creați o imagine cu mai multe straturi, utilizați controalele straturilor. Făcând clic în coloana de sub imaginea castelului va bloca orice editare, iar în coloana de sub imaginea ochiului va face stratul invizibil.
Mai jos este un exemplu de videoclip de animație în care un fundal diferit (peisaj) cu un bloc de text corespunzător este plasat în straturi diferite cu o schimbare de 25 de cadre. Peisajul se obține prin umplerea fundalului imagine raster Color Mixer->Bitmap urmat de procesare cu instrumentul Fill Transformer.
- Imagine (grafică), este un simbol format dintr-un singur cadru. De aici numele său static. Dacă simbolul este cu adevărat un obiect static (neanimant), este mai bine să îl faceți grafic.
- Buton. Blițul are un tip de simbol adaptat special pentru funcțiile butoanelor. Are 4 cadre: Sus, Peste, Jos, Lovitură, care conțin următoarele stări de buton:
- Hit este starea normală pentru un buton care conține un link pe care utilizatorul l-a vizitat deja.
- Animație (clip de film). Acesta este cel mai „cu drepturi depline” tip de simbol. Poate conține orice număr de cadre. Un personaj de acest tip poate fi tratat ca un obiect Movie în ActionScript (limbajul Flash încorporat).
Există două moduri fundamental diferite de a anima ceva în Macromedia Flash:
- Desenați singur fiecare cadru, folosind Flash numai pentru a derula cadrele.
- Faceți ca Flash să calculeze automat cadrele intermediare.
Animație pas cu pas (cadru cu cadru).
Aceasta este o animație compusă în întregime din cadre cheie. Acestea. Dumneavoastră determinați atât conținutul cadrului, cât și „durata” acestuia (adică câte astfel de cadre statice va ocupa imaginea). Înainte de a desena următorul cadru, trebuie să inserați un cadru cheie gol (
Avantajele acestei metode includ:
- Animația stop-motion oferă, într-un fel, mai mult control asupra animației, iar dacă ești un animator cu experiență, o poți folosi în avantajul tău.
- Acesta este singurul mod de a organiza o schimbare de imagini absolut independente - o prezentare de diapozitive (de exemplu, crearea unui banner obișnuit folosind Flash).
- Și tot ce decurge din capacitatea de a desena manual fiecare cadru.
Dezavantajele includ următoarele:
- Animația stop-motion este dificil de modificat. Mai ales dacă nu este un set discret de imagini, ci o animație aferentă. Toate cadrele trebuie modificate.
- Animația cadru cu cadru ocupă o cantitate destul de mare de spațiu, deoarece este necesar să stocați informații despre fiecare cadru.
Operațiuni de bază cu personalul:
- Inserați un cadru cheie gol - Inserare -> Cadru cheie gol,
. - Cadru cheie care repetă conținutul celui precedent - Inserare -> Cadru cheie,
. - Șterge cadru cheie - Inserare -> Șterge cadru cheie,
+ . - Inserați un cadru obișnuit - Inserați cadru,
. - Șterge cadrul - Inserare -> Eliminare cadre,
+ .
Operații de bază cu rolă:
- Urmărește videoclipul - Control, Testează film.
- Modificarea înălțimii și lățimii unui videoclip - Modificare, Film.
- Conversia unui film Flash într-un document HTML Fișier, Setare de publicare, filă HTML.
- Vizualizarea unui document HTML - Fișier, Previzualizare publicare.
Să creăm un film cu mai multe straturi cu animație pas cu pas „Viața unei flori”. Primul strat - cadru, al 2-lea strat - ghiveci, al 3-lea strat - floare. Al 3-lea strat poate fi reprezentat ca trei straturi: frunză, tulpină, inflorescență.
Ghiveciul și rama sunt mereu în fața ochilor noștri, iar floarea reușește să crească și să se estompeze în 25 de cadre cheie. În stratul „floare”, fiecare cadru este diferit de cel precedent, dar puteți schimba starea florii după un cadru.
Videoclipul este publicat folosind File->Publish Setting. În fila Formate sunt selectate opțiunile de publicare, puteți selecta mai multe dintre ele, în filele corespunzătoare setați parametri pentru opțiunea de publicare selectată, apoi faceți clic pe butonul Publicare. În acest caz, fișierele create sunt salvate în același folder ca și fișierul original cu extensia .fla. În exemplul nostru, opțiunea fișier animat Gif a fost selectată pentru publicare, ca în toate exemplele ulterioare.
Încercați să finalizați singur a doua sarcină folosind algoritmul de mai jos. Aceasta va crea o animație Moving Car:
- creați un strat „Peisaj”;
- rulați comanda File/Import și importați o imagine a unui peisaj sau creați un fundal „asfalt”;
- Selectați al 30-lea cadru de pe riglă și apăsați F5. creați un lanț de cadre duplicate pentru peisaj;
- creați un nou strat „Automat”;
- Să desenăm o mașină fără roți în primul cadru cheie;
- Să grupăm mașina desenată și apăsând F8 vom crea un eșantion de bibliotecă - un clip auto;
- mutați mașina, selectați al doilea cadru și apăsați F6;
- vom muta mașina și vom crea noi cadre cheie până când mașina va dispărea în afara câmpului de lucru;
- creați un nou strat și numiți-l „Roata1”;
- Să desenăm o roată în primul cadru și să creăm un eșantion de bibliotecă din ea: roată;
- Să creăm un nou cadru cheie și să mutăm roata în el în spatele mașinii mutate etc. în toate celelalte cadre, rotind roata la un unghi mic;
- blocați stratul „Wheel1” și copiați întreaga secvență de cadre rezultată în buffer;
- creați un nou strat și numiți-l „Wheel2”;
- selectați primul cadru și copiați întreaga secvență de cadre din buffer;
- Pentru a bucla vizualizarea, faceți clic
+ .
Ca o altă sarcină independentă, puteți sugera crearea unei animații pas cu pas „Arderea unui chibrit”:
În Flash, există două opțiuni pentru construirea de imagini intermediare - interpolare în mișcare (animație de clădire bazată pe modificarea caracterului) și interpolare de formă (animație de construcție bazată pe schimbarea formelor). Aceste metode sunt fundamental diferite.
Animație în mișcare
Cu această metodă de animație sunt specificate poziția inițială, culoarea, dimensiunea, orientarea și parametrii finali, iar programul însuși realizează această mișcare. Cu această metodă Animații flash creează automat cadre intermediare între cadrele cheie pe care le specificați. Aceasta înseamnă că desenați un obiect, apoi pe un alt cadru faceți modificările despre care vom vorbi mai jos și îi cereți lui Flash să calculeze cadrele care se află între aceste două cadre cheie. Își face treaba și obțineți o animație fluidă.
Viteza și netezimea animației depind de numărul de cadre alocate pentru mișcare și de viteza filmului Flash (film). Viteza filmului poate fi modificată după cum urmează: Modificare->Film...,
Să luăm în considerare animația cu construcția de cadre intermediare (mișcare interpolată). Aceasta este cea mai folosită tehnică de animație în Flash. În acest caz, animația se bazează pe modificarea personajelor, adică. obiectul de animație este un simbol. Ca și în animația de interpolare a formei, pentru fiecare obiect la un moment dat, avem nevoie de un strat. Ar trebui să existe un simbol pe acest strat, cu care vor avea loc toate modificările.
Când utilizați Motion Tweening, următorii parametri sunt modificați:
- dimensiune (atât proporțională, cât și disproporționată - înălțime și lățime separat);
- înclinaţie;
- Locație;
- unghiul de rotație;
- efecte de culoare;
- Puteți utiliza straturi de ghidare pentru a defini traseul mișcării unui obiect.
Există mai multe moduri de a activa interpolarea mișcării (și, din păcate, o singură modalitate de a o dezactiva). Pentru a activa interpolarea de mișcare, trebuie să activați cadrul inițial al tranziției, apoi faceți clic dreapta și selectați Creare interpolare de mișcare în meniul contextual (același lucru se poate face selectând Inserare->Creare interpolare de mișcare). O modalitate universală de a activa/dezactiva interpolarea mișcării este utilizarea panoului Cadru, selectând Mișcare în câmpul Tweening. Acolo puteți controla parametrii de animație:
- Ușurarea - accelerație exponențială inversă, funcționează exact la fel ca în interpolarea formei.
- Rotire vă permite să controlați rotația. Auto - Flash încearcă automat să determine numărul de ture. CW (în sensul acelor de ceasornic, în sensul acelor de ceasornic) și CCW (în sens invers acelor de ceasornic - în sens invers acelor de ceasornic). În acest caz, lângă el în câmpul din dreapta există posibilitatea de a introduce numărul de revoluții. Pot fi utilizate numai valori întregi. Puteți dezactiva rotația selectând Niciunul.
- Orientare spre cale - rotește simbolul în funcție de linia de direcție. Snap fixează simbolul în acest ghid.
În cazurile în care numărul de cadre ale scenei principale nu este un multiplu al numărului de cadre de caractere, caseta de selectare Sincronizare vă permite să sincronizați cele două animații.
Sunt numite straturile care conțin curba de-a lungul căreia trebuie să se miște obiectul straturi de ghidare(straturi de ghidare) (adică ele conțin traiectoria obiectului). Pentru a adăuga un strat de ghidare, trebuie să Selectați stratul pe care se află simbolul dvs.; apoi faceți clic dreapta și selectați Adăugare ghid din meniul contextual. În acest caz, stratul original devine un strat ghidat. Aceasta nu este singura modalitate de a crea un strat de ghidare. Orice strat poate fi făcut ghid specificând acest lucru în proprietățile sale, sau ghidat prin tragerea stratului dorit cu mouse-ul astfel încât să fie sub ghid.
Apoi, trebuie să desenați o traiectorie de mișcare. Calea poate fi orice curbă care nu este o zonă de umplere. Toate! Stratul de control este gata. Puteți să-l dezactivați pentru editare pentru a fi mai convenabil să funcționeze și, în viitor, să îl faceți complet invizibil.
Acum, pentru a utiliza acest strat, trebuie să luați simbolul de punctul central (este un cerc atât de mic) și să-l trageți pe cale. Veți simți când simbolul „prinde” pe el și veți vedea cum alunecă de-a lungul lui.
Apoi, totul urmează scenariul familiar - cadre cheie, activați interpolarea mișcării... Dacă aveți nevoie ca obiectul să se rotească în funcție de traiectorie și nu doar să se deplaseze de-a lungul lui, atunci în panoul Cadru trebuie să activați caseta de selectare Orient to path .
Interpolarea mișcării vă permite să aplicați diferite efecte de culoare întregului simbol. Această caracteristică nu este disponibilă pentru interpolarea formei. Pentru a aplica un efect unui simbol, trebuie să selectați acest simbol, iar în panoul de efecte (Windows ->Panouri ->Efecte), selectați efectul dorit, setând luminozitatea, schimbarea culorii, nuanța.
Creați propriul exemplu foarte simplu de animație a unei mingi care se mișcă într-un cerc utilizând algoritmul de mai jos:
- Să desenăm un cerc în primul cadru și să-l umplem cu o umplere cu gradient radial;
- grupează desenul;
- selectați-l cu instrumentul Transformator și mutați centrul de rotație la o anumită distanță;
- să trecem la cadrul 30, faceți clic
, adică hai să o facem o copie a primului cadru; - Să revenim la primul cadru și să deschidem panoul Proprietăți și să selectăm Mișcare în lista Tween;
- în lista suplimentară Rotire, selectați rotație forțată în sensul acelor de ceasornic (CW) sau în sens invers acelor de ceasornic (CCW).
Următorul exemplu este puțin mai complicat - crearea unei animații a mișcării literelor text:
- Folosind instrumentul Text, creați un bloc de text;
- selectați cuvântul scris și împărțiți-l în litere separate (Modifi/Break Apart);
- să separăm literele în straturi separate Modificare/Distribuire la Straturi;
- convertiți fiecare literă din fiecare strat într-un desen, repetați comanda Modificare/Separare. Selectați fiecare literă și grupați-o;
- pe linia de cadru, la o oarecare distanță, vom crea copii ale primului cadru, faceți clic;
; - Vom selecta pe rând primele cadre pentru fiecare literă, deplasând-o în afara zonei de lucru, schimbând proporțiile literei, centrul de rotație etc.;
- În panoul Proprietăți, în lista Tween, selectați Mișcare. În lista suplimentară Rotire, selectați o rotație în sensul acelor de ceasornic;
- Să urmărim animația în fereastra de vizualizare
+ .
Animația de formular este o schimbare lină a unui obiect de animație pe câmpul de lucru. Prin obiect înțelegem aici nu un grup sau un bloc de text, ca în animația în mișcare, ci un desen obișnuit multicolor care poate consta din mai multe fragmente. Mai mult, numărul de astfel de fragmente la începutul și la sfârșitul animației poate fi diferit.
În timpul procesului de animație a formei, un desen se poate rupe în mai multe fragmente independente, fiecare dintre acestea se va transforma treptat în ceva neașteptat. Sau, invers, mai multe imagini independente situate pe câmpul de lucru, în timpul procesului de animație, schimbându-și treptat aspectul (dimensiune, culoare, formă), devin parte dintr-o singură imagine. De exemplu, aveți nevoie de un pătrat pentru a se transforma fără probleme într-un cerc sau de silueta unui iepure să curgă lin în silueta unui lup. În aceste cazuri, se folosește interpolarea formei.
Ca de obicei, setați două cadre cheie la o anumită distanță. Această opțiune de animație are o limitare strictă: animația trebuie să ocupe un strat separat și să fie o singură figură desenată (nu trebuie să existe grupuri sau simboluri). După ce există două cadre cheie, trebuie să îl activați pe primul (doar mergeți la el) și să îl selectați în panoul Cadru (Windows->Panouri->Cadru,
Când utilizați interpolarea formei, trebuie să setați doi parametri:
- Ușurarea specifică accelerația exponențială inversă. Valoarea acestui parametru poate varia de la - 100 la + 100. Aceasta înseamnă că dacă setați relaxarea negativă, mișcarea va avea loc cu o accelerație pozitivă, viteza va crește. În schimb, dacă relaxarea este pozitivă, animația va încetini;
- Parametrul Blend determină algoritmul de tranziție:
- Distributiv - netezește tranziția de la o formă la alta.
- Angular (unghiular) - încearcă să mențină proporțiile colțurilor.
Ultimul instrument în animația de interpolare a formelor este punctele de control (sfaturi de formă, literalmente - sfaturi pentru forme). Acestea sunt punctele prin care ajutați Flash să facă tranziția corect. Nu te poți descurca fără ele în cazul formelor complexe. Sunt foarte usor de folosit. Pe primul cadru cheie (de la care începe animația) adăugați un punct de control (Modificare->Transformare->Adăugați indiciu de formă, Puteți elimina toate punctele folosind Modificare->Transformare->Eliminare toate sugestiile. Puteți șterge un singur punct făcând clic dreapta pe el și selectând Eliminare indiciu în meniul contextual. Deoarece punctele de control sunt desemnate prin litere ale alfabetului latin, pot exista maximum 27 dintre ele. Pot exista multe opțiuni pentru trecerea de la o formă la alta, astfel încât animația poate lua calea care ți se potrivește într-o măsură mai mică. Chiar și transformarea unei figuri geometrice atât de simple ca dreptunghi situat vertical în același dreptunghi situat orizontal poate avea loc în moduri diferite. De exemplu, în timpul procesului unei astfel de transformări, o figură poate deveni sub forma unui oval sau chiar a unui cerc. Pentru a controla procesul de animație, trebuie să încercați să simplificați animația prin împărțirea desenelor în mai multe fragmente independente situate în straturi diferite, dar participând simultan la animație. O tehnică mai coordonată este utilizarea semnelor de formă, care au fost discutate mai sus. Dacă trebuie să dezactivați interpolarea formei, în panoul Cadru, selectați Tweening: None. Mai jos este un exemplu al acestei metode de animație de „transformare” a unui elefant într-o oaie și înapoi. Încercați să vă creați propria animație a formei de „transformare” a unui șarpe într-un vultur și înapoi: Adesea, în timpul procesului de animație, este necesar ca un obiect să se miște nu în linie dreaptă, ci de-a lungul unui traseu dat. În acest caz, animația este creată în mod obișnuit, iar traiectoria este desenată într-un strat separat. Un strat de cale poate suporta mai multe animații diferite, fiecare pe propriul strat, dar toate acele straturi de animație trebuie să fie sub stratul de cale. Pentru a desena o cale, puteți folosi diverse instrumente: creion, pensulă, creion, elipsă sau dreptunghi. Pentru a lega un obiect în mișcare de această traiectorie, trebuie să mutați pur și simplu acest element pe traiectorie în cadrele cheie inițiale și finale ale animației. În acest caz, în panoul Proprietăți, ar trebui să ajustați parametrii de animație astfel încât caseta de selectare Snap să fie activată. Pentru a face acest lucru, trebuie să selectați mai întâi primul cadru cheie al animației, de asemenea, este util să selectați comanda View/Snap to Objects. De exemplu, să creăm un videoclip „Zbor fluture peste o floare” folosind algoritmul de mai jos: Acest strat este conceput pentru a acoperi și a face invizibilă partea din imagine situată direct sub ea. Dacă masca de strat nu conține nicio imagine, atunci acoperă complet (maschează) stratul situat dedesubt și asociat cu acesta, care se numește strat mascat. Dacă ceva este desenat în masca de strat, atunci orice umplere a acestui desen devine o parte transparentă a stratului. Dacă animați o imagine creată într-o mască de strat, partea transparentă a măștii se va deplasa pe ecran. O mască de strat poate masca mai multe straturi. Puteți face un strat obișnuit masabil schimbându-i poziția în stiva de straturi. Trebuie doar să trageți stratul obișnuit sub masca de strat cu mouse-ul. Animația în acest caz poate fi de două tipuri. Sau animație de obiecte situate pe straturi mascate. Sau animarea unei imagini situate pe o mască de strat. Un exemplu de creare a efectului de text care apare treptat pe ecran literă cu literă. Pentru a face acest lucru, animăm mișcarea imaginii situate în masca de strat folosind următorul algoritm: Mai jos este un fișier GIF animat care folosește animația formei literelor textului „La mulți ani”, iar apoi textul care apare este „șters” folosind o mască de strat, un dreptunghi cu umplere în gradient, astfel încât efectul de se obțin litere „iridescente”. Fundalul este un fragment de grafică raster. Următorul exemplu demonstrează un cuvânt „în creștere” dintr-un punct, în care un grafic raster importat este folosit ca strat mascat și este creată o animație în stratul masca în care un cuvânt crește dintr-un punct și apoi se micșorează din nou. Acest exemplu folosește și animația formei. Un buton este un tip special de simbol conceput pentru a răspunde la acțiunile utilizatorului, de exemplu, apăsarea butonului în sine, a omologul său de la tastatură sau a unei zone active dintr-un film. Cronologia butonului conține următoarele patru cadre: Dacă trebuie să creați mai multe butoane identice, atunci în acest caz este suficient să creați un singur șablon de buton. Și apoi aplicați inscripțiile necesare pe el, schimbați culoarea sau dimensiunea. Dacă butonul trebuie să conțină obiecte animate, trebuie să creați în prealabil simboluri pentru clipuri de film și apoi pur și simplu să le plasați în cadrul butonului corespunzător. De exemplu, să creăm un buton cu animație încorporată folosind algoritmul de mai jos: Acest obiect este publicat în modul HTML cu un link către fișierul swf corespunzător. Să creăm butoane care controlează prezentarea de diapozitive: Pe (lansare) ( GotoAndStop(k); — numărul dintre paranteze indică numărul cadrului corespunzător. Pornit (apăsați) ( GotoAndStop(„începe)”; Pornit (apăsați) ( Root.prevFrame(); Pornit (apăsați) ( Root.nextFrame(); Pornit (apăsați) ( GotoAndStop("sfârșit"); Mai jos este rezultatul muncii noastre: Când creați animații folosind ActionScript, este adesea folosită o buclă cu trei cadre. În primul cadru (pregătire) se scriu datele inițiale, în cel de-al doilea cadru sunt plasate elementele corpului buclei, iar în al treilea cadru se scrie comanda de revenire la al doilea cadru gotoAndPlay (2); Operația unei bucle cu trei cadre este de a vizualiza alternativ cadrele care participă la buclă până când este îndeplinită condiția de ieșire din buclă. Să ne uităm la utilizarea unui ciclu cu trei cadre folosind exemplul de creare a mișcării măștii. Filmul nostru va fi format din trei straturi: <маскируемый клип>.setMask(<клип-маска>) De fiecare dată când se accesează cel de-al doilea cadru, clipul Mask se va roti cu 2°. O fereastră în formă de clip Mask se rotește în fața ochilor utilizatorului, prin care o parte a clipului Mask este vizibilă. Să învățăm cum să controlăm culoarea unei instanțe de clip de bibliotecă. Să creăm un film în care, pe fundalul soarelui răsărit, stelele se rotesc în direcții diferite, schimbându-și culoarea. O instanță a unui obiect Color este creată folosind un constructor în ActionScript și are următorul format: <имя экземпляра объекта Color>= culoare nouă(<имя экземпляра клипа>) OnClipEvent(încărcare) ( Star1Color = culoare nouă (aceasta); ColorTransform = (rb:0, gb:255, bb:255); G = 255; B = 255; Pasul = 5; OnClipEvent(enterFrame)( G -= pas; ColorTransform.gb = g; Dacă (r >=0 && b == 255 && g == 0) ( R+= pas; ColorTransform.rb = r; Dacă (g == 0 && r == 255 && b B -= pas; ColorTransform.bb = b; Dacă (b == 0 && r == 255 && g >=0) ( G += pas; ColorTransform.gb = g; Dacă (g == 255 && b == 0 && r R -= pas; ColorTransform.rb = r; Dacă (r == 0 && g == 255 && b>=0) ( B += pas; ColorTransform.bb = b; Star1Color.setTransform(colorTransform); Aceasta._rotație -= 3; Butoanele și meniurile sunt una dintre cele mai importante părți ale unui site web sau ale oricărei alte aplicații în care interactivitatea este importantă. Să creăm un meniu Flash. pe (lansare) (getURL("1.html", "_self");) După cum am menționat deja, cadrele pot fi simple și cheie. Următoarele opțiuni pentru implementarea lor sunt posibile în Flash. Animație în mișcare– în cadre cheie se desenează începutul și sfârșitul mișcării, în cadrele simple se face o trecere treptată de la o fază cheie la alta. În mod implicit, comanda corespunzătoare creează automat mișcare liniară și uniformă pentru tot ceea ce este conținut în stratul dintre două cadre cheie. În versiunile mai vechi, Macromedia Flash, comanda era Creați interpolare de mișcare. În versiunile noi, Adobe Flash, trebuie să utilizați comanda Creați o interpolare clasică de mișcare. De asemenea, sunt posibile modificări de culoare și transparență, precum și rotația obiectelor. Aceste tipuri de animație nu diferă fundamental de mișcare - în ambele cazuri, proprietățile stratului se modifică. Dar există și alte tipuri speciale de mișcare. 1. Mișcarea de-a lungul unei traiectorii.În versiunile mai vechi, pentru a seta mișcarea neliniară, a fost necesar să se creeze un nou strat special deasupra stratului cu obiectul în mișcare. În acest strat, a fost trasată o traiectorie de mișcare folosind orice metodă (linie dreaptă curbă, linie Bezier, creion). Apoi, folosind anumite manipulări, obiectul a fost legat de traiectorie. În Adobe Flash nu trebuie să creați un strat special, dar trebuie să utilizați comanda Creați o animație în mișcare.Traiectoria a devenit mai ușor de desenat poate fi completată cu o serie de efecte (de exemplu, rotație). În același timp, poate fi ușor invizibil. 2. Mișcare cu accelerare/decelerare. Pentru a crea o mișcare neuniformă pe o filă Proprietăți exista un motor uşurarea. Acest parametru poate varia de la -100 la +100. O valoare negativă corespunde unei creșteri a vitezei spre sfârșitul mișcării, o valoare pozitivă – o decelerare spre sfârșitul mișcării. Pentru a proiecta începutul și sfârșitul mișcării, trebuie să creați încă 1 sau 2 cadre cheie în intervalul de timp și să faceți o accelerare la început și o decelerare la sfârșit. E mai bine să pui valori limită: ±100, cele intermediare sunt de obicei ineficiente. Si pentru viteze mari iar accelerațiile necesită animație cadru cu cadru. Animație stop motion– este format doar din cadre cheie, fiecare cadru este creat manual. Evident, acest tip de animație are sens de introdus dacă acțiunea este foarte dinamică și variată. Pentru a mări timpul de afișare a cadrelor, puteți introduce 1-3 cadre simple între cadrele cheie, copiend cheia anterioară. În acest caz, animația va rămâne în continuare cadru cu cadru, doar timpul de expunere al cadru va crește. În sfârșit, cu ajutorul animației cadru cu cadru, puteți face mișcări speciale mult mai precise: cu accelerații/decelerații mari, pe o traiectorie complexă etc. Animație de formular– are loc o tranziție treptată a unei figuri de o formă într-o figură de altă formă. În același timp, dimensiunea, locația și culoarea se pot schimba. Dar există multe restricții cu privire la animația formularului. Aceasta nu funcționează: · Cu grafică raster; · cu text; · cu grupuri de obiecte – obiectele grupate nu pot fi deformate; · cu cleme – doar un obiect static poate fi deformat. Animația formularului este implementată în același mod ca și animația în mișcare, doar într-o fereastră Proprietăți → Tween trebuie sa alegi nu Moțiuni, A Formă(în versiuni noi - Creați o animație de formular). Culoarea cadrelor cu animație de formă este verde. În animația de formulare, punctele indicii joacă un rol important. Ele sunt plasate în cadrele cheie de început și de sfârșit. Ele sunt desemnate prin litere ale alfabetului latin: a, b, c, dși așa mai departe. Pot exista un total de 26 de puncte indicii, până la z. Literele sunt plasate în sensul acelor de ceasornic. Semnificația punctelor indicii este că locația indicată de punct (de exemplu, A) în cadrul cheie warp inițial, ar trebui să ajungă în locația indicată de același punct ( A) la cadrul cheie final. Și dacă în cadrul final punctele sunt plasate în alte locuri, atunci deformarea va lua o altă cale. Fazele intermediare pot fi complet diferite, inclusiv cele nedorite. În general, animația de formular este un proces capricios. Pentru ca deformarea să se desfășoare conform intenției, este adesea nevoie de mult timp. În plus, se întâmplă că necesită resurse de calcul mari, iar computerul poate îngheța. Acest tip de animație are sens să fie folosit atunci când animația în mișcare nu duce în mod clar la rezultate bune. Și animația cadru cu cadru va necesita prea multă muncă. Acesta este cel mai mult revizuire completă toate aspectele conceptului Animaţie cu cele mai bune exemple conform editorilor. Investește 15 minute de timp în cunoștințe noi, inspirate de tendințele din industrie. Mai multe exemple de animație modernă vă așteaptă mai jos... De la apariția celei mai simple animații, au fost inventate o mare varietate de tipuri și stiluri. Sa luam in considerare 5 tipuri principale
: Animație tradițională, numită uneori cel animation, este una dintre formele mai vechi de animație. In el: Cel mai simplu exemplu de astfel de animație este desene animate vechi Disney. Desen animat „Mowgli” Animatorii moderni se pot îndepărta de la desenul manual de personaje și cadre. În schimb, folosesc computere, tablete și pixuri. Poți începe în profesie studiind de bază Avantajul lecțiilor
este un studiu consecvent al procesului de creare a animației conform principiului „de la simplu la complex”. De asemenea, pentru a face primii pași în crearea animației, trebuie să stăpânești următoarele programe de bază Cum: Photoshop este adesea trecut cu vederea atunci când revizuiți software pentru animație, iar capacitățile sale sunt perfect adaptate pentru desenul cadru cu cadru în orice stil. Funcționalitatea de cronologie a Photoshop vă permite să animați desenând cadru cu cadru folosind skinning cu arc. animație 2D este un termen folosit când se face referire la animația tradițională desenată manual. De asemenea, se poate referi la animații vectoriale pe computer folosind tehnici tradiționale. Principiu Animații 2D Pentru a crea animații vectoriale Se folosesc aceleași metode ca și pentru cea tradițională. Această flexibilitate permite chiar și unui începător să creeze primul său videoclip acceptabil. Cum să înveți? În timp ce animația tradițională necesită să fii un artist bun, animația pe computer nu. Animația 3D seamănă mai mult cu construcția decât desenul. Tehnologiile de animație 3D au multe în comun cu stop motion, deoarece urmează o abordare bazată pe cadre. Dar în 3D, implementarea sarcinilor este mai ușor de gestionat, deoarece este într-un domeniu digital. Model 3D În loc să desenați un personaj sau să creați unul din lut, în animația 3D obiectul este creat digital. Ulterior sunt echipate cu un „schelet” care permite mutarea modelelor. Animația este creată prin construirea de modele pe anumite cadre cheie, iar apoi computerul calculează și interpolează între aceste cadre pentru a crea mișcare. Mai jos, vedeți un exemplu vizual al procesului de creare a unui model 3D în Blender. Profesia este foarte competitivă, deoarece această animație este în principal în scopuri comerciale. Unde poate lucra un designer de mișcare: Salariul mediu al unui designer de mișcare în Occident ajunge la 5.000 de dolari/lună, aici salariu specialist începe de la 700 USD/lună. Opri mișcare- aceasta este oprirea unui obiect după un cadru capturat și mutarea lui secvenţial pentru a face o nouă fotografie și o nouă mișcare. Când redați fotografiile făcute una după alta, se creează iluzia de mișcare. Acesta este modul în care obții stop motion. Această tehnică este similară cu animația tradițională, dar în loc de desene, animatorul folosește materiale reale. Îmi plac toate formele de animație, dar există ceva unic și special în stop motion: se simte mai real. Dar cred că este și un fel de lucru singuratic și întunecat. Animația Stop-Motion folosește obiecte fotografiate în secvență pentru a crea iluzia mișcării. Exemplu de animație Stop Motion Procesul de creare a animației stop motion este lung, deoarece fiecare obiect trebuie mutat cu atenție milimetru cu milimetru. Fiecare cadru capturat trebuie pur și simplu să creeze o succesiune lină de mișcări ale obiectului. Trebuie să începeți să vă mutați în adâncurile profesiei de designer stop motion stăpânind Dragonframe și iStopMotion Profesia de designer stop-motion a reînviat treptat pe piața muncii. Stop motion astăzi este o metodă ieftină în care este ușor să dai dovadă de bun gust artistic și abilități de răbdare. De aceea, designerii câștigă bani buni: Să ne uităm la ce tipuri de animație există. GIF (cu extensia de fișier, .gif) este un format de fișier imagine care este animat prin combinarea mai multor alte imagini sau cadre într-una singură. Exemplu GIF. (convertit în mp4 pentru dimensiuni mai mici) Spre deosebire de formatul JPEG (.jpg), GIF-urile folosesc de obicei un algoritm de compresie numit codificare LZW, care nu degradează calitatea imaginii și permite stocarea cu ușurință a fișierului în octeți. Puteți citi mai multe despre ce este GIF pe Wikipedia. Exemple pentru fiecare gust sunt pe portal giphy.com Verificați și părerea anime-ul poate deveni mainstream?(în limba engleză). Procesul de creare a anime-ului constă din mai multe etape: Conform acestui principiu, obiectele de animație pot fi comprimate sau întinse pentru a transmite viteza, impulsul, greutatea și masa obiectului. Această tehnică poate fi folosită pentru a indica elasticitatea sau duritatea unui obiect (de exemplu, pentru a arăta care minge dintr-un videoclip animat este plină cu apă și care este doar o minge de bowling). De asemenea, artiștii folosesc acest principiu pentru a transmite expresiile faciale și emoțiile personajului. Important: Dimensiunea unui obiect nu ar trebui să se schimbe în funcție de faptul că este strivit sau întins. Este de a pregăti privitorul pentru orice acțiune a personajului de animație. De exemplu, această tehnică este folosită pentru a arăta că un personaj se pregătește să sară. În acest caz, pregătirea va consta în faptul că personajul se va ghemui, își va aduna forțele și va începe să se îndrepte până când va fi în aer, ceea ce va fi un salt. Important:
Fără pregătire pentru nicio acțiune, toți pașii următori ai personajului vor părea nerealisti și neplauzibili. Artistul nu poate rata acest moment, deoarece privitorul pur și simplu nu va înțelege ce vrea personajul să facă în următoarele secunde, iar vizionarea unui astfel de videoclip va fi pur și simplu neinteresantă. Pregătirea pentru acțiune- Aceasta este o tehnică obligatorie pentru menținerea atenției. Ţintă Acest principiu este de a dezvălui cât mai exact posibil intenția creativă a autorului. În orice animație, este important să direcționați privirea privitorului către un moment sau o nuanță importantă, mișcarea unui personaj sau un eveniment în desfășurare. Montarea, parcă, atrage atenția asupra celor mai importante lucruri. Rețineți că în acest principiu este necesară alternarea prim-planurilor cu un fundal îndepărtat. Un prim-plan arată de obicei expresiile faciale ale personajului, în timp ce evenimentele dinamice sau statice din videoclipul multimedia apar în fundal. Important:
în fiecare scenă și videoclip în ansamblu, acțiunea ar trebui să fie cât mai clară și să fie concentrată. În caz contrar, privitorul pur și simplu nu va înțelege esența ideii autorului. Principiu acțiune spontană
constă în faptul că mai multe desene sunt create unul câte unul fără un plan specific de acţiune şi final. Principiu din poză în poză
constă în faptul că artistul desenează fiecare punct final de mișcare și abia după aceea desenează ipostaze și mișcări intermediare. Important: principiul de la poză la poză economisește energia și timpul artistului, deoarece, folosindu-l, știe exact ce se va întâmpla pe ecran și cum se va termina totul. Nu există un astfel de bonus în acțiunea spontană - dacă artistul a desenat ceva incorect, va trebui să redeseneze totul. Acțiunea spontană este bună pentru a afișa foc, picături, nori, fum și praf, și, de asemenea, transmite perfect estetică și imprevizibilitate fenomene naturale. Acest principiu este aplicat astfel încât după ce personajul se oprește, părți din haine, păr, brațe sau chiar picioare să continue să se miște prin inerție. În acest fel oprirea pare mai naturală și nu determină spectatorul să se plângă de caracterul nefiresc al imaginii. Inerția și suprapunerea fac ca mișcările, corpul și personajul animației să pară mai vii. Acest grup include, de asemenea, următorul principiu: tip Datorită tragerii, atunci când capul personajului se întoarce, părul sau obrajii lui (ca ai unui buldog) se vor mișca încet și elastic în spatele lui. Principiul este că toate mișcările se execută încet la început, apoi se accelerează și la sfârșit, acțiunile încetinesc din nou. Acest lucru se face pentru a maximiza naturalețea videoclipului și a aduce personajul desenat mai aproape de cel real. Doar roboții se mișcă cu aceeași viteză, așa că artistul încearcă să deseneze toate mișcările personajelor sale în amplitudini diferite și cu viteze diferite. Important:Încetinirea nu este utilizată în toate cazurile. De exemplu, pentru a arăta mișcarea unui glonț, decelerația nu este necesară, dar pentru a arăta mișcarea unui pistol în timpul unei împușcături, da. Fără a ține cont de mișcarea arcului personajului, apar erori evidente și devin prea mecanice. Absolut toate mișcările personajelor sunt efectuate conform principiului arcului și nu pentru că toate trebuie să fie netede, ci pentru că un arc poate contura o traiectorie mult mai mare și poate oferi personajului capacitatea de a se mișca cât mai natural. Acest principiu este adesea confundat cu suprapunerea, dar acest lucru este greșit. Mișcările expresive sunt trăsături ale mișcărilor unui personaj care îi dau savoare. Tușele expresive conferă mișcărilor personajului caracterul momentului și dispoziției. Dacă personajul este rău, atunci când bate la ușă, mâna lui a doua va fi strânsă într-un pumn. Această atingere poate să nu fie atât de izbitoare, dar transmite perfect emoțiile reale, reale ale unei persoane. Un artist care acordă importanță unor detalii atât de mici dă viață animației. Natura generală a animației depinde de câte cadre desenează artistul între acțiunile principale. Schimbând rata de cadre, un animator poate spune până la 10 povești. Dacă sunt multe ipostaze între cadrele principale și sunt situate aproape unul de celălalt, atunci mișcările vor fi foarte lente, iar dacă sunt puține cadre și sunt situate la mare distanță unul de celălalt, mișcările vor fi foarte rapide. . Rata standard de cadre pentru cinema este 24. Animația este, de asemenea, desenată în unul, două sau trei cadre. Important: Cu cât ramele se schimbă mai des, vor avea nevoie de desenare mai atentă. Principiul este că aproape fiecare expresie facială, expresie facială și emoție trebuie să fie unică. Folosind acest principiu, o emoție tristă poate deveni și mai tristă, iar o emoție veselă și mai veselă. Hiperbolizarea nu se bazează pe distorsiunea emoțiilor și a expresiilor faciale, ci pe a face mișcările și expresiile faciale și mai convingătoare. Principiul hiperbolizării este întotdeauna adecvat, deoarece face fiecare videoclip mai interesant, bogat și complet. Gradul optim de exagerare este greu de determinat. Prin urmare, mai întâi trebuie să exagerați ideea la maximum, apoi să o adaptați la videoclip. Trebuie să desenați conform acestui principiu, astfel încât să prezentați desenul în cadrul spațiului tridimensional. Transmiterea masei, volumului și echilibrului personajului. Dacă desenați o figură din toate părțile, procesul de animație va fi mult simplificat. Important: Când schițați un personaj, cel mai bine este să utilizați forme geometrice standard, cum ar fi sfere, cuburi și cilindri, mai degrabă decât pătrate și dreptunghiuri. Și, de asemenea, aveți grijă să vă asigurați că personajul desenat nu iese plat. Principiul este că eroul desenat trebuie să fie interesant și neobișnuit, ceea ce înseamnă că trebuie să evoce emoții în privitor, să fie captivant și să aibă o răsucire. Frumusețea unui personaj nu este neapărat carismatică. Această trăsătură poate fi exprimată în orice detaliu, poate fi conținută într-un personaj sau în toate personajele din videoclip. Important:
Puteți obține carisma unui personaj diversificând forma obiectului, proporțiile și, de asemenea, subliniind un detaliu caracteristic. Trebuie să fie neobișnuit și să iasă în evidență din imaginea generală a personajului. Astăzi, animația evoluează într-o varietate de moduri diferite și interesante de a spune povești și idei. Datorită apariției noilor progrese în tehnologie și tehnologii de telecomunicații, noile tendințeîn animație. Iată cele mai populare: Un stil de animație 3D care devine din nou popular este retrofuturismul. Acest lucru permite o estetică fantastică cu care oamenii de la sfârșitul anilor 70 și începutul anilor 80 credeau că viitorul ar putea arăta. Tehnică: Utilizarea efectelor de lumină luxuriantă și a elementelor digitale pixelate servește la crearea terenului și a personajelor într-o lume retro. Aceasta este o tendință de animație care este în creștere de câțiva ani și a fost folosită de unele dintre companiile de top din lume, inclusiv Nike, Nickelodeon, Disney, Cartoon Network și chiar și pentru jocurile Winter X. Culorile luminoase, contrastante, combinate cu modele unghiulare sunt folosite pentru a da animației un stil simplist, aproape cel asemănător. Rezultat- o secvență amuzantă de la care e greu de îndepărtat privirea. Unele cele mai bune exemple preluat de la Golden Wolf, o companie de producție de animație cu sediul în Londra. Un trend care a început în anul trecutși continuă să crească, creând animații care arată ca o combinație de 2D și 3D. Nu trebuie să mergi departe pentru a găsi tutorial care arată cum să obțineți un aspect 2D plat folosind cel Shader pentru a reda 3D. Oferind obiectelor 3D un aspect 2D, animatorii pot crea elemente expresive, ilustrative care captează imediat atenția privitorului, oferind informații clare și colorate. Dacă există o tendință grozavă de animație care profită din plin de puterea imaginilor CGI, aceasta este stilul suprarealist. Efectul de animație hiper-suprareal se bazează pe combinarea elementelor fotorealiste cu imagini fantastice pentru a crea lumi și acțiuni de vis. Există un exemplu de animație, cum ar fi „The Dreamer” de la Roof Studio pentru Honda, care atrage spectatorii într-o călătorie capricioasă, în calitate de realist. vehicul se deplasează prin locuri sălbatice. În loc să folosească imagini statice sau tot textul, multe aplicații din 2018 folosesc animații funcționale care păstrează atenția utilizatorului cu o interfață de utilizator vibrantă și interesantă. Aceasta include utilizarea animației pentru a îmbunătăți elementele de navigare, a confirma intrarea utilizatorului, a mări și a micșora conținutul etc. În industria divertismentului, cum ar fi filmele și jocurile video, animația 2D aproape a dispărut când a sosit 3D. De atunci, companiile au simțit că nu există o modalitate mai bună de a captiva publicul, jucătorii și potențiali clienți decât cu animația 3D, chiar dacă necesită mai mult timp și efort. Lecție de informatică
Data de: 03.02.2017 Subiect: " Animație în mișcare
»
Clasă: 9 "A" Tip de lecție:
studierea și consolidarea primară a noilor cunoștințe Obiectivele lecției:
Educational:
dezvoltarea capacității de a crea animație a mișcării de-a lungul unei traiectorii; Educational:
cultivați atenția și interesul pentru muncă independentă, creativitate, responsabilitate pentru siguranța proprietății școlii, în special laboratorul de calculatoare, responsabilitate și exigență în sine, muncă asiduă, disciplină. Dezvoltare:
dezvoltarea interesului cognitiv, a gândirii logice și algoritmice. Software de lecție și suport metodologic:
editor Flash, educational manual „Informatică. clasa a IX-a”, § 16 Structura lecției:
Organizarea timpului(2 minute) Verificarea temelor (5 min). Asimilarea de noi cunoștințe și metode de acțiune (până la 15 min) Pauza de educatie fizica (2 min) (până la 16 min) Teme pentru acasă(1 min) Rezumatul lecției (3 minute) Etapa de reflecție (1 min.) În timpul orelor
.
Timp de organizare:
Buna ziua! Aşezaţi-vă.
Cine lipsește astăzi? Astăzi în lecție vom continua să studiem editorul grafic Macromedia Flash. Să stăpânim animația în mișcare. Verificarea temelor
Și, în primul rând, ne vom aminti și ne vom reîmprospăta amintirea lecțiilor trecute. Ce este animația stop motion?
(Animația stop-motion este o animație compusă în întregime din cadre cheie.)
Care sunt avantajele și dezavantajele animației stop-motion?
(Defecte:
Animația stop-motion este dificil de modificat. Toate cadrele trebuie modificate.
Animația cadru cu cadru ocupă o cantitate destul de mare de spațiu, deoarece este necesar să stocați informații despre fiecare cadru.Avantaje:
tranziții netede de la cadru la cadru)
Cum se creează un cadru cheie?
(F6)
Cum se adaugă un obiect în bibliotecă?
(F8)
Explicarea noului material.
Animația în mișcare este produsă prin generarea automată (completare automată) a cadrelor intermediare. În acest caz, doar primul și ultimul cadre, care conțin fazele inițiale și finale ale animației, sunt cheie. Modificările sunt create prin repoziționarea și transformarea instanțelor de caractere. Genetransmisia radio a fazelor intermediare este asigurată de instrumentMişcareTween(miscare datorita modificarilor cadrelor intermediare). Pentru a insera un cadru intermediar, faceți clicF5
Pentru a șterge un cadru intermediar, faceți clicSchimb+
F5
N=
f*
t N-numar necesar de cadre Demonstrarea exemplelor 1-4. Exemplul 1
. Creați o animație a mișcării mingii pe fundalul copacilor (Fig. 3.39). În cadrul 1 al acestui strat, trageți o minge folosind o umplere cu gradient radial. Să-l transformăm într-un simbol de tip grafic (Grafic), atribuind numele „minge” Simbolul creat va merge în bibliotecă (numit cu tastele Ctrl + L), iar pe stratul „shap” există acum o instanță a acestuia. Să plasăm o instanță a simbolului „bilei” în stânga în fața copacilor. Selectați al 12-lea cadru de pe cronologia în ambele straturi și convertiți-l într-un cadru cheie apăsând tasta F6. Toate cadrele vor fi umplute cu conținut care dublează cadrele cheie ale stratului lor (acest lucru va fi indicat de colorarea gri a acestor cadre pe cronologia). De fapt, imaginile sunt doar în cadrele cheie 1 și 12, iar cadrele intermediare 2-11 conțin referințe la cadrul 1. Prin urmare, filmul Flash (fișier .swf) are dimensiuni foarte mici. Vom lăsa neschimbate cadrele stratului „pădure”, deoarece fundalul este nemișcat. În al 12-lea cadru al stratului „minge”, mutați mingea în poziția sa finală, reducându-i dimensiunea folosind instrumentul de transformare. Să completăm automat cadrele intermediare. Pentru a face acest lucru, selectați primul sau orice cadru intermediar al acestui strat (de exemplu, cadrul 7). Folosind meniul Inserare -› Creare animație a mișcării butonului drept al mouse-ului sau panoul Proprietăți, vom genera cadre intermediare. Colorarea liliac și o săgeată de la primul cadru la al 12-lea indică faptul că au fost generate cadre intermediare (Fig. 3.41 (În cazul unei erori, săgeata este desenată ca o linie punctată). Să ne uităm la secvența fazelor de mișcare deplasând indicatorul cadru de-a lungul scării de timp. Este convenabil să observați mai multe faze de animație în același timp în modul coajă de ceapă, care este activat de butoanele din cadrul de jos al scalei de timp. În acest mod, sunt afișate contururile obiectelor din cadrele adiacente sau traseul unei imagini în mișcare (Fig. 3.42). Să testăm animația. Interpolarile de mișcare sunt aplicabile numai instanțelor de mostre de bibliotecă (simboluri) sau obiectelor grupate. Exemplul 2.
Măriți durata animației create în exemplu cu 1 până la 3 secunde. Explorați influența numărului și frecvenței cadrelor asupra duratei și fluidității animației. Să creștem numărul de cadre la N = 12 - 3 = 36 inserând cadre intermediare folosind tasta F5 sau trăgând cadrele cheie de final selectate cu butonul stâng al mouse-ului apăsat. Să testăm animația. Durata sa este de 3 s. În panoul Proprietăți, creșteți rata de cadre la 30 de cadre pe secundă. Să testăm animația. Durata sa a devenit 36: 30: 1,2 s. Să restabilim rata de cadre la 12 cadre pe secundă. Animația mișcării, constând din mai multe etape, este implementată prin setarea cadrelor cheie la începutul și sfârșitul acestor etape și prin corectarea proprietăților obiectelor (poziția, dimensiunea, culoarea, transparența acestora) în aceste cadre. Modificarea vitezei de mișcare este setată în panoul Proprietăți cu parametrul Ușurință. În mod implicit, mișcarea este uniformă (parametru=0), când este instalatămișcarea valorii pozitive
lent, negativ - accelerat.
Exemplul 3.
Editați animația creată astfel încât, timp de 1,5 secunde, mingea să se miște încet spre dreapta și să scadă, să se oprească și apoi 1,5 s deplasat cu accelerație spre stânga și crescut. Selectați cel de-al 18-lea cadru al stratului „minge” și convertiți-l într-un cadru cheie. Setați mingea la extrema dreaptă și micșorați-o cu instrumentul Transformare. Selectați ultimul cadru 36 și setați mingea în poziția extremă din stânga. Să-i restabilim dimensiunea. Să setăm parametrul Ease în prima etapă la 80, iar în a doua etapă la -80. Să testăm animația. Exemplul 4.
Creați o animație: elicea ventilatorului face 1 rotație în 1 s. (Fig. 3.43, a). Folosind instrumentele de selecție, transformați-o într-o elice (Fig. 3.43, 6) și transformați-o într-un simbol de tip Graphics. Centrul de rotație al obiectului rezultat trebuie să coincidă cu centrul elicei. Dacă este necesar, vom ajusta poziția centru cu instrumentul de transformare (Fig. 3.43, c). Să transformăm al 12-lea cadru într-unul cheie. Să completăm automat cadrele intermediare executând comanda Inserare -› Creare animație în mișcare. Selectați orice cadru intermediar și setați în panoul Proprietăți: (Rotire în sensul acelor de ceasornic), 1 rotire (Fig. 3.44). Să ne uităm la succesiunea fazelor în modul de urmărire (Fig. 3.45). Să testăm animația. 4. Minutul de educație fizică
Mișcări ale globilor oculari: dreapta în sus; stanga-sus, dreapta-jos, stanga-jos. Repetați de 3,4 ori. 5.
Consolidarea materialului învățat în practică
Executați singuri exemplele 1-4 6. Tema pentru acasă:
Studiați materialul § 16 7. Rezumat:
Răspunsuri la întrebările elevilor (dacă există). Clopotul sună.
Lecția s-a terminat. Mulțumiri tuturor. Poți fi liber. Reflecţie.
Astăzi am învățat _______________% lucruri noi Înțeleg acest subiect cu ____________% Notele elevului
Animație în mișcare 03.02.2017
Animația în mișcare este un tip de animație automată realizată prin completarea automată a cadrelor intermediare. F5-
introducerea cadrului intermediar Schimb+
F5- ștergeți cadrul intermediar N=
f*
t N-numar necesar de cadre f-frame rate (12 implicit); t-durata animației (în secunde); Decor de tablă
N=
f*
t F5-
Schimb+
F5 -
Când utilizați interpolarea formei, următorii parametri de formă pot fi modificați:
Stratul de ghidare și stratul de cale
Mască strat și mască strat
Crearea butoanelor
Principalele tipuri de acțiuni:
Algoritm pentru crearea unui buton (alg1):
Algoritm pentru crearea unui buton pentru a accesa pagina Web specificată:
Algoritm pentru crearea unui buton pentru a opri un clip:
Scripturi cu ActionScript
Tipuri de animație
Animație tradițională (2D, Cel, desenat manual)
Cum este creată animația tradițională?
Cum au fost create videoclipurile animate în 1938 Exemple de animație tradițională modernă
Eluviu. Autorul Stas Santimov Ești pierdut în lume ca mine? Scrisă de Steve Kats Unde sa încep?
Animație vectorială 2D
Bojack Horseman (serial TV pe Netflix) Exemple de animație 3D modernă
Postat de ManvsMachine Nike air max
Autorul - PlatigeImage Wonder Woman - Prolog | Din spatele scenelor
Profesia de animator 3D: de unde să începi
Stop motion (animație cu păpuși)
Evoluția Stop Motion Exemple de animație modernă de păpuși
Un alt exemplu din Robot Chicken Postat de Bruna Berford Profesia de animator de păpuși: de unde să începi, cât câștigi?
Tipuri de animație
Animație GIF
Exemple de animație GIF
Cum să faci singur un GIF?
Cinemagrafie
Exemple de animație japoneză
Prison School Anime Arome de tineret Cum se creează anime-ul?
Video - Cum este creat anime-ul 12 principii de creare a animației
1. Compresie și decompresie
2. Pregătirea pentru acțiune
3. Recreere
4. Acțiune spontană și Din poză în poză
5. Inerție și suprapunere
6. Încetiniți la început și la sfârșit
7. Arcuri
8. Atingeri expresive
9. Frame rate
10. Hiperbolizare
11. Desen
12. Carismatic
Tendințe (tendințe) în animație
3D în stil retro și vintage
Animație Cel cu contrast ridicat
Amestecați 2D și 3D
Super suprarealism
Animație dinamică a funcțiilor din aplicații
Renașterea animației 2D în marketing
-Închide ochii, odihnește-te 10-15 secunde.
Căutare
Vă putem anunța despre articole noi,