„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
Ž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ė
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“.
Ž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
Ž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.
Ž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!
Ž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į.
Ž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ų.
Ž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“)
Ž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.
Ž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.
Ž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
Ž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ą
Ž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
Ž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ą
Ž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.
Ž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!).
Ž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.
Ž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
Ž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
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.
Ž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į.
Ž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.
Ž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ą.
Ž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ą.
Ž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“.
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ų.