3 veidi, kā izveidot Flash animācijas

Satura rādītājs:

3 veidi, kā izveidot Flash animācijas
3 veidi, kā izveidot Flash animācijas

Video: 3 veidi, kā izveidot Flash animācijas

Video: 3 veidi, kā izveidot Flash animācijas
Video: How To Make Free Flash Animations 2024, Maijs
Anonim

Zibspuldze ir galvenais animācijas līdzeklis internetā un pat citos formātos, piemēram, televīzijā. Izveidot vienkāršu Flash animāciju Flash programmā patiesībā ir diezgan vienkārši, jo Flash nodrošina daudz noderīgu rīku, kas vienkāršo visu procesu. Ja jums jau ir ideja par Flash animāciju vai karikatūru, iespējams, ka dažu stundu laikā ir izveidota aptuvena skice. Skatiet tālāk sniegto rokasgrāmatu, lai uzzinātu, kā izveidot Flash animāciju.

Solis

1. metode no 3: kadru pa kadram zibspuldzes animācijas izveide

Izveidojiet Flash animāciju 1. darbība
Izveidojiet Flash animāciju 1. darbība

1. solis. Izprotiet kadru pa kadram animācijas pamatus

Šī metode tiek uzskatīta par tradicionālu animācijas metodi, kad katram kadram (attēlam, kas veido animāciju) ir vienāds attēls, bet tas nedaudz mainās. Kad kadri tiek atskaņoti kopā, attēls šķiet kustīgs. Šī ir tā pati pamattehnika, ko izmanto tradicionālie animatori, kuri zīmē katru kadru ar rokām, bet aizņem vairāk laika nekā savienošanas metode (skat. Nākamo sadaļu).

Pēc noklusējuma Flash radīs animāciju ar ātrumu 24 kadri sekundē (FPS). Tas nozīmē, ka vienā sekundē animācijas būs 24 kadri, bet katram kadram nav jābūt atšķirīgam. Ja vēlaties, varat to pielāgot, un daudzas Flash animācijas izmanto 12 kadrus sekundē, bet 24 kadru sekundē animācija būs daudz vienmērīgāka

Izveidojiet Flash animāciju 2. darbība
Izveidojiet Flash animāciju 2. darbība

2. solis. Instalējiet programmu Flash Professional

Ir pieejamas dažādas Flash animācijas programmas, taču vislabākā ir Adobe Flash Professional CC. Jūs varat veikt bezmaksas izmēģinājuma instalāciju vai izmantot citu produktu, ja Adobe Creative Cloud abonēšana jūs neinteresē. Pārējā šī raksta daļa uz Flash Professional vai citām rediģēšanas programmām tiks dēvēta par "Flash".

Izveidojiet Flash animāciju 3. darbība
Izveidojiet Flash animāciju 3. darbība

3. Izveidojiet savus aktīvus

Tā kā kadru pa kadram animācijai nepieciešami vairāki attēli ar nelielām atšķirībām, visi šie līdzekļi ir jāizveido ar rokām. Jūs varat tos visus izveidot pirms sākšanas vai arī pēc sākuma. Jūs varat izmantot programmu Flash, lai zīmētu tieši projekta ietvaros, vai arī zīmēt līdzekļus savā iecienītākajā zīmēšanas programmā.

Ja vēlaties, lai attēla izmēri tiktu mainīti, nezaudējot kvalitāti, tas ir jāatspoguļo kā vektors, nevis rastrs. Vektoru attēli tiks automātiski pārzīmēti, kad tie tiks palielināti, un tas nozīmē, ka netiks veikta pikselēšana vai aizstājvārds (šaha efekts, kas parādās, palielinot attēlu). Rastra attēli ir tradicionāli attēli, kurus esat pieradis redzēt (fotoattēli, attēli no programmas Paint utt.). Rastra attēli nav labi mērogoti, un, palielinot, tie var izskatīties diezgan slikti

Izveidojiet Flash animāciju 4. darbība
Izveidojiet Flash animāciju 4. darbība

Solis 4. Izveidojiet pirmo kadru

Sākot programmu Flash, jūs saņemsiet tukšu slāni un tukšu laika skalu. Pievienojot rāmi, laika skala tiks aizpildīta automātiski. Jūs varat mijiedarboties ar slāņiem tāpat kā Photoshop.

  • Pirms attēlu pievienošanas izveidojiet savai filmai pamata fonu. Pārdēvējiet 1. slāni "Fons", pēc tam bloķējiet slāni. Izveidojiet otro slāni un nosauciet to, kā vēlaties. Šis slānis būs slānis, kurā veidojat animāciju.
  • Pievienojiet attēlu audeklam pirmajā kadrā. Jūs varat importēt attēlus no sava datora vai izmantot Flash zīmēšanas rīkus, lai izveidotu attēlus tieši programmā.
  • Jūsu pirmais kadrs būs “atslēgkadrs” (keyframe). Atslēgu kadri ir rāmji, kas satur attēlus un veido jūsu animācijas kodolu. Katru reizi, kad mainās attēls, jūs izveidosit jaunu atslēgkadru.
  • Atslēgu rāmji laika skalā ir atzīmēti ar melnu punktu.
  • Katrā kadrā nav nepieciešams jauns attēls. Kopumā, ja atslēgkadrs ir ik pēc četriem vai pieciem kadriem, tiks izveidota laba animācija.
Izveidojiet Flash animāciju 5. darbība
Izveidojiet Flash animāciju 5. darbība

Solis 5. Pārvērtiet attēlu par simbolu

Pārvēršot attēlu par simbolu, varat to viegli pievienot vairākas reizes rāmī. Tas ir īpaši noderīgi, ja jums ātri jāizveido vairāki objekti, piemēram, zivju grupa.

  • Atlasiet visu attēlu. Ar peles labo pogu noklikšķiniet uz atlasītā attēla un atlasiet “Konvertēt uz simbolu”. Tādējādi attēls tiks pievienots bibliotēkai, kur vēlāk varēsit tam ātri piekļūt.
  • Dzēst attēlu. Neuztraucies! Jūs to pievienosit sižeta ainai, vienkārši velkot objektu no bibliotēkas. Stāsta ainai varat viegli pievienot vairākus viena attēla attēlus!
Flash animācijas izveide 6. darbība
Flash animācijas izveide 6. darbība

6. solis. Pievienojiet dažus tukšus rāmjus

Kad pirmais kadrs ir gatavs, varat pievienot tukšu rāmi, kas būs starp pirmo un otro atslēgkadru. Nospiediet taustiņu F5 četras vai piecas reizes, lai pēc pirmā atslēgkadra pievienotu tukšu rāmi.

Izveidojiet Flash animāciju 7. darbība
Izveidojiet Flash animāciju 7. darbība

7. solis. Izveidojiet otru atslēgkadru

Pēc dažu tukšu kadru pievienošanas esat gatavs izveidot otru atslēgas kadru. Būtībā ir divi dažādi veidi, kā to izdarīt, proti, jūs varat kopēt esošu atslēgkadru un veikt nelielas korekcijas, vai arī varat izveidot tukšu atslēgkadru un ievietot jaunu attēlu. Ja izmantojat attēlu, kas izveidots ar citu programmu, jums būs nepieciešama otrā metode. Ja veidojat attēlu, izmantojot Flash rīkus, izmantojiet pirmo metodi.

  • Lai izveidotu atslēgkadru, izmantojot iepriekšējā atslēgkadra saturu, nospiediet taustiņu F6. Lai izveidotu tukšu atslēgkadru, ar peles labo pogu noklikšķiniet uz pēdējā kadra laika skalā un atlasiet "Ievietot tukšu atslēgkadru". Viss stāsta sižetā tiks noņemts.
  • Pēc otrā atslēgkadra izveides jums būs jāpielāgo attēls, lai tas iegūtu kustības efektu. Ja izmantojat Flash dizaina rīkus, varat izmantot rīku Pārveidot, lai atlasītu attēla aspektus un mazliet tos pārvietotu, piemēram, nūju rokas.
  • Ja katram atslēgkadram ievietojat jaunu attēlu, pārliecinieties, vai tas ir ievietots tajā pašā vai nākamajā loģiskajā ekrāna vietā. Tas nodrošina, ka attēls nepāriet starp kadriem.
Zibspuldzes animācijas izveide 8. darbība
Zibspuldzes animācijas izveide 8. darbība

8. solis. Atkārtojiet procesu

Tagad, kad esat izveidojis divus atslēgkadrus, ir pienācis laiks pārtaisīt. Būtībā jūs atkārtosit to pašu procesu, līdz animācija būs pabeigta. Pievienojiet dažus tukšus kadrus starp katru atslēgkadru un pārliecinieties, ka animācija pārvietojas vienmērīgi.

Veiciet nelielas, pakāpeniskas kustības izmaiņas. Animācija izskatīsies daudz vienmērīgāk, ja atslēgas kadrā veiksit ļoti nelielas izmaiņas. Piemēram, ja vēlaties, lai nūjotājs šūpo roku, jūsu otrais atslēgkadrs nedrīkst būt roku šūpošanās beigas. Tā vietā izmantojiet dažus galvenos rāmjus kā pāreju no šūpošanās sākuma līdz beigām. Tā rezultātā animācija būs daudz vienmērīgāka

2. metode no 3: Animācijas izveidošana no punkta uz punktu (Tweening)

Flash animācijas izveide 9. darbība
Flash animācijas izveide 9. darbība

1. solis. Izprotiet sasaistes pamatus

Zibspuldze satur funkciju ar nosaukumu tweening (process, kas animācijas laikā divos laika posmos rada starpposma attēlu starp diviem attēliem), kas būtībā ļauj iestatīt objektu sākuma un beigu laiku. Pēc tam Flash pārvietos un mainīs objektus, pamatojoties uz jūsu iestatījumiem, starp šiem diviem laika punktiem, radot animācijas ilūziju. Jums nav jāizveido attēls katram atslēgkadram, kā tas būtu ar kadru pa kadram animāciju.

  • Tweening ir īpaši noderīgs, lai radītu morfa efektu, kad animācijas laikā objekts pārvēršas citā objektā.
  • Viena filma ietvaros var izmantot kadru pa kadram animāciju un sasaistīšanu.
  • Vienlaicīgi kustību veic tikai viens objekts. Tas nozīmē, ka, ja vēlaties animēt vairākus objektus vienlaikus, tie jānovieto dažādos slāņos.
Izveidojiet Flash animāciju 10. darbība
Izveidojiet Flash animāciju 10. darbība

Solis 2. Izveidojiet pirmo objektu

Atšķirībā no kadru pa kadriem animācijas, jums nav jāizveido vairāki objekti, lai animētu, izmantojot funkciju tween. Bet jūs izveidosit objektu un pēc tam mainīsiet objekta īpašības savienošanas procesā.

  • Pirms attēlu pievienošanas izveidojiet savai filmai pamata fonu. Pārdēvējiet 1. slāni "Fons", pēc tam bloķējiet slāni. Izveidojiet otro slāni un nosauciet to, kā vēlaties. Šis slānis būs slānis, kurā veidojat animāciju.
  • Ir ļoti ieteicams izmantot Flash programmā iebūvētos projektēšanas rīkus vai importēt attēlus no vektoru zīmēšanas programmas. Vektorus var viegli mērogot, neizkropļojot, savukārt tradicionālie rastra attēli netiks mērogoti un pārveidoti pareizi.
Zibspuldzes animācijas izveide 11. darbība
Zibspuldzes animācijas izveide 11. darbība

Solis 3. Pārveidojiet objektu par simbolu

Lai ģenerētu objekta starpposma attēlu, tas jāpārvērš par simbolu. Šis ir formāts, ko Flash izmanto objektu kārtošanai. Ja jūs mēģināt izveidot starpposma attēlu no objekta, kas nav pārveidots par simbolu, jums tiks piedāvāts vispirms veikt reklāmguvumu.

Ar peles labo pogu noklikšķiniet uz objekta un izvēlieties "Konvertēt uz simbolu". Bibliotēkai tiks pievienoti objekti, kas atvieglo objektu klonēšanu

Flash animācijas izveide 12. darbība
Flash animācijas izveide 12. darbība

4. solis. Veiciet pirmo gājienu

Kustība starp objektu pārvieto objektu no vienas vietas uz citu. Ar peles labo pogu noklikšķiniet uz simbola sižetā un atlasiet “Izveidot kustību starp”. Laika skalai tiks pievienoti 24 kadri, jo tas ir standarta garums. Paturiet prātā, Flash noklusējuma iestatījumos animēs ātrumu 24 kadri sekundē, kas nozīmē, ka šī kustība tiks animēta sekundi.

Izveidojot kustību starp, jūs automātiski tiekat pārvietots uz pēdējās pēdējās kadra

Zibspuldzes animācijas izveide 13. darbība
Zibspuldzes animācijas izveide 13. darbība

Solis 5. Uzzīmējiet objekta ceļu

Pēc savienojuma izveidošanas varat pārvietot objektu uz vēlamo galīgo atrašanās vietu. Zibspuldze parādīs ceļa līniju, kas ir punktēta, lai norādītu objekta atrašanās vietu katram iegūtā starpposma attēla kadram.

Izveidojot ceļu pirmo reizi, tā būs taisna līnija no sākuma punkta līdz beigu punktam

Izveidojiet Flash animāciju 14. darbība
Izveidojiet Flash animāciju 14. darbība

6. solis. Paplašiniet fona rāmi

Ja palaižat animāciju tagad, objekts pārvietosies pa ceļu, bet fons pazudīs pēc viena kadra. Lai to labotu, jums jāpaplašina fons, lai tas aptvertu visu animācijas rāmi.

Laika joslā atlasiet fona slāni. Noklikšķiniet uz laika joslas pēdējā kadra, kam vajadzētu būt arī pēdējam kustības kadram. Nospiediet taustiņu F5, lai ievietotu rāmi līdz šim brīdim, kas turpinās parādīt fonu visam posmam

Flash animācijas izveide 15. darbība
Flash animācijas izveide 15. darbība

7. solis. Pievienojiet atslēgkadrus

Atslēgas kadra pievienošana ceļam ļaus jums mainīt objektus kustības laikā. Jūs varat veikt izmaiņas objektā tikai tad, ja tam ir atslēgkadrs. Lai celiņam pievienotu atslēgkadru, laika skalā vispirms atlasiet rāmi, kuru vēlaties pārvērst par atslēgkadru. Pēc tam noklikšķiniet un velciet objektu uz rāmja vēlamo pozīciju. Maršruts tiks automātiski pielāgots, un laika skalai tiks pievienots atslēgkadrs. Atslēgu rāmji laika skalā ir atzīmēti ar dimanta ikonu.

Izveidojiet Flash animāciju 16. darbība
Izveidojiet Flash animāciju 16. darbība

8. solis. Pielāgojiet ceļu

Lai mainītu objekta ceļu, varat noklikšķināt uz katra rāmja pozīcijas marķiera un vilkt to uz jaunu atrašanās vietu. Neievietojiet ceļā pārāk daudz variāciju, pretējā gadījumā objekts pārvietosies nepareizi (ja vien tas tiešām nav jūsu mērķis!).

Flash animācijas izveide 17. darbība
Flash animācijas izveide 17. darbība

9. solis. Pārveidojiet objektu

Kad atslēgas kadrs un ceļš ir definēti, jūs varat pārveidot objektu tā, lai objekts mainītos, pārvietojoties pa kustības ceļu. Jūs varat mainīt objekta formu, krāsu, rotāciju, izmēru un citas lietas.

  • Atlasiet rāmi, kuru vēlaties pārveidot.
  • Atveriet objekta rekvizītu paneli. Ja rūtis pašlaik nav redzams, varat nospiest taustiņu kombināciju Ctrl+F3.
  • Sadaļā Rekvizīti mainiet vērtību, lai ietekmētu objektu. Piemēram, varat mainīt krāsu, pievienot filtru vai mainīt mērogu.
  • Varat arī izmantot bezmaksas pārveidošanas rīku, lai brīvi mainītu objekta formu, kā vēlaties.
Flash animācijas izveide 18. darbība
Flash animācijas izveide 18. darbība

10. solis. Veiciet pēdējos pieskārienus starpposma attēlam

Pārbaudiet kustību, nospiežot Ctrl+↵ Enter. Pārliecinieties, ka pārveidošana izskatās labi un animācija pārvietojas pareizajā ātrumā. Ja animācija pārvietojas pārāk ātri, varat samazināt FPS vai palielināt laika intervālu.

  • Pēc noklusējuma animācijas FPS ir 24, tāpēc mēģiniet to samazināt līdz 12. Lai to izdarītu, noklikšķiniet uz sižeta ainas un mainiet FPS panelī Rekvizīti. Mainot vērtību uz 12, animācijas ilgums tiks dubultots, bet animācijas kustība var kļūt “pārslaināka”.
  • Lai mainītu tween laika periodu, atlasiet slāni, kas satur tween, un velciet to ar slīdni. Ja vēlaties, lai intervāls būtu divreiz garāks, pagariniet to līdz 48 kadriem. Fona slānī noteikti ievietojiet tukšu rāmi, lai animācijas laikā fons līdz pusei nepazustu. Lai paplašinātu fonu, atlasiet slāni, noklikšķiniet uz animācijas pēdējā kadra laika skalā un pēc tam nospiediet taustiņu F5.

3. metode no 3: skaņu un mūzikas pievienošana

Flash animācijas izveide 19. darbība
Flash animācijas izveide 19. darbība

1. solis. Ierakstiet vai meklējiet skaņas efektus un mūziku

Darbībām, kas notiek animācijā, varat pievienot skaņas efektus, lai tā atšķirtos no citām un piešķirtu tai savu raksturu. Mūzika liek jūsu animācijām justies dzīvīgākām un var padarīt labas animācijas neparastas. Flash atbalsta dažādus skaņas failu formātus, ieskaitot AAC, MP3, WAV un AU. Izvēlieties formātu, kas nodrošina vislabāko kvalitāti ar mazāko faila lielumu.

MP3 formāts parasti nodrošina skaņas kvalitāti, kas joprojām ir laba un kam ir minimālais faila lielums. Ja iespējams, neizmantojiet WAV formātu, jo tie parasti ir diezgan lieli

Izveidojiet Flash animāciju 20. darbība
Izveidojiet Flash animāciju 20. darbība

2. solis. Importējiet skaņas failus bibliotēkā

Lai projektam varētu pievienot skaņu, skaņas fails ir jāpievieno Flash bibliotēkai. Tas ļaus jums ātri pievienot skaņu savam projektam vēlāk. Noklikšķiniet uz Fails → Importēt → Importēt uz bibliotēku. Pārlūkojiet skaņas failus savā datorā. Pārliecinieties, vai skaņas failam ir viegli iegaumējams nosaukums, lai vēlāk to varētu ātri atrast izvēlnē.

Zibspuldzes animācijas izveide 21. darbība
Zibspuldzes animācijas izveide 21. darbība

3. Izveidojiet jaunu slāni katram skaņas failam

Tas nav īsti nepieciešams, jo jūs varat pievienot skaņu esošam slānim, taču katra faila ievietošana atsevišķā slānī nodrošinās daudz lielāku kontroli attiecībā uz skaņas iestatījumu izbalēšanu un izslēgšanu (izbalēšanu un izslēgšanu). skaņu, un ir vieglāk pārvietot skaņu uz citu daļu.

Izveidojiet Flash animāciju 22. darbība
Izveidojiet Flash animāciju 22. darbība

4. solis. Izveidojiet atslēgkadru, kurā tiks sākta skaņa

Skaņas slānī animācijā atlasiet rāmi, kurā vēlaties sākt skaņu. Nospiediet taustiņu F7, lai ievietotu tukšu atslēgu rāmi. Piemēram, ja vēlaties iekļaut mūzikas failu, kas tiek atskaņots animācijas laikā, atlasiet pirmo kadru mūzikas faila slānī. Ja rakstzīmei pievienojat dialogu, izvēlieties kadru, kurā varonis sāk runāt.

Izveidojiet Flash animāciju 23. darbība
Izveidojiet Flash animāciju 23. darbība

5. solis. Pievienojiet skaņas vai mūzikas failus

Rāmja Rekvizīti iekšpusē redzēsit sadaļu Skaņa. Jums, iespējams, vajadzēs to atvērt, lai redzētu opcijas. Noklikšķiniet uz izvēlnes "Nosaukums" un bibliotēkā atlasiet vajadzīgo failu.

Flash animācijas izveide 24. darbība
Flash animācijas izveide 24. darbība

6. solis. Sakārtojiet skaņas failus

Pēc faila izvēles varat iestatīt tā atskaņošanas veidu. Jūsu izvēlētais būs balstīts uz paredzēto skaņas izmantošanu animācijā. Jūs varat mainīt katras skaņas efektu, sinhronizācijas un atkārtošanas iestatījumus, izmantojot izvēlni, kas atrodas rāmja Rekvizīti izvēlnē Nosaukums.

  • Efekti. Šis iestatījums skaņai pievieno efektus, piemēram, skaņa pakāpeniski parādās vai pazūd vai tiek pievienota atbalss. Nolaižamajā izvēlnē varat izvēlēties kādu no esošajiem iestatījumiem vai noklikšķināt uz zīmuļa ikonas blakus izvēlnei, lai izveidotu savus pielāgotos iestatījumus.
  • Sinhronizēt. Šis iestatījums nosaka, kā dziesma tiek atskaņota animācijā. Pasākums atskaņos skaņu, līdz tas būs pabeigts. Ja tā pati skaņa tiek aktivizēta vēlreiz, pirms beidzas iepriekšējā skaņa, sākotnējā skaņa tiks atskaņota līdz tās beigām. Sākums ir līdzīgs notikumam, bet apstājas, kad skaņa tiek atskaņota vēlreiz. Apturēt pārtrauc skaņu uz šī kadra. Ja vēlaties izmantot šo opciju kopā ar citām skaņas opcijām, izveidojiet jaunu atslēgkadru, kurā vēlaties pārtraukt skaņu, un izmantojiet šo opciju. Straume mēģinās saskaņot atskaņojamo skaņu ar kadru skaitu citos slāņos. Šo iespēju vislabāk izmantot dialogam.
  • Atkārtojiet. Šis iestatījums ļauj iestatīt, cik ilgi skaņa atkārtojas. Varat iestatīt tā atskaņošanu tikai vienu reizi vai atkārtot tik reižu, cik vēlaties. Ja jūsu animācija ir atkārtota animācija, jums ir jāiestata mūzikas atkārtošana uz nenoteiktu laiku.
Izveidojiet Flash animāciju 25. darbība
Izveidojiet Flash animāciju 25. darbība

7. solis. Pabeigt projektu

Kad esat beidzot pabeidzis darbu pie projekta, saglabājiet to kā SWF failu. Šis ir formāts, ko izmanto filmu atskaņošanai. Varat to atskaņot gandrīz jebkurā tīmekļa pārlūkprogrammā vai izmantot Flash atskaņotāju, kas tiek īpaši izmantots tā skatīšanai. Ir arī dažādas vietnes, kur to var augšupielādēt, lai citi skatītos, piemēram, Newgrounds, Albino Blacksheep un Kongregate.

Izveidojiet Flash animāciju 26. darbība
Izveidojiet Flash animāciju 26. darbība

8. solis. Attīstiet savu nākotnes projektu

Šajā rokasgrāmatā ir ietverti animācijas veidošanas pamati, taču jūs varat iemācīties un darīt vēl daudz vairāk. Pievienojiet dažas pogas un atzarojošu sižetu, un jums ir sava piedzīvojumu spēle. Varat apgūt ActionScript avārijas kursus un iegūt daudz lielāku kontroli pār savu animāciju sīkāku informāciju. Turpiniet eksperimentēt, un drīz jūs uzzināsit visu veidu trikus un to ieviešanu.

Ieteicams: