Cum să creați o animație Flash (cu imagini)

Cuprins:

Cum să creați o animație Flash (cu imagini)
Cum să creați o animație Flash (cu imagini)

Video: Cum să creați o animație Flash (cu imagini)

Video: Cum să creați o animație Flash (cu imagini)
Video: 6 PAȘI ESENȚIALI ai procesului creativ în GRAPHIC DESIGN 2024, Martie
Anonim

Flash este principalul mediu pentru animație pe internet și chiar și pe alte formate, cum ar fi televiziunea. Crearea unei animații Flash simple în Flash este de fapt destul de simplu de realizat, deoarece Flash oferă o mulțime de instrumente utile care simplifică întregul proces. Dacă aveți o idee pentru o animație Flash sau un desen animat, probabil că veți avea o schiță brută în doar câteva ore. Consultați Pasul # 1 de mai jos pentru a afla cum să faceți acest lucru creați o animație Flash.

Asistența pentru Adobe Flash se încheie în decembrie 2020. După acest moment, nu va mai fi posibil să utilizați Flash

Creați o animație Flash Pasul 1
Creați o animație Flash Pasul 1

Pasul 1. Înțelegeți noțiunile de bază ale animației cadru cu cadru

Aceasta este considerată metoda „tradițională” de animație, prin aceea că fiecare cadru are aceeași imagine, dar ușor modificat. Când cadrele sunt redate împreună, imaginile par să se miște. Aceasta este aceeași tehnică de bază utilizată de animatorii de mână tradiționali și consumă mai mult timp decât interpunerea (vezi secțiunea următoare).

În mod implicit, Flash va produce animații la 24 de cadre pe secundă (FPS). Asta înseamnă că o secundă de animație va avea 24 de cadre, dar nu fiecare cadru trebuie să fie diferit. Puteți regla acest lucru dacă doriți, iar multe animații Flash folosesc 12 FPS, dar 24 vor produce animații cu aspect mult mai „lin”

Creați o animație Flash Pasul 2
Creați o animație Flash Pasul 2

Pasul 2. Instalați Flash Professional

Există o varietate de programe de animație Flash disponibile, dar cel mai puternic este Adobe Professional Flash CC. Puteți instala procesul gratuit sau puteți utiliza un alt produs dacă abonarea la Creative Cloud Adobe nu vă atrage. Restul acestui articol se va referi la Flash Professional sau la orice alt program de editare drept „Flash”.

Creați o animație Flash Pasul 3
Creați o animație Flash Pasul 3

Pasul 3. Creați-vă activele

Deoarece animația cadru cu cadru necesită mai multe imagini cu ușoare diferențe, va trebui să creați toate aceste active manual. Le puteți crea pe toate înainte de a începe sau le puteți face pe măsură ce mergeți. Puteți utiliza programul Flash pentru a desena direct în proiectul dvs. sau vă puteți atrage materialele în programul dvs. preferat de creare a imaginilor.

Dacă doriți ca imaginile dvs. să se redimensioneze fără a sacrifica calitatea, veți dori să le creați ca vectori în loc de raster. Imaginile vectoriale se vor redesena singure ori de câte ori sunt scalate, ceea ce înseamnă că nu va exista nicio pixelare sau aliasing. Imaginile raster sunt imaginile tradiționale cu care probabil sunteți obișnuit (fotografii, imagini Paint etc.). Acestea nu escaladează bine și pot părea destul de urâte dacă doriți să le faceți mai mari

Creați o animație Flash Pasul 4
Creați o animație Flash Pasul 4

Pasul 4. Creați primul cadru

Când porniți Flash pentru prima dată, veți avea un strat gol și o cronologie goală. Pe măsură ce adăugați cadre, cronologia dvs. va fi completată automat. Puteți interacționa cu straturile la fel ca în Photoshop.

  • Înainte de a adăuga imaginea, creați un fundal de bază pentru film. Redenumiți stratul 1 la „Fundal” și apoi blocați stratul. Creați un al doilea strat și denumiți-l oricum doriți. Acesta va fi stratul pe care vă creați animația.
  • Adăugați desenul pe pânza din primul cadru. Puteți fie să importați desenul de pe computer, fie să utilizați instrumentele de desen Flash pentru a crea un desen direct în program.
  • Primul dvs. cadru va fi un cadru cheie. Cadrele cheie sunt cadre care au o imagine și formează coloana vertebrală a animației dvs. Veți crea un nou cadru cheie de fiecare dată când imaginea se schimbă.
  • Cadrele cheie sunt notate cu un punct negru în cronologie.
  • Nu aveți nevoie de o imagine nouă în fiecare cadru. În general, având un cadru cheie la fiecare patru-cinci cadre va produce o animație bună.
Creați o animație Flash Pasul 5
Creați o animație Flash Pasul 5

Pasul 5. Transformați-vă desenul într-un simbol

Transformând desenul dvs. într-un simbol, îl puteți adăuga cu ușurință de mai multe ori într-un cadru. Acest lucru este util mai ales dacă trebuie să creați rapid mai multe obiecte, cum ar fi o școală de pești.

  • Selectați întregul desen. Faceți clic dreapta pe selecție și selectați „Convertiți în simbol”. Aceasta va adăuga imaginea în biblioteca dvs., unde o puteți accesa rapid în viitor.
  • Ștergeți desenul. Nu-ți face griji! Îl veți adăuga înapoi la scenă prin simpla glisare a obiectului din Biblioteca dvs. Puteți adăuga cu ușurință mai multe instanțe ale aceluiași desen la scenă!
Creați o animație Flash Pasul 6
Creați o animație Flash Pasul 6

Pasul 6. Adăugați câteva cadre goale

După ce aveți primul cadru gata, puteți adăuga cadrele goale care vor exista între primul cadru cheie și al doilea cadru cheie. Apăsați F5 de patru sau cinci ori pentru a adăuga cadre goale după primul cadru cheie.

Creați o animație Flash Pasul 7
Creați o animație Flash Pasul 7

Pasul 7. Creați al doilea cadru cheie

După ce ați adăugat câteva cadre goale, sunteți gata să creați al doilea cadru cheie. Există în esență două moduri diferite în care puteți face acest lucru: puteți copia cadrul cheie existent și puteți efectua mici ajustări sau puteți crea un cadru cheie gol și insera o nouă imagine. Dacă utilizați arta creată într-un alt program, veți dori a doua metodă. Dacă ți-ai creat arta folosind instrumentele de proiectare Flash, folosește 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 gol, faceți clic dreapta pe ultimul cadru din cronologie și selectați „Inserați cadru cheie gol”. Orice lucru din scena ta va fi eliminat.
  • Odată ce ați creat al doilea cadru cheie, va trebui să faceți ajustări ale imaginii pentru a da efectul mișcării. Dacă utilizați instrumentele de proiectare Flash, puteți utiliza instrumentul Transformare pentru a selecta aspecte ale desenului și a le muta ușor, cum ar fi brațul unui stick-person.
  • Dacă introduceți o artă nouă pentru fiecare cadru cheie, va trebui să vă asigurați că este plasat în aceeași locație sau în următoarea locație logică de pe ecran. Acest lucru vă va asigura că arta nu sare între cadre.
Creați o animație Flash Pasul 8
Creați o animație Flash Pasul 8

Pasul 8. Repetați procesul

Acum că ați creat două cadre cheie, este timpul să iterați. Veți repeta în esență același proces până când veți termina animația. Adăugați câteva cadre goale între fiecare cadru cheie și asigurați-vă că mișcările dvs. par fluide.

Efectuați modificări mici, incrementale. Animația dvs. va arăta mult mai ușoară dacă faceți modificări foarte mici la cadrul cheie. De exemplu, dacă doriți ca o persoană cu bastoane să fluture un braț, al doilea cadru cheie nu ar trebui să fie celălalt capăt al undei. În schimb, utilizați câteva cadre cheie pentru a trece de la începutul valului până la sfârșit. Aceasta va produce o animație mult mai lină

Partea 2 din 3: Realizarea unei animații punct-la-punct (Tweening)

Creați o animație Flash Pasul 9
Creați o animație Flash Pasul 9

Pasul 1. Înțelegeți elementele de bază ale interpunerii

Flash conține o funcție numită tweening, care vă permite să setați în esență punctele de început și de sfârșit pentru obiectul dvs. Flash va muta apoi și va transforma obiectul pe baza setărilor dvs. între aceste două puncte, creând iluzia animației. Nu va trebui să creați imagini pentru fiecare cadru cheie, așa cum ați face cu animația cadru cu cadru.

  • Tweening-ul este util în special pentru a crea efecte „morphing”, în care un obiect devine altul pe parcursul animației.
  • Animația cadru cu cadru și interpunerea pot fi utilizate împreună în același film.
  • Puteți avea un singur obiect care suferă o mișcare între timp. Aceasta înseamnă că, dacă doriți ca mai multe obiecte să fie animate simultan, toate vor trebui să fie pe straturi separate.
Creați o animație Flash Pasul 10
Creați o animație Flash Pasul 10

Pasul 2. Creați primul obiect

Spre deosebire de animația cadru cu cadru, nu va trebui să creați mai multe obiecte pentru a le anima folosind funcția de interpolare. În schimb, veți crea un obiect și apoi îi veți schimba proprietățile în timpul procesului de interpunere.

  • Înainte de a adăuga imaginea, creați un fundal de bază pentru film. Redenumiți stratul 1 la „Fundal” și apoi blocați stratul. Creați un al doilea strat și denumiți-l oricum doriți. Acesta va fi stratul pe care vă creați animația.
  • Este foarte recomandat să utilizați instrumentele de proiectare încorporate Flash sau să vă importați imaginea dintr-un program de desenare vectorială. Vectorii se pot scala ușor fără distorsiuni, în timp ce imaginile raster tradiționale nu se vor scala și nu se vor transforma bine.
Creați o animație Flash Pasul 11
Creați o animație Flash Pasul 11

Pasul 3. Convertiți obiectul dvs. într-un simbol

Pentru a vă interpune obiectul, va trebui să îl convertiți într-un simbol. Acesta este formatul pentru obiectele pe care Flash le folosește pentru a le manipula. Dacă încercați să întreți un obiect care nu a fost transformat într-un simbol, vi se va solicita mai întâi acest lucru.

Faceți clic dreapta pe obiectul dvs. și selectați „Convertiți în simbol”. Obiectul va fi adăugat în biblioteca dvs., ceea ce facilitează clonarea obiectelor

Creați o animație Flash Pasul 12
Creați o animație Flash Pasul 12

Pasul 4. Creați prima interfață de mișcare

O tween de mișcare mută obiectul dintr-o locație în alta Faceți clic dreapta pe simbolul din scena dvs. și selectați „Create Motion Tween”. 24 de cadre vor fi adăugate la cronologia dvs., deoarece aceasta este lungimea implicită a unei interpuneri. Amintiți-vă, în mod implicit, Flash se va anima la 24 de cadre pe secundă, ceea ce înseamnă că această interpolare a mișcării va dura o secundă.

Când creați interfața de mișcare, sunteți mutat automat la ultimul cadru al interpolării

Creați o animație Flash Pasul 13
Creați o animație Flash Pasul 13

Pasul 5. Creați traiectoria

După ce ați creat interpolarea, puteți muta obiectul în locația în care doriți să ajungă. Blițul va afișa linia traiectoriei, care este punctată pentru a arăta locația obiectului pentru fiecare cadru al interpolării.

Când creați prima dată traiectoria, aceasta va fi o linie dreaptă de la punctul de pornire până la punctul final

Creați o animație Flash Pasul 14
Creați o animație Flash Pasul 14

Pasul 6. Extindeți cadrele de fundal

Dacă ați rula animația chiar acum, obiectul dvs. s-ar deplasa de-a lungul traiectoriei, dar fundalul dvs. ar dispărea după un cadru. Pentru a remedia acest lucru, va trebui să vă extindeți fundalul pe toate cadrele animației.

Selectați stratul de fundal în cronologie. Faceți clic pe ultimul cadru de pe cronologia dvs., care ar trebui să fie și cadrul pe care se termină mișcarea dvs. Apăsați F5 pentru a insera cadre până la acest punct, ceea ce vă va păstra fundalul afișat pe tot parcursul interpolării

Creați o animație Flash Pasul 15
Creați o animație Flash Pasul 15

Pasul 7. Adăugați cadre cheie

Adăugarea cadrelor cheie la traiectorie vă va permite să vă transformați obiectul în timpul mișcării. Puteți efectua modificări unui obiect numai dacă acesta are un cadru cheie. Pentru a adăuga cadre cheie la traiectoria dvs., selectați mai întâi cadrul din cronologia pe care doriți să o transformați într-un cadru cheie. Apoi, faceți clic și trageți obiectul în poziția în care doriți să fie în timpul cadrului respectiv. Traiectoria dvs. se va regla automat și un cadru cheie va fi adăugat la cronologie. Cadrele cheie sunt indicate prin pictograme cu diamante în cronologie.

Creați o animație Flash Pasul 16
Creați o animație Flash Pasul 16

Pasul 8. Ajustează-ți traiectoria între tween

Pentru a schimba calea obiectului dvs., puteți să faceți clic și să trageți fiecare dintre marcatorii de poziție a cadrului pe calea către o locație nouă. Evitați să vă schimbați calea, altfel obiectul se va mișca într-un mod neregulat (cu excepția cazului în care acesta este scopul dvs.!).

Creați o animație Flash Pasul 17
Creați o animație Flash Pasul 17

Pasul 9. Transformă-ți obiectul

Odată ce ați stabilit cadrele cheie și traiectoria stabilite, vă puteți transforma obiectul astfel încât să se schimbe pe măsură ce se deplasează prin traiectoria dintre mișcare. Puteți schimba forma, culoarea, rotația, dimensiunea și orice altă proprietate a obiectului.

  • Selectați cadrul în care doriți să aibă loc transformarea.
  • Deschideți panoul Proprietăți al obiectului. Puteți apăsa Ctrl + F3 dacă panoul nu este vizibil în prezent.
  • Schimbați orice valori din fereastra Proprietăți pentru a afecta obiectul. De exemplu, puteți schimba nuanța sau culoarea, puteți adăuga filtre sau puteți schimba scala.
  • De asemenea, puteți utiliza instrumentul Transformare liberă pentru a schimba în mod liber forma oricum doriți.
Creați o animație Flash Pasul 18
Creați o animație Flash Pasul 18

Pasul 10. Faceți o atingere finală între interviul dvs

Testați-vă mișcarea între apăsând Ctrl + ↵ Enter. Asigurați-vă că transformările arată bine și că animația se mișcă la viteza corectă. Dacă animația dvs. se mișcă prea repede, puteți fie să coborâți FPS-ul scenei, fie să măriți intervalul de interpunere.

  • În mod implicit, FPS este 24, deci încercați să îl reduceți la 12. Pentru a face acest lucru, faceți clic în afara scenei și apoi schimbați FPS în panoul Proprietăți. Schimbarea acestuia la 12 va dubla lungimea animației, dar poate fi mai „sacadată”.
  • Pentru a vă schimba intervalul de interpolare, selectați stratul care conține interpolarea și utilizați glisorul pentru al extrage. Dacă doriți ca intervalul să fie de două ori mai lung, extindeți-l la 48 de cadre. Asigurați-vă că introduceți cadre goale în stratul de fundal, astfel încât fundalul să nu dispară la jumătatea animației. Pentru a extinde fundalul, selectați stratul, faceți clic pe ultimul cadru al animației din cronologie, apoi apăsați F5

Partea 3 din 3: Adăugarea de sunet și muzică

Creați o animație Flash Pasul 19
Creați o animație Flash Pasul 19

Pasul 1. Înregistrați sau găsiți efectele sonore și muzica

Puteți adăuga efecte sonore la acțiunile care apar în animația dvs. pentru a vă ajuta să o faceți să iasă în evidență și să îi oferiți o anumită personalitate. Muzica vă face animația mai captivantă și poate transforma o animație bună într-una incredibilă. Flash acceptă o varietate de formate de fișiere, inclusiv AAC, MP3, WAV și AU. Alegeți funcția care vă oferă cea mai bună calitate pentru cea mai mică dimensiune a fișierului.

MP3 vă va oferi de obicei o calitate a sunetului perfect acceptabilă, menținând în același timp dimensiunea fișierului la minimum. Evitați fișierele WAV dacă este posibil, deoarece acestea sunt adesea destul de mari

Creați o animație Flash Pasul 20
Creați o animație Flash Pasul 20

Pasul 2. Importați fișierele de sunet în biblioteca dvs

Înainte de a putea adăuga sunete la proiectul dvs., acestea trebuie adăugate în Biblioteca Flash. Acest lucru vă va permite să le adăugați rapid la proiectul dvs. mai târziu. Faceți clic pe Fișier → Import → Import în bibliotecă. Căutați fișierul audio de pe computer. Asigurați-vă că fișierul sonor are un nume ușor de reținut, astfel încât să îl puteți găsi rapid din meniu mai târziu.

Creați o animație Flash Pasul 21
Creați o animație Flash Pasul 21

Pasul 3. Creați un strat nou pentru fiecare fișier de sunet

Acest lucru nu este strict necesar, deoarece puteți adăuga sunet la straturile existente, dar punerea fiecărui fișier pe propriul strat vă va oferi mult mai mult control asupra decolorării în interior și în afara, când porniți și opriți și este mai ușor să mutați sunetele în jur.

Creați o animație Flash Pasul 22
Creați o animație Flash Pasul 22

Pasul 4. Creați un cadru cheie unde va începe sunetul

Pe stratul sunetului, selectați cadrul din animație la care doriți să înceapă sunetul. Apăsați F7 pentru a insera un cadru cheie gol. De exemplu, dacă doriți să includeți un fișier muzical care se redă pe durata animației, selectați primul cadru de pe stratul fișierului muzical. Dacă adăugați un dialog pentru un personaj, selectați cadrul în care începe să vorbească personajul.

Creați o animație Flash Pasul 23
Creați o animație Flash Pasul 23

Pasul 5. Adăugați fișierul de sunet sau muzică

În cadrul Proprietăți, veți vedea o secțiune Sunet. Poate fi necesar să îl extindeți pentru a vedea opțiunile. Faceți clic pe meniul „Nume” și selectați fișierul dorit din Biblioteca dvs.

Creați o animație Flash Pasul 24
Creați o animație Flash Pasul 24

Pasul 6. Configurați fișierul de sunet

După ce ați selectat un fișier, puteți configura modul în care acesta va fi redat. Ceea ce selectați va fi bazat pe ceea ce aveți nevoie de sunet pentru a realiza în animație. Puteți modifica setările Efect, Sincronizare și Repetare a fiecărui sunet folosind meniul de sub meniul Nume din cadrul Proprietăți.

  • Efect - Aceasta permite adăugarea de efecte la sunet, cum ar fi decolorarea în interiorul și ieșirea sau adăugarea de ecou. Puteți selecta din setările presetate din meniul derulant sau puteți face clic pe pictograma creion de lângă meniu pentru a crea propriile setări personalizate.
  • Sincronizare - Aceasta determină modul în care melodia este redată în animație. Evenimentul va reda sunetul până când se termină. Dacă același sunet este declanșat din nou înainte ca primul să se încheie, originalul va continua să redea până se termină. Start funcționează ca Eveniment, dar se oprește dacă sunetul se redă din nou. Stop oprește sunetul în cadrul respectiv. Dacă doriți să utilizați acest lucru împreună cu alte proprietăți de sunet, creați un nou cadru cheie unde doriți ca sunetul să se oprească și utilizați această opțiune. Fluxul va încerca să potrivească sunetul care se redă cu numărul de cadre de pe alte straturi. Acest lucru este cel mai bine folosit pentru dialog.
  • Repetare - Această setare vă permite să setați cât timp se repetă sunetul. Puteți să-l setați să se joace o singură dată sau să-l buclați de câte ori doriți. Dacă animația dvs. este o animație în buclă, ar trebui să setați muzica să se bucle la infinit.
Creați o animație Flash Pasul 25
Creați o animație Flash Pasul 25

Pasul 7. Finalizați-vă proiectul

Când ați terminat cu proiectul, salvați-l ca fișier SWF. Acesta este formatul folosit pentru redarea filmului. Puteți să îl jucați practic în orice browser web sau să utilizați un player Flash dedicat pentru a-l viziona. Există, de asemenea, o varietate de site-uri pe care le puteți încărca pentru ca alții să le vadă, cum ar fi Newgrounds, Albino Blacksheep și Kongregate.

Creați o animație Flash Pasul 26
Creați o animație Flash Pasul 26

Pasul 8. Mergeti mai departe proiectele viitoare

Acest ghid abordează elementele de bază pentru crearea unei animații, dar puteți învăța și face multe altele. Adăugați câteva butoane și căi de ramificare și veți avea un joc de alegere a propriilor aventuri. Puteți urma un curs accidental în ActionScript și puteți câștiga mult mai mult control asupra detaliilor mai fine ale animației. Continuați să experimentați și veți găsi în curând învățând tot felul de trucuri și implementări.

Recomandat: