Cum se creează o animație Flash

Flash este în prezent principalul mod de a crea animații pentru internet și chiar și pentru alte platforme, cum ar fi televizorul. Crearea de animații utilizând Flash este o sarcină destul de simplă, deoarece software-ul oferă instrumente care ajută foarte mult la simplificarea întregului proces. Dacă aveți deja o idee gata pentru o animație, probabil veți putea lăsa o schiță flash gata în doar câteva ore. Iată cum să procedați în continuare.

conținut

Pași
Partea 1efectuarea unui cadru de animație flash cu cadru
Partea 2efectuați o animație utilizând mișcarea de mișcare
Partea 3adăugarea de sunet și muzică
Sfaturi
Surse și cotatii

pași

Partea 1
Efectuarea unui cadru de animație flash cu cadru

Imaginea intitulată Creați o animație Flash Pasul 1

Înțelegeți elementele de bază ale animațiilor cadru-cu-cadru. Aceasta este metoda tradițională de animație, în care imaginile au imagini similare, dar puțin modificate. Când sunt afișate succesiv, aceste cadre vor da impresia că imaginea se mișcă. Aceasta este tehnica de bază folosită de animatori care fac desenele lor de mână, dar este mult mai laborioasă decât tehnica de interpolare de mișcare (a se vedea secțiunea următoare).

Implicit, Flash va produce animații la 24 de cadre pe secundă (FPS). Aceasta înseamnă că o secundă de animație va afișa 24 de cadre, dar nu trebuie să fie diferite. Puteți ajusta acest lucru în orice fel doriți. Mulți animatori folosesc 12 FPS, dar folosind 24 FPS va avea ca rezultat o animație mult mai fluidă.

Imaginea intitulată Creați o animație Flash 2

Instalați Flash Professional. Există mai multe programe de animație Flash, dar cel mai puternic dintre acestea este Adobe Flash Professional CC. Aveți posibilitatea să instalați gratuit versiunea de încercare sau să utilizați o altă opțiune dacă nu vă place. Restul acestui articol se va referi la Flash Professional sau la oricare alt program similar "Flash".

Imaginea intitulată Creați o animație Flash Pasul 3

Creați obiectele. Deoarece animațiile cadru cadru cu cadru necesită mai multe imagini cu mici diferențe între ele, va trebui să creați manual fiecare dintre variantele obiectelor. Puteți să le creați înainte de a începe sau în timpul lucrului. Puteți utiliza programul Flash însuși pentru a desena direct pe proiectul dvs. sau, de asemenea, utilizați programul dvs. preferat de imagini pentru a crea obiectele.

Dacă doriți ca imaginile dvs. să scadă fără a pierde calitatea, utilizați imagini vectoriale în loc de bitmap. Imaginile vectoriale vor fi redesenate de fiecare dată când se vor schimba în dimensiune, împiedicând astfel apariția pixelărilor sau jags. Imaginile bitmap tradiționale sunt imaginile tradiționale utilizate în fotografii, vopsea imagini și așa mai departe. Ei nu se scot bine și pot părea foarte urâți dacă sunt măriți.

Imaginea intitulată Creați o animație Flash Pasul 4

Creați primul dvs. cadru. Când porniți Flash, veți vedea un strat alb și o cronologie goală. Pe măsură ce adăugați cadre, cronologia va fi umplută automat. Puteți interacționa cu straturile în același mod în care ați interacționa în Photoshop.

Înainte de a adăuga imaginea, creați un fundal de bază pentru filmul dvs. Redenumiți layerul 1 la "Background" și blocați-l. Creați un al doilea strat și dați-i tot ceea ce doriți. Acesta va fi folosit pentru a crea animațiile.
Adăugați desenul pe primul ecran al cadrului. Puteți fie să le importați de pe computer, fie să utilizați instrumentele de desen Flash pentru a crea desenul direct în program.
Primul cadru va fi un "cadru cheie". Cadrele cheie sunt cele care conțin o imagine care formează baza animației. Ori de câte ori trebuie să fie afișată o altă imagine, trebuie creat un nou cadru cheie.
Cadrele cheie sunt marcate cu un punct negru în cronologie.
Nu este nevoie să creați o imagine în fiecare cadru. În general, având un cadru cheie la fiecare patru sau cinci cadre va produce o animație bună.

Imaginea intitulată Creați o animație Flash Pasul 5

Transformați desenul într-un "simbol". Când faceți această conversie, puteți adăuga cu ușurință acest desen de mai multe ori într-un singur cadru. Acest lucru este util mai ales atunci când aveți nevoie pentru a crea mai multe obiecte egale, cum ar fi într-o școală de pește, de exemplu.

Selectați întregul desen. Faceți clic dreapta pe el selectați "Conversie la simbol". Acest lucru vă va adăuga imaginea în bibliotecă, de unde veți putea accesa rapid în viitor.
Ștergeți desenul. Nu vă faceți griji! Puteți să o adăugați în scenă trăgând-o din bibliotecă pe ecran. Acest lucru vă va permite să poziționați cu ușurință mai multe instanțe ale aceluiași desen!

Imaginea intitulată Creați o animație Flash 6

Adăugați câteva cadre goale. Când terminați primul dvs. cadru, adăugați cadre goale între acesta și cel de-al doilea cadru cheie. presa F5 de patru sau cinci ori pentru a adăuga cadre goale după prima.

Imaginea intitulată Creați o animație Flash Pasul 7

Creați al doilea cadru cheie. După ce adăugați câteva cadre goale, sunteți gata să creați al doilea cadru cheie. Există în principiu două moduri de a face acest lucru. Una este să copiați cadrul cheie anterior și să efectuați ajustări minore la acesta, iar altul este să creați un nou cadru gol și să adăugați o nouă imagine la acesta. Dacă utilizați arte create în alte programe, alegeți a doua opțiune, dacă utilizați deja instrumentele de desenare flash, utilizați prima metodă.

Pentru a crea o cadran cheie utilizând conținutul cadrului anterior, apăsați F6. Pentru a crea o cheie cheie, faceți clic dreapta pe ultimul cadru al liniei de cronologie și selectați "Insert Blank Keyframe". Orice pe ecran va fi eliminat.
După crearea celei de-a doua cadre cheie, efectuați ajustări ale imaginii pentru a le oferi un efect în mișcare. Dacă utilizați instrumentele pentru desenarea blițului, utilizați instrumentul de transformare pentru a selecta detaliile desenului și pentru a le mișca, cum ar fi de exemplu bratul unei păpuși.
Dacă introduceți noi unelte în fiecare cadru cheie, asigurați-vă că acestea sunt plasate în aceeași locație în cadrul următor sau într-o altă locație, dar da ideea corectă a mișcării. Dacă nu sunteți atent cu asta, uneltele pot face mișcări ciudate între cadre.

Imaginea intitulată Creați o animație Flash 8

Repetați procesul. Acum că ați creat două cadre cheie, este timpul să continuați. Veți repeta în mod esențial același proces până când veți termina animația. Adăugați câteva cadre goale între fiecare cadru cheie și faceți mișcările dvs. fluide.

Faceți mici, modificări incrementale. Animația dvs. va fi mult mai fluidă dacă veți face schimbări foarte mici între cadrele cheie. De exemplu, dacă doriți o păpușă în mișcare brațul spunând „la revedere“ nu creează doar două cadre, una în poziția inițială, iar cealaltă în poziționarea finală a brațului, de asemenea, crearea unor cadre intermediare pentru a crea o animație mult mai fluid.

Partea 2
Efectuați o animație utilizând mișcarea de mișcare

Imaginea intitulată Creați o animație Flash Pasul 9

Înțelegeți elementele de bază ale interpolării. Flash are o funcție denumită "tweening", care vă permite să setați puncte sursă și destinație pentru obiectele dvs. Flash va muta apoi și transforma obiectul pe baza acestor două puncte, creând iluzia de animație. Nu va trebui să creați imagini pentru fiecare cadru cheie ca în animația cadru-cu-cadru.

Interpolarea este utilă în special pentru crearea efectelor "metamorfozei", în care un obiect devine altul în timpul animației.
Frame-by-frame animație și interpolare pot fi utilizate împreună în același film.
Puteți avea un singur obiect în procesul de interpolare la un moment dat. Aceasta înseamnă că, dacă doriți ca mai multe obiecte să fie animate simultan, fiecare dintre ele trebuie să fie pe un strat separat.

Imaginea intitulată Creați o animație Flash Pasul 10

Creați primul obiect. Spre deosebire de animația cadru-cu-cadru, nu este necesar să creați mai multe obiecte pentru a efectua interpolare. În schimb, trebuie să creați un singur obiect și să-i modificați proprietățile în timpul procesului de interpolare.

Înainte de a adăuga imaginea, creați un fundal de bază pentru filmul dvs. Redenumiți layerul 1 la "Background" și blocați-l. Creați un al doilea strat și dați-i tot ceea ce doriți. Acesta va fi folosit pentru a crea animațiile.
Este foarte recomandat să utilizați instrumentele de proiectare Flash sau să folosiți un program de desen vectorial. Vectorii pot scala ușor și fără distorsiuni, spre deosebire de imaginile bitmap.

Imaginea intitulată Crearea unei animații Flash Pasul 11

Transformați obiectul într-un simbol. Pentru a interpola obiectul, va trebui să fie convertit într-un simbol. Acesta este formatul folosit de Flash pentru a le manipula. Nu veți putea interpola un obiect care nu a fost transformat într-un simbol.

Faceți clic dreapta pe obiect și selectați "Conversie în simbol". Obiectul va fi adăugat în bibliotecă, făcându-l ușor de clonat.

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

Creați prima dvs. mișcare. O interpolare de mișcare deplasează obiectul de la un loc la altul. Faceți clic dreapta pe simbolul pe care doriți să-l îmbinați și selectați "Creare modificare mișcare". 24 de cadre vor fi adăugate la linia dvs. de timp, deoarece acesta este timpul implicit pentru un tween. Amintiți-vă, Flash implicit produce animații la 24 de cadre pe secundă, ceea ce înseamnă că această interpolare va dura o secundă.

După ce creați o mișcare tween, veți fi mutați automat la sfârșitul acesteia în linia de timp.

Imaginea intitulată Creați o animație Flash 13

Creați traiectoria. După ce creați îmbinarea, mutați obiectul în locația dorită. Flash va afișa o linie de traseu, care va fi punctată pentru a afișa poziția obiectului în fiecare cadru al tween-ului.

Inițial, atunci când creați traiectoria, va fi afișată o linie dreaptă între punctul de început și punctul final.

Imaginea intitulată Creați o animație Flash cu pasul 14

Extindeți cadrele de fundal. Dacă ați efectuat animația în acel moment, obiectul dvs. s-ar mișca pe calea definită, dar fondul dvs. ar dispărea după un cadru. Pentru a rezolva acest lucru, extindeți fundalul pentru toate cadrele din animație.

Selectați stratul de fundal din cronologie. Faceți clic pe ultimul cadru al liniei de cronologie, care ar trebui să se situeze acolo unde se termină interpolarea. presa F5 pentru a insera cadrele până la acel punct, ceea ce va determina afișarea fundalului pe întreaga interpolare.

Imaginea intitulată Creați o animație Flash Pasul 15

Adăugați cadre cheie. Adăugarea cadrelor cheie în traiectoria dvs. vă va permite să transformați obiectul în timpul interpolării. Puteți face modificări numai la un obiect în cadrele cheie. Pentru a adăuga cadre cheie în traiectorie, trebuie să transformați cadrele normale în ele. Pentru a face acest lucru, faceți clic pe cadrul care urmează să fie transformat în cronologie, apoi faceți clic și trageți un obiect în poziția în care doriți să fie în acest cadru. Traiectoria va fi modificată automat, iar noul cadru cheie va fi marcat pe cronologie, marcat cu pictograma diamant.

Imaginea intitulată Creați o animație Flash 16

Reglați calea de interpolare. Pentru a schimba calea obiectului, faceți clic și trageți fiecare substituent al cadrelor de-a lungul căii către altă locație. Evitați să introduceți prea multe variante în cale, deoarece obiectul se va mișca foarte ciudat (dacă nu este intenția voastră!).

Imaginea intitulată Creați o animație Flash Pasul 17

Transformați-vă obiectul. După ce terminați cadrele cheie și setați traiectoria, puteți transforma obiectul în timpul mișcării sale. Puteți schimba forma, culoarea, rotația, dimensiunea sau orice altă proprietate a obiectului.

Selectați cadrul în care doriți să aibă loc transformarea.
Deschideți panoul proprietăților obiectului. presa ^ Ctrl+F3 dacă panoul nu este vizibil în prezent.
Modificați valorile din fereastra de proprietăți pentru a afecta obiectul. Puteți schimba, de exemplu, culoarea și culoarea, puteți adăuga filtre sau puteți modifica scara.
De asemenea, puteți utiliza instrumentul de transformare liberă pentru a schimba liber forma obiectului în orice fel doriți.

Imaginea intitulată Creați o animație Flash 18

Dați sfaturile interpolare. Testați mișcarea prin apăsarea butonului ^ Ctrl+⌅ Introduceți. Asigurați-vă că transformarea este bună și că animația este la viteza corectă. Dacă mișcarea este prea rapidă, puteți fie să reduceți FPS-ul în scenă, fie să măriți durata acestuia.

În mod implicit, valoarea FPS este de 24, așa că încercați să-l reducă la 12. Pentru a face acest lucru, faceți clic din imagine și de a schimba FPS în panoul de proprietăți. Schimbarea la 12 va dubla durata animației, dar va lăsa mai puțin fluid.
Pentru a schimba durata adăugării, selectați stratul care o conține și utilizați cursorul pentru ao seta. Dacă doriți ca interpolarea să dureze dublu, extindeți-o la 48 de cadre. Asigurați-vă că inserați cadre goale în stratul de fundal astfel încât fondul să nu dispară în timpul animației. Pentru a extinde fundalul, selectați stratul, faceți clic pe ultimul cadru al animației de pe cronologie, apoi apăsați F5.

Partea 3
Adăugarea de sunet și muzică

Imaginea intitulată Creați o animație Flash Pasul 19

Înregistrați sau găsiți efecte sonore și muzicale. Puteți adăuga efecte sonore acțiunilor care apar în animațiile dvs. pentru a le ajuta să le evidențiați și să le oferiți mai multă personalitate. Muzica face animațiile mai imersive și pot transforma un proiect bun într-un lucru incredibil. Flash acceptă o varietate de formate de fișiere, inclusiv AAC, MP3, WAV și AU. Alegeți cea pe care aveți cea mai bună relație între calitatea și dimensiunea fișierului.

MP3 va oferi, în general, o calitate foarte bună, păstrând în același timp dimensiunea fișierelor la o valoare scăzută. Dacă este posibil, evitați Fișiere WAV, deoarece acestea sunt destul de mari de cele mai multe ori.

Imaginea intitulată Creați o animație Flash 20

Importați fișiere audio în bibliotecă. Înainte de a adăuga sunete la proiect, trebuie să fie adăugate în biblioteca Flash. Acest lucru vă va permite să le adăugați rapid la proiect mai târziu. Faceți clic pe "File" → "Import" → "Import la bibliotecă" și navigați la fișierul de pe computer. Asigurați-vă că ați dat fișierului un nume ușor de reținut, astfel încât să îl puteți găsi rapid în meniu mai târziu.

Imaginea intitulată Creați o animație Flash Pasul 21

Creați un nou strat pentru fiecare fișier de sunet. Acest lucru nu este obligatoriu, deoarece puteți adăuga sunete straturi existente, dar a pus fiecare fișier în propriul său strat va oferi mult mai mult control asupra intrare și de ieșire de muzică, simplificând manipularea sunetului.

Imaginea intitulată Creați o animație Flash Pasul 22

Creați un cadru cheie în care va începe muzica. În stratul de sunet, selectați numele animației pe care doriți să o însoțească. presa F7 pentru a introduce o cheie cheie. De exemplu, dacă doriți să includeți un fișier de muzică care să fie redat pe durata animației, selectați primul cadru din stratul de fișier muzical. Pe de altă parte, dacă adăugați un dialog unui personaj, selectați cadrul unde începe să vorbească.

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

Adăugarea unui fișier audio sau a unui fișier de muzică. În fila Proprietăți, veți vedea o secțiune "Sunet". Dacă este necesar, extindeți-l pentru a vedea setările. Faceți clic pe meniul "Nume" și selectați fișierul dorit din bibliotecă.

Imaginea intitulată Creați o animație Flash Pasul 24

Configurați fișierul de sunet. Când selectați un fișier, puteți configura modul în care se redă. Ce veți selecta va depinde de obiectivul dvs. cu animația. Puteți modifica opțiunile pentru efect, sincronizare și repetare pentru fiecare fișier de sunet utilizând meniul din meniul "Nume" din fila proprietăți.

Efecte - Să adăugăm efecte cum ar fi estompa, estompa sau ecou la sunet. Puteți selecta una dintre setările preselectate din meniu sau faceți clic pe pictograma laterală pentru a crea propriile setări.
Sincronizare - Stabilește modul în care muzica va fi redată în timpul animației. Evenimentul va reda piesa pe durata unui eveniment. Dacă același sunet este activat din nou înainte ca primul sunet să se termine, primul sunet va continua să fie redat până la final. Funcția "Start" funcționează ca "Eveniment", dar pentru a vă asigura că același sunet este activat din nou. Opriți oprirea sunetului din cadrul respectiv. Dacă doriți să o utilizați împreună cu alte proprietăți de sunet, creați un nou cadru cheie în care doriți ca sunetul să se oprească și să utilizați această opțiune. flux va încerca să sincronizeze sunetul care se joacă cu numărul de cadre din alte straturi. Este foarte util pentru dialoguri.
Repetare - Această setare vă permite să selectați numărul de repetări ale sunetului. Puteți seta ca sunetul să fie redat o singură dată sau să se repete ori de câte ori doriți. Dacă animația dvs. se repetă infinit, setați sunetul să se repete în același mod.

Imaginea intitulată Creați o animație Flash Pasul 25

Finalizați-vă proiectul. După ce ați finalizat proiectul, salvați-l ca fișier SWF. Acesta este formatul folosit pentru a reda clipuri video Flash. Puteți să-l rulați practic în orice browser sau să utilizați un player Flash dedicat pentru ao viziona. Există mai multe site-uri web în care puteți trimite videoclipul dvs. Flash pentru alte persoane, cum ar fi Newgrounds, Albino Blacksheep și Kongregate.

Imaginea intitulată Creați o animație Flash Pasul 26

Îmbunătățiți proiectele viitoare. Acest ghid se referă numai la elementele de bază ale creării de animații, astfel încât sunt multe de învățat. Aflați cum să adăugați butoane și ramificații pentru animație și veți putea să vă faceți propriul joc de aventură. Puteți face o Curs de accidentare ActionScript și obțineți mult mai mult control asupra detaliilor mici ale animației dvs. Continuați să experimentați și în curând veți afla diferite trucuri și implementări.