Cum se creează animație flash (cu ilustrații)

Ne confruntăm în mod constant cu animație flash - pe Internet și în emisiunile de televiziune. Crearea de animații simple Flash folosind tehnologia Flash - o sarcină destul de simplă, deoarece Flash oferă o mulțime de instrumente utile care simplifică întregul proces. Dacă doriți să creați o animație flash sau un desen animat, atunci puteți face schița în doar câteva ore.

Pași

Partea 1 din 3:

Flash Flash Animation

unu. Fundamentele animației prin satelit. Această metodă este considerată principala metodă de creare a unei animații "tradiționale" în care fiecare cadru ulterior include una, dar o imagine ușor modificată. Când joci toate cadrele, imaginea "vine la viață". Aceeași metodă este utilizată de animatori Desenați desene animate de la mână și durează mai mult timp decât Tweing (vezi următoarea secțiune).

Implicit, Flash reproduce 24 cadre pe secundă (FPS). Aceasta înseamnă că într-o secundă va fi prezentată 24 de cadre, dar nu toate acestea trebuie să fie neapărat diferite. Puteți schimba acest parametru (dacă doriți) pentru 12 cadre pe secundă, dar la 24 de cadre pe secundă, animația va fi jucată mai "fără probleme".

Imagine intitulată Creați o animație flash Pasul 2

2. Instalați Flash Professional. Există multe programe pentru crearea de animații flash, dar cel mai puternic este Adobe Flash Professional CC. Puteți seta versiunea de încercare a acestui program gratuit sau puteți utiliza un alt produs (dacă nu doriți să vă înregistrați pe Adobe Creative Cloud). Apoi, acest articol descrie modul de lucru cu Flash Professional.

Imagine intitulată Creați o animație flash Pasul 3

3. Deoarece animația cadrelor necesită mai multe imagini (care diferă ușor una de cealaltă), atunci trebuie să creați aceste imagini manual. Pentru a face acest lucru, utilizați Adobe Flash Professional sau desenează imagini în orice editor grafic.

Dacă doriți ca dimensiunea imaginilor să se schimbe cu ușurință fără pierderea calității lor, creați imagini într-un vector și nu în grafică raster. Imaginile vectoriale se vor redresa atunci când vă schimbați dimensiunea (adică veți evita pixelizarea sau netezirea). Imaginile raster sunt imagini tradiționale, cum ar fi fotografiile, fotografiile extrase și așa mai departe. Când încercați să creșteți astfel de imagini, obțineți o imagine puternic distorsionată.

Imagine intitulată Creați o animație flash Pasul 4

4. Creați primul cadru. Când începeți pentru prima dată Adobe Flash Professional veți vedea o canvas goală (strat) și o cronologie goală. Pe măsură ce rama adaugă cronologia va fi completată automat. Puteți lucra cu straturi așa cum o faceți în Photoshop.

Înainte de a adăuga o imagine, creați un fundal de bază al animației dvs. Redenumiți "stratul 1" în "fundal" și apoi fixați-l. Creați un al doilea strat și spuneți-l după cum doriți. Acesta va fi un strat pe care veți crea o animație.

Adăugați o imagine pe panza primului cadru. Puteți importa un desen de pe computer sau puteți utiliza instrumente de desen pentru a crea un desen direct în program.

Primul cadru este un cadru "cheie". Cadrul cheie este un cadru care include imaginea și formează fundația ("Bony") Animație. Veți crea o nouă cadru cheie de fiecare dată când schimbați imaginea.

Personalul cheie pe cronologie este desemnat negru.

Nu aveți nevoie de un cadru cheie în fiecare cadru ulterior. Creați un cadru cheie la fiecare patru sau cinci cadre pentru a face o animație bună.

Imagine intitulată Creați o animație flash Pasul 5

cinci. Conversia imaginii într-un simbol. În acest caz, puteți adăuga o imagine într-un cadru de mai multe ori. Acest lucru este util în special dacă trebuie să adăugați rapid mai multe tipuri de imagini într-un singur cadru (de exemplu, pește în acvariu).

Evidențiați figura. Faceți clic dreapta pe desen și selectați "Conversie la simbol" (convertiți la simbol). Imaginea va fi adăugată la bibliotecă, care va simplifica utilizarea sa în viitor.

Îndepărtați imaginea. Nu vă faceți griji - îl puteți adăuga într-un cadru simplu trage din bibliotecă. Deci, puteți adăuga unul și același desen în cadru de mai multe ori.

Imagine intitulată Creați o animație flash Pasul 6

6. Adăugați cadre goale. Dacă primul dvs. cadru cheie este gata, introduceți cadre goale, apoi continuați să creați un al doilea cadru cheie. Apăsați F5 (de patru sau cinci ori) pentru a adăuga cadre goale după prima cheie cheie.

Imagine intitulată Creați o animație flash Pasul 7

7. Creați un al doilea cadru cheie (după ce ați adăugat mai multe cadre goale). Există două modalități diferite de a face acest lucru: puteți copia un cadru cheie existent și faceți schimbări mici în ea sau puteți crea o cheie goală și puteți adăuga o imagine nouă. Dacă utilizați un desen creat într-un alt program, utilizați al doilea mod. Dacă introduceți o imagine creată utilizând instrumente de desen profesionale Adobe Flash, utilizați prima metodă.

Pentru a crea un cadru cheie utilizând conținutul cadrului cheie anterior, apăsați F6. Pentru a crea un cadru cheie goală, faceți clic dreapta pe ultimul cadru de pe cronologie și selectați "Introduceți butonul gol" (Introduceți un cadru cheie gol).

După ce ați creat un al doilea cadru cheie, trebuie să faceți schimbări în imaginea sa, astfel încât animația "a venit la viață". Dacă ați folosit instrumente de desen profesionale Adobe, selectați instrumentul Transformare pentru a evidenția elementul de desen (de exemplu, mâna unui personaj) și modificați-o.

Dacă introduceți o imagine nouă la fiecare cadru cheie, asigurați-vă că este în locul potrivit (în funcție de secvența logică a cadrelor).

Imagine intitulată Creați o animație flash Pasul 8

opt. Repetați procesul. După crearea a două cadre cheie, repetați procesul - adăugați mai multe cadre goale între fiecare cadre cheie și asigurați-vă că animația va reda "fără probleme".

Faceți mici modificări. Modificările mai mici (nenoter), alinierea este reprodusă. De exemplu, dacă doriți ca un caracter să vă ridicați mâna, al doilea cadru cheie nu trebuie să includă desenul, pe care caracterul este descris cu mâna. În schimb, utilizați mai multe cadre cheie pentru a vă deplasa de la mâinile coborâte la o mână ridicată. În acest caz, animația va fi mai netedă.

Partea 2 din 3:

Twining

unu. Flash include funcția "Twoening" (Sfoară), care vă permite să setați cadrul inițial și final al animației. Flash va crea automat cadre intermediare, astfel încât tranziția de la un cadru cheie la altul a fost netedă. Astfel, nu este nevoie să creați imagini pentru fiecare cadru cheie (ca în exemplele de animație).

Twining este utilă în special pentru morfarea - conversia netedă a unei imagini în alta (folosind operații geometrice și interpolarea culorilor).
Când creați animație, puteți utiliza simultan atât o metodă cadru, cât și Twing.
Dacă doriți să animați mai multe caractere simultan, fiecare cadru de animație ar trebui să includă mai multe straturi (un strat pentru un singur caracter).

Imagine intitulată Creați o animație flash Pasul 10

2. Creați prima imagine. Spre deosebire de metoda-cadru, nu este necesar să creați mai multe imagini pentru animație. În schimb, trebuie să creați o imagine care va fi schimbată în procesul de tweing.

Se recomandă cu tărie utilizarea instrumentelor de desen încorporate (în Flash) sau imaginea vectorului de import. Dacă doriți ca dimensiunea imaginilor să se schimbe cu ușurință fără pierderea calității lor, creați imagini într-un vector și nu în grafică raster. Imaginile vectoriale se vor redresa atunci când vă schimbați dimensiunea (adică veți evita pixelizarea sau netezirea).

Imagine intitulată Creați o animație flash Pasul 11

3. Conversia imaginii într-un simbol. În acest caz, Flash va putea să manipuleze imaginea. Dacă încercați să faceți Tweing cu o imagine care nu a fost transformată într-un simbol, programul vă va sugera să faceți acest lucru.

Imaginea intitulată Creați o animație flash Pasul 12

4. Creați primul gemene animat. Gemeni animați mișcă imaginea dintr-o poziție la alta. Faceți clic dreapta pe simbol și selectați "Creați mișcare Tween" (Creați gemuri animate). 24 cadre vor fi adăugate la cronologie, deoarece aceasta este lungimea standard a gemeniului. Amintiți-vă că, în mod implicit, animația va fi redată fără probleme la 24 de viteze cadru pe secundă, astfel încât gemenele animate durează doar 1 secundă.

Când creați o geamă animată, vă mutați automat ultimul cadru al animației.

Imagine intitulată Creați o animație flash Pasul 13

cinci. Setați traiectoria. După ce ați creat gemene, mutați imaginea până la capătul animației. Flash va afișa o traiectorie cu puncte care denotă poziția fiecărui cadru gemene.

Când creați mai întâi o traiectorie, va arăta ca o linie dreaptă (de la punctul de plecare până la punctul final).

Imagine intitulată Creați o animație flash Pasul 14

6. Adăugați fundalul. Dacă începeți animația, imaginea dvs. se va deplasa de-a lungul traiectoriei, dar fundalul va dispărea după primul cadru. Prin urmare, trebuie să adăugați un fundal la fiecare cadru de animație.

Pe cronologie, selectați un strat cu fundal. Faceți clic pe ultimul cadru de pe cronologie (acest cadru ar trebui să fie ultimul cadru al întregii animații). Faceți clic pe F5 pentru a introduce cadrele de fundal (de la început până la sfârșitul animației).

Imagine intitulată Creați o animație flash Pasul 15

7. Adăugați cadre cheie. Adăugarea cadrelor cheie pe traiectorie vă va permite să schimbați desenul în gemeni animați. Puteți schimba imaginea numai când este introdusă în cadrul cheie. Pentru a adăuga un cadru cheie pe traiectorie, selectați un cadru pe cronologie (respectivul cadru pe care doriți să-l faceți o cheie). Apoi glisați imaginea în cadrul selectat. Traiectoria va fi ajustată automat și cadrul cheie va fi adăugat la cronologie. Pe cronologie, cadrele cheie sunt notate de rombic.

Imagine intitulată Creați o animație flash Pasul 16

opt. Ajustați traiectoria cu fir. Pentru a schimba traiectoria, trageți markerii cadrului într-o poziție nouă. Nu faceți un număr excesiv de schimbări în traiectoria firului, deoarece acest lucru va duce la o mișcare neregulată a desenului (dacă, bineînțeles, nu este scopul dvs!).

Imagine intitulată Creați o animație flash Pasul 17

nouă. Convertiți figura. Dacă ați creat cadre cheie și o traiectorie, puteți converti imaginea astfel încât să se schimbe fără probleme atunci când traiectoria gemenei se mișcă. Puteți schimba forma, culoarea, panta, dimensiunea și orice alt parametru imagine.

Selectați un cadru în care imaginea va fi transformată.

Deschideți panoul Proprietăți de desen. Pentru a face acest lucru, apăsați F3.

Modificați valorile parametrilor din fereastra Proprietăți de desen. De exemplu, puteți schimba umbra sau culoarea, adăugați filtre, redimensionați.

De asemenea, puteți utiliza instrumentul de transformare gratuită (Transformare gratuită) pentru a schimba desenul ca și dumneavoastră.

Imagine intitulată Creați o animație flash Pasul 18

10. Adăugați curse finale. Verificați animația creată apăsând pe Ctrl + Enter. Asigurați-vă că desenul (caracterul) se modifică corect și că animația este reprodusă cu viteza corectă. Dacă animația este redată prea rapidă, reduceți valoarea FPS sau creșteți durata firului.

FPS implicit este 24, deci încercați să reduceți această valoare până la 12 ani. Modificați valoarea FPS de pe panoul Proprietăți. Cu toate acestea, atunci când fps = 12, animația poate fi redată cu ușurință.

Pentru a schimba durata gemenei, selectați un strat care conține gemene și cu un cursor modifică durata gemeniului. Dacă doriți să dublați durata gemeniului, mutați cursorul la 48 de cadre. Nu uitați să introduceți fundalul în cadre goale, astfel încât fundalul să nu dispară în mijlocul animației. Pentru a face acest lucru, selectați stratul de fundal, faceți clic pe ultimul cadru al animației (pe cronologie), apoi apăsați F5.

Partea 3 din 3:

Adăugarea de efecte audio și muzică

unu. Notați sau descărcați efecte sonore și muzică. Puteți adăuga efecte sonore la animație pentru ao face mai spectaculoase. Muzica va face o animație mai interesantă și poate transforma o animație bună într-un magnific. Flash suportă diverse formate de fișiere audio, inclusiv AAC, MP3, WAV și AU. Selectați un format care garantează o calitate ridicată a sunetului cu dimensiunea minimă a fișierului.

Formatul MP3 garantează o calitate ridicată a sunetului cu dimensiunea minimă a fișierului. Fișierele Format WAV sunt mari.

Imagine intitulată Creați o animație flash Pasul 20

2. Importați fișiere audio în bibliotecă pentru a putea adăuga rapid sunete și muzică la animație. Faceți clic pe "Fișier" - "Import" - "Import în bibliotecă" (Importați în bibliotecă). Găsiți fișierul audio de pe computer. Asigurați-vă că fișierul audio are un nume ușor de reținut, astfel încât să puteți găsi rapid.

Imagine intitulată Creați o animație flash Pasul 21

3. Creați un nou strat pentru fiecare fișier audio. Acest lucru nu este neapărat și puteți adăuga sunet la straturile existente, dar introducerea fișierului audio pe un strat separat vă va permite să controlați mai bine piesa de sunet a animației.

Imagine intitulată Creați o animație flash Pasul 22

4. Creați un cadru cheie din care va începe redarea sunetului. Pe stratul cu sunet, selectați cadrul animației din care va începe sunetul. Apăsați F7 pentru a insera o cheie goală. De exemplu, dacă doriți să introduceți un fișier audio care va fi redat în întreaga animație, selectați primul cadru de pe strat cu un fișier audio. Dacă adăugați o voce a caracterului, selectați un cadru în care caracterul începe să vorbească.

Imagine intitulată Creați o animație Flash Pasul 23

cinci. Adăugarea de fișiere audio. Apăsați "Proprietăți" - "Sunet" - "Nume" și selectați un fișier audio din bibliotecă.

Imagine intitulată Creați o animație flash Pasul 24

6. Configurați fișierul de sunet în conformitate cu cerințele de animație. Puteți adăuga efecte, modificați setările de sincronizare și configurați reproducerea fișierului audio (în meniul Nume).

Efecte (de exemplu, atenuare sau ecou). Puteți alege unul dintre parametrii prestabili din meniul Drop-down sau puteți face clic pe o pictogramă a creionului (lângă meniu) pentru a vă crea propriile setări personalizate.

Sincronizare. Definește procedura de redare a sunetului în animație. Parametrul evenimentului (eveniment) va reda un fișier audio la sfârșit. Dacă același fișier audio este reprodus din nou (până când prima redare sa terminat), prima redare va continua să redea (până la capăt). Parametrul "Start" funcționează ca parametru "Eveniment" cu singura diferență pe care prima redare se oprește atunci când reproduceți sunetul. Parametrul "Stop" oprește redarea sunetului într-un cadru specific. Dacă doriți să utilizați acest parametru în combinație cu alți parametri ai fișierului audio, creați un nou cadru cheie unde redarea sunetului se va opri. Parametrul "flux" (flux) va sincroniza un anumit sunet cu cadre pe alte straturi. Acest parametru este mai bine de utilizat la introducerea voturilor de caractere.

Reproducerea reproducerii. Specifică numărul de redare repetată a unui anumit fișier audio (de unul sau de mai multe ori). Dacă animația dvs. este ciclică, setați acest parametru la redarea infinită a fișierului audio.

Imagine intitulată Creați o animație flash Pasul 25

7. Salvați animația creată în format SWF. Acest format este reprodus de aproape orice browser web. De asemenea, fișierul acestui format poate fi descărcat în anumite site-uri (Newgrounds, Albino Blacksheep, Kongregate, pentru a le vizualiza pe alți utilizatori.

Imagine intitulată Creați o animație flash Pasul 26

opt. Acest articol spune despre elementele de bază ale creării de animație flash, dar puteți face mult mai mult, de exemplu, creați butoane Flash. De asemenea, puteți transmite un curs actionlerat de ActionScript pentru a explora toate subtilitățile de creare și gestionare a animației. Experimentați și învățați la toate trucurile pentru crearea de animație.

sfaturi

Dacă intenționați să editați animația, salvați-o în format .Flata.