3 „Flash“animacijų kūrimo būdai

Turinys:

3 „Flash“animacijų kūrimo būdai
3 „Flash“animacijų kūrimo būdai

Video: 3 „Flash“animacijų kūrimo būdai

Video: 3 „Flash“animacijų kūrimo būdai
Video: How to create a simple Airplane Animation - 2D Animation Tutorial 2024, Lapkritis
Anonim

„Flash“yra pagrindinė animacijos priemonė internete ir netgi kitais formatais, pvz., Televizija. Sukurti paprastą „Flash“animaciją „Flash“programoje iš tikrųjų yra gana paprasta, nes „Flash“suteikia daug naudingų įrankių, kurie supaprastina visą procesą. Jei jau turite „Flash“animacijos ar animacinio filmo idėją, greičiausiai turėsite apytikslį eskizą, sukurtą vos per kelias valandas. Žiūrėkite žemiau esantį vadovą, kad sužinotumėte, kaip sukurti „Flash“animaciją.

Žingsnis

1 metodas iš 3: „Flash“animacijos kūrimas po kadro

Sukurkite „Flash“animaciją 1 veiksmas
Sukurkite „Flash“animaciją 1 veiksmas

Žingsnis 1. Suprasti animacijos kadrų po kadro pagrindus

Šis metodas laikomas tradiciniu animacijos metodu, kai kiekvienas kadras (animaciją sudarantis vaizdas) turi tą patį vaizdą, tačiau šiek tiek keičiasi. Kai kadrai grojami kartu, vaizdas juda. Tai ta pati pagrindinė technika, kurią naudoja tradiciniai animatoriai, piešiantys kiekvieną kadrą ranka, tačiau užima daugiau laiko nei sujungimo metodas (žr. Kitą skyrių).

Pagal numatytuosius nustatymus „Flash“sukuria animaciją 24 kadrų per sekundę (FPS) greičiu. Tai reiškia, kad viena sekundė animacijos turės 24 kadrus, tačiau kiekvienas kadras neturi skirtis. Jei norite, galite tai koreguoti, o daugelis „Flash“animacijų naudoja 12 kadrų per sekundę, tačiau 24 kadrų per sekundę animacija bus daug sklandesnė

Sukurkite „Flash“animaciją 2 veiksmas
Sukurkite „Flash“animaciją 2 veiksmas

2 veiksmas. Įdiekite „Flash Professional“programą

Yra įvairių „Flash“animacijos programų, tačiau geriausia yra „Adobe Flash Professional CC“. Galite įdiegti nemokamą bandomąją versiją arba naudoti kitą produktą, jei „Adobe Creative Cloud“prenumerata jums nepatinka. Likusioje šio straipsnio dalyje „Flash Professional“ar kitos redagavimo programos bus vadinamos „Flash“.

Sukurkite „Flash“animaciją 3 veiksmas
Sukurkite „Flash“animaciją 3 veiksmas

Žingsnis 3. Sukurkite savo turtą

Kadangi animacija po vieną kadrą reikalauja kelių vaizdų su nedideliais skirtumais, visus šiuos išteklius turite sukurti rankiniu būdu. Galite juos visus sukurti prieš pradėdami arba sukūrę juos pradėję. Galite naudoti „Flash“programą, norėdami piešti tiesiogiai projekte, arba galite piešti išteklius savo mėgstamoje piešimo programoje.

Jei norite pakeisti vaizdo dydį neprarandant kokybės, turite jį pateikti kaip vektorių, o ne rastrą. Vektoriniai vaizdai bus automatiškai perbraižyti, kai jie bus keičiami, o tai reiškia, kad nebus jokių pikselių ar slapyvardžių (šaškės lentos efektas, kuris atsiranda padidinus vaizdą). Rastriniai vaizdai yra tradiciniai vaizdai, kuriuos esate įpratę matyti (nuotraukos, vaizdai iš „Paint“programos ir kt.). Rastriniai vaizdai nėra tinkami masteliui, o padidinus jie gali atrodyti gana prastai

Sukurkite „Flash“animaciją 4 veiksmas
Sukurkite „Flash“animaciją 4 veiksmas

Žingsnis 4. Sukurkite pirmąjį kadrą

Kai paleisite „Flash“programą, gausite tuščią sluoksnį ir tuščią laiko juostą. Pridedant rėmelį, laiko juosta bus užpildyta automatiškai. Galite sąveikauti su sluoksniais panašiai kaip „Photoshop“.

  • Prieš pridėdami vaizdų, sukurkite pagrindinį filmo foną. Pervardykite 1 sluoksnį „Fonas“, tada užrakinkite sluoksnį. Sukurkite antrą sluoksnį ir pavadinkite jį, kaip norite. Šis sluoksnis bus tas, kuriame kuriate animaciją.
  • Pridėkite vaizdą prie drobės pirmajame kadre. Galite importuoti vaizdus iš savo kompiuterio arba naudoti „Flash“piešimo įrankius, kad sukurtumėte vaizdus tiesiogiai programoje.
  • Pirmasis kadras bus „raktinis kadras“(„keyframe“). Pagrindiniai kadrai yra rėmeliai, kuriuose yra vaizdų ir kurie yra jūsų animacijos pagrindas. Kiekvieną kartą keičiant vaizdą, sukursite naują pagrindinį kadrą.
  • Pagrindiniai kadrai laiko juostoje pažymėti juodu tašku.
  • Jums nereikia naujo vaizdo kiekviename kadre. Apskritai, turint pagrindinį kadrą kas keturis ar penkis kadrus, bus sukurta gera animacija.
Sukurkite „Flash“animaciją 5 veiksmas
Sukurkite „Flash“animaciją 5 veiksmas

Žingsnis 5. Paverskite vaizdą simboliu

Paversdami vaizdą simboliu, galite lengvai jį pridėti kelis kartus rėmelyje. Tai ypač naudinga, jei reikia greitai sukurti kelis objektus, pavyzdžiui, žuvų grupę.

  • Pasirinkite visą vaizdą. Dešiniuoju pelės mygtuku spustelėkite pasirinktą vaizdą ir pasirinkite „Konvertuoti į simbolį“. Tai pridės vaizdą prie bibliotekos, kur vėliau galėsite greitai jį pasiekti.
  • Ištrinti vaizdą. Nesijaudink! Pridėsite jį atgal prie istorijos scenos tiesiog vilkdami objektą iš bibliotekos. Į istorijos sceną galite lengvai pridėti kelis to paties paveikslėlius!
Sukurkite „Flash“animaciją 6 veiksmas
Sukurkite „Flash“animaciją 6 veiksmas

Žingsnis 6. Pridėkite tuščių rėmelių

Kai pirmasis kadras bus paruoštas, galite pridėti tuščią rėmelį, kuris bus tarp pirmojo ir antrojo pagrindinių kadrų. Paspauskite klavišą F5 keturis ar penkis kartus, kad po pirmojo pagrindinio kadro pridėtumėte tuščią rėmelį.

Sukurkite „Flash“animaciją 7 veiksmas
Sukurkite „Flash“animaciją 7 veiksmas

Žingsnis 7. Sukurkite antrą pagrindinį kadrą

Pridėję keletą tuščių kadrų, esate pasiruošę sukurti antrą pagrindinį kadrą. Iš esmės yra du skirtingi būdai tai padaryti, ty galite nukopijuoti esamą pagrindinį kadrą ir atlikti nedidelius pakeitimus arba sukurti tuščią pagrindinį kadrą ir įterpti naują vaizdą. Jei naudojate vaizdą, sukurtą naudojant kitą programą, norėsite antrojo metodo. Jei kuriate vaizdą naudodami „Flash“dizaino įrankius, naudokite pirmąjį metodą.

  • Norėdami sukurti pagrindinį kadrą naudodami ankstesnio pagrindinio kadro turinį, paspauskite klavišą F6. Norėdami sukurti tuščią pagrindinį kadrą, dešiniuoju pelės mygtuku spustelėkite paskutinį kadrą laiko juostoje ir pasirinkite „Įterpti tuščią pagrindinį kadrą“. Viskas istorijos scenoje bus pašalinta.
  • Sukūrę antrąjį pagrindinį kadrą, turėsite pakoreguoti vaizdą, kad jis taptų judesio efektu. Jei naudojate „Flash“dizaino įrankius, galite naudoti įrankį „Transform“, kad pasirinktumėte vaizdo aspektus ir šiek tiek juos perkeltumėte, kaip lazdos rankos.
  • Jei įterpiate naują vaizdą kiekvienam pagrindiniam kadrui, norėsite įsitikinti, kad jis yra toje pačioje ar kitoje loginėje ekrano vietoje. Tai užtikrina, kad vaizdas nešoktų tarp kadrų.
Sukurkite „Flash“animaciją 8 veiksmas
Sukurkite „Flash“animaciją 8 veiksmas

Žingsnis 8. Pakartokite procesą

Dabar, kai sukūrėte du pagrindinius kadrus, atėjo laikas tai padaryti iš naujo. Iš esmės jūs kartosite tą patį procesą, kol animacija bus baigta. Pridėkite keletą tuščių kadrų tarp kiekvieno pagrindinio kadro ir įsitikinkite, kad animacija juda sklandžiai.

Atlikite nedidelius, laipsniškus judesių pakeitimus. Animacija atrodys daug sklandžiau, jei labai mažai pakeisite pagrindinį kadrą. Pvz., Jei norite, kad lazdininkas palenktų ranką, antrasis raktas neturėtų būti rankos svyravimo pabaiga. Vietoj to naudokite kelis pagrindinius rėmus kaip perėjimą nuo sūpynės pradžios iki pabaigos. Dėl to animacija bus daug sklandesnė

2 metodas iš 3: „Animacijos iš taško į tašką“sukūrimas („Tweening“)

Sukurkite „Flash“animaciją 9 veiksmas
Sukurkite „Flash“animaciją 9 veiksmas

Žingsnis 1. Suprasti susiejimo pagrindus

„Flash“yra funkcija, vadinama „tweening“(procesas, kurio metu du animacijos momentai sukuria tarpinį vaizdą tarp dviejų vaizdų), kuris iš esmės leidžia nustatyti objektų pradžios ir pabaigos laiką. Tada „Flash“perkels ir pakeis objektus pagal jūsų nustatymus tarp šių dviejų laiko taškų, sukurdama animacijos iliuziją. Jums nereikia kiekvienam pagrindiniam kadrui sukurti vaizdo, kaip tai darytumėte naudojant animaciją po kadro.

  • „Tweening“yra ypač naudingas kuriant morfinį efektą, kai animacijos metu objektas pasikeičia į kitą objektą.
  • Tame pačiame filme kartu galima naudoti kadrų po kadro animaciją ir sujungimą.
  • Vienu metu tik vienas objektas juda. Tai reiškia, kad jei norite, kad vienu metu animuotųsi keli objektai, jie turi būti išdėstyti skirtinguose sluoksniuose.
Sukurkite „Flash“animaciją 10 veiksmas
Sukurkite „Flash“animaciją 10 veiksmas

Žingsnis 2. Sukurkite pirmąjį objektą

Skirtingai nuo animacijos po kadro, jums nereikia kurti kelių objektų, kad animuotumėte naudodami funkciją „tween“. Bet jūs sukursite objektą, o tada pakeisite objekto savybes.

  • Prieš pridėdami vaizdų, sukurkite pagrindinį filmo foną. Pervardykite 1 sluoksnį „Fonas“, tada užrakinkite sluoksnį. Sukurkite antrą sluoksnį ir pavadinkite jį, kaip norite. Šis sluoksnis bus tas, kuriame kuriate animaciją.
  • Labai rekomenduojama naudoti „Flash“programoje įmontuotus projektavimo įrankius arba importuoti vaizdus iš vektorinio piešimo programos. Vektoriai gali būti lengvai keičiami, neiškraipomi, o tradiciniai rastriniai vaizdai nebus tinkamai keičiami ir nesikeis.
Sukurkite „Flash“animaciją 11 veiksmas
Sukurkite „Flash“animaciją 11 veiksmas

Žingsnis 3. Paverskite objektą simboliu

Norėdami sukurti tarpinį objekto vaizdą, turite jį paversti simboliu. Tai formatas, kurį „Flash“naudoja objektų organizavimui. Jei bandote sukurti tarpinį vaizdą iš objekto, kuris nebuvo paverstas simboliu, pirmiausia būsite paraginti atlikti konversiją.

Dešiniuoju pelės mygtuku spustelėkite objektą ir pasirinkite „Konvertuoti į simbolį“. Objektai bus pridėti prie bibliotekos, todėl bus lengviau klonuoti objektus

Sukurkite „Flash“animaciją 12 veiksmas
Sukurkite „Flash“animaciją 12 veiksmas

Žingsnis 4. Atlikite pirmąjį žingsnį tarp

Judėjimas tarp objekto perkelia objektą iš vienos vietos į kitą. Dešiniuoju pelės mygtuku spustelėkite simbolį istorijos scenoje ir pasirinkite „Sukurti judesio tarpą“. Iš viso prie laiko juostos bus pridėti 24 kadrai, nes tai yra standartinis „tween“ilgis. Atminkite, kad pagal numatytuosius nustatymus „Flash“bus animuojama 24 kadrų per sekundę greičiu, o tai reiškia, kad šis judėjimas tarp animacijos užtruks sekundę.

Kai sukuriate judesio tarpą, esate automatiškai perkeliamas į paskutinį tarpą

Sukurkite „Flash“animaciją 13 veiksmas
Sukurkite „Flash“animaciją 13 veiksmas

Žingsnis 5. Nubrėžkite objekto kelią

Sukūrę tarpą, galite perkelti objektą į norimą galutinę vietą. „Flash“parodys kelio liniją, pažymėtą tašku, nurodančiu objekto vietą kiekvienam gauto tarpinio vaizdo kadrui.

Kai kuriate kelią pirmą kartą, tai bus tiesi linija nuo pradžios taško iki pabaigos

Sukurkite „Flash“animaciją 14 veiksmas
Sukurkite „Flash“animaciją 14 veiksmas

Žingsnis 6. Išplėskite fono rėmelį

Jei paleisite animaciją dabar, objektas judės keliu, tačiau fonas išnyks po vieno kadro. Norėdami tai išspręsti, turite išplėsti foną, kad jis apimtų visą animacijos kadrą.

Laiko juostoje pasirinkite fono sluoksnį. Spustelėkite paskutinį laiko juostos kadrą, kuris taip pat turėtų būti paskutinis judesio tarp kadro. Paspauskite klavišą F5, kad įterptumėte rėmelį iki šio laiko momento, kuris ir toliau rodys viso fono foną

Sukurkite „Flash“animaciją 15 veiksmas
Sukurkite „Flash“animaciją 15 veiksmas

Žingsnis 7. Pridėkite pagrindinius kadrus

Pridėję pagrindinį kadrą prie kelio, galėsite pakeisti objektus judėjimo metu. Pakeisti objektą galite tik tada, jei jis turi pagrindinį kadrą. Norėdami prie takelio pridėti pagrindinį kadrą, laiko juostoje pirmiausia pasirinkite rėmelį, kurį norite konvertuoti į pagrindinį kadrą. Tada spustelėkite ir vilkite objektą į norimą rėmo vietą. Takelis bus sureguliuotas automatiškai, o laiko juostoje bus pridėtas pagrindinis kadras. Pagrindiniai kadrai laiko juostoje pažymėti deimanto piktograma.

Sukurkite „Flash“animaciją 16 veiksmas
Sukurkite „Flash“animaciją 16 veiksmas

Žingsnis 8. Sureguliuokite tarpą

Norėdami pakeisti objekto kelią, galite spustelėti ir nuvilkti kiekvieną kadro padėties žymeklį kelyje į naują vietą. Venkite per daug kelio variantų, kitaip objektas judės netvarkingai (nebent tai tikrai jūsų tikslas!).

Sukurkite „Flash“animaciją 17 veiksmas
Sukurkite „Flash“animaciją 17 veiksmas

Žingsnis 9. Transformuokite objektą

Apibrėžę pagrindinį kadrą ir kelią, galite paversti objektą taip, kad jis keistųsi judėdamas tarp judėjimo kelio. Galite pakeisti objekto formą, spalvą, sukimąsi, dydį ir kitus dalykus.

  • Pasirinkite rėmelį, kurį norite pakeisti.
  • Atidarykite objekto ypatybių skydelį. Jei šiuo metu sritis nematoma, galite paspausti Ctrl+F3.
  • Pakeiskite vertę skiltyje Ypatybės, kad paveiktų objektą. Pavyzdžiui, galite pakeisti spalvą, pridėti filtrą arba pakeisti mastelį.
  • Taip pat galite naudoti „Free Transform“įrankį, norėdami laisvai keisti objekto formą, kaip jums patinka.
Sukurkite „Flash“animaciją 18 veiksmas
Sukurkite „Flash“animaciją 18 veiksmas

Žingsnis 10. Atlikite paskutinius tarpinio vaizdo prisilietimus

Patikrinkite judesį tarp paspaudę Ctrl+↵ Enter. Įsitikinkite, kad transformacija atrodo gerai ir ar animacija juda teisingu greičiu. Jei animacija juda per greitai, galite sumažinti FPS arba padidinti laiko intervalą.

  • Pagal numatytuosius nustatymus animacija FPS yra 24, todėl pabandykite ją sumažinti iki 12. Norėdami tai padaryti, spustelėkite už istorijos scenos ir pakeiskite FPS ypatybių skydelyje. Pakeitus vertę į 12, animacijos trukmė padvigubės, tačiau animacijos judesys gali tapti „nelygus“.
  • Norėdami pakeisti tarpą, pasirinkite sluoksnį, kuriame yra tarpas, ir slankikliu vilkite jį. Jei norite, kad tarpas būtų dvigubai ilgesnis, išplėskite jį iki 48 kadrų. Įsitikinkite, kad į fono sluoksnį įterpėte tuščią rėmelį, kad animacijos metu fonas iki pusės neišnyktų. Norėdami išplėsti foną, pasirinkite sluoksnį, spustelėkite paskutinį animacijos kadrą laiko juostoje, tada paspauskite klavišą F5.

3 iš 3 metodas: garsų ir muzikos pridėjimas

Sukurkite „Flash“animaciją 19 veiksmas
Sukurkite „Flash“animaciją 19 veiksmas

Žingsnis 1. Įrašykite arba ieškokite garso efektų ir muzikos

Galite pridėti garso efektų prie animacijoje atliekamų veiksmų, kad ji skirtųsi nuo kitų ir suteiktų jai savitumo. Muzika leidžia jūsų animacijoms jaustis gyvesnėms, o geros animacijos gali būti nepaprastos. „Flash“palaiko įvairius garso failų formatus, įskaitant AAC, MP3, WAV ir AU. Pasirinkite formatą, kuris užtikrina geriausią kokybę ir mažiausią failo dydį.

MP3 formatas paprastai užtikrina vis dar gerą garso kokybę ir minimalų failo dydį. Jei įmanoma, venkite naudoti WAV formatą, nes jie paprastai yra gana dideli

Sukurkite „Flash“animaciją 20 veiksmas
Sukurkite „Flash“animaciją 20 veiksmas

2 veiksmas. Importuokite garso failus į biblioteką

Kad galėtumėte pridėti garsą prie projekto, garso failas turi būti pridėtas prie „Flash“bibliotekos. Tai leis jums greitai pridėti garsą prie savo projekto vėliau. Spustelėkite Failas → Importuoti → Importuoti į biblioteką. Naršykite garso failus savo kompiuteryje. Įsitikinkite, kad garso failas turi lengvai įsimenamą pavadinimą, kad vėliau galėtumėte jį greitai rasti meniu.

Sukurkite „Flash“animaciją 21 veiksmas
Sukurkite „Flash“animaciją 21 veiksmas

Žingsnis 3. Kiekvienam garso failui sukurkite naują sluoksnį

Tai tikrai nėra būtina, nes jūs galite pridėti garsą prie esamo sluoksnio, tačiau įdėjus kiekvieną failą į atskirą sluoksnį, turėsite daug daugiau galimybių reguliuoti garso išblukimo ir išjungimo (išblukimo ir išjungimo) nustatymus. garsą ir lengviau perkelti garsą į kitą dalį.

Sukurkite „Flash“animaciją 22 veiksmas
Sukurkite „Flash“animaciją 22 veiksmas

Žingsnis 4. Sukurkite pagrindinį kadrą, kuriame prasidės garsas

Garso sluoksnyje pasirinkite animacijos rėmelį, kuriame norite pradėti garsą. Paspauskite klavišą F7, kad įterptumėte tuščią pagrindinį kadrą. Pavyzdžiui, jei norite įtraukti muzikos failą, kuris groja animacijos metu, pasirinkite pirmą kadrą muzikos failo sluoksnyje. Jei pridedate dialogą prie simbolio, pasirinkite rėmelį, kuriame simbolis pradeda kalbėti.

Sukurkite „Flash“animaciją 23 veiksmas
Sukurkite „Flash“animaciją 23 veiksmas

Žingsnis 5. Pridėkite garso ar muzikos failų

Ypatybių rėmo viduje pamatysite skyrių Garsas. Jei norite pamatyti parinktis, gali tekti jį atidaryti. Spustelėkite meniu „Pavadinimas“ir bibliotekoje pasirinkite norimą failą.

Sukurkite „Flash“animaciją 24 veiksmas
Sukurkite „Flash“animaciją 24 veiksmas

Žingsnis 6. Tvarkykite garso failus

Pasirinkę failą, galite nustatyti, kaip jis bus paleistas. Tai, ką pasirinksite, bus pagrįsta numatomu animacijos garso naudojimu. Kiekvieno garso efekto, sinchronizavimo ir kartojimo nustatymus galite pakeisti naudodami meniu, esantį meniu „Pavadinimas“ypatybių rėmelyje.

  • Efektai. Šis nustatymas garsui suteikia efektų, pavyzdžiui, garsas pamažu atsiranda arba išnyksta arba pridedamas aidas. Galite pasirinkti iš esamų nustatymų išskleidžiamajame meniu arba spustelėti pieštuko piktogramą šalia meniu, kad sukurtumėte savo pasirinktinius nustatymus.
  • Sinchronizuoti Šis nustatymas nustato, kaip daina groja animacijoje. Renginys skleis garsą, kol jis nebus baigtas. Jei tas pats garsas vėl suaktyvinamas prieš pasibaigiant ankstesniam garsui, pradinis garsas ir toliau skambės, kol pasibaigs. Pradžia yra panaši į įvykį, tačiau sustoja, kai garsas vėl paleidžiamas. Stop sustabdo garsą tame kadre. Jei norite naudoti šią parinktį kartu su kitomis garso parinktimis, sukurkite naują pagrindinį kadrą, kuriame norite sustabdyti garsą, ir naudokite šią parinktį. Srautas bandys suderinti grojamą garsą su kitų sluoksnių kadrų skaičiumi. Šią parinktį geriausia naudoti dialogui.
  • Pakartokite. Šis nustatymas leidžia nustatyti, kiek laiko garsas kartojasi. Galite nustatyti, kad jis būtų paleistas tik vieną kartą, arba kartoti tiek kartų, kiek norite. Jei jūsų animacija yra kilpinė animacija, turite nustatyti, kad muzika kartotųsi neribotą laiką.
Sukurkite „Flash“animaciją 25 veiksmas
Sukurkite „Flash“animaciją 25 veiksmas

Žingsnis 7. Užbaikite projektą

Kai baigsite dirbti su projektu, išsaugokite jį kaip SWF failą. Tai formatas, naudojamas filmams paleisti. Galite žaisti beveik bet kurioje žiniatinklio naršyklėje arba naudoti „Flash“grotuvą, kuris yra specialiai naudojamas žiūrėti. Taip pat yra įvairių svetainių, kuriose galite jį įkelti kitiems žiūrėti, pvz., „Newgrounds“, „Albino Blacksheep“ir „Kongregate“.

Sukurkite „Flash“animaciją 26 veiksmas
Sukurkite „Flash“animaciją 26 veiksmas

8. Toliau plėtokite savo būsimą projektą

Šiame vadove aprašomi animacijos kūrimo pagrindai, tačiau dar daug ko galite išmokti ir nuveikti. Pridėkite kelis mygtukus ir išsišakojantį siužetą ir turėsite savo nuotykių žaidimą. Galite lankyti „ActionScript“avarijos kursus ir daug geriau valdyti smulkesnę animacijos informaciją. Toliau eksperimentuokite ir netrukus sužinosite įvairiausių gudrybių ir jų įgyvendinimo būdų.

Rekomenduojamas: