Kaip sukurti „Flash“animaciją (su nuotraukomis)

Turinys:

Kaip sukurti „Flash“animaciją (su nuotraukomis)
Kaip sukurti „Flash“animaciją (su nuotraukomis)

Video: Kaip sukurti „Flash“animaciją (su nuotraukomis)

Video: Kaip sukurti „Flash“animaciją (su nuotraukomis)
Video: Вебинар: my.kuka - Единый цифровой портал 2024, Balandis
Anonim

„Flash“yra pagrindinė animacijos priemonė internete ir netgi kituose formatuose, pvz., Televizijoje. Sukurti paprastą „Flash“animaciją „Flash“iš tikrųjų yra gana paprasta, nes „Flash“suteikia daug naudingų įrankių, kurie supaprastina visą procesą. Jei turite idėją sukurti „Flash“animaciją ar animacinį filmą, tikriausiai vos per porą valandų galite sukurti apytikslį eskizą. Žr. 1 veiksmą, kad sužinotumėte, kaip tai padaryti sukurti „Flash“animaciją.

„Adobe Flash“palaikymas baigiasi 2020 m. Gruodžio mėn. Po to laiko „Flash“nebebus galima naudoti

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

Žingsnis 1. Suprasti animacijos kadrų po kadro pagrindus

Tai laikoma „tradiciniu“animacijos metodu, nes kiekvienas kadras turi tą patį vaizdą, tačiau šiek tiek pakeistas. Kai kadrai grojami kartu, vaizdai juda. Tai ta pati pagrindinė technika, kurią naudoja tradiciniai rankiniai animatoriai, ir užima daugiau laiko nei sujungimas (ž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 ne kiekvienas kadras turi būti skirtingas. Jei norite, galite tai koreguoti, o daugelis „Flash“animacijų naudoja 12 kadrų per sekundę, tačiau 24 bus sukurtos daug „sklandžiau“

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

2 veiksmas. Įdiekite „Flash Professional“

Galimos įvairios „Flash“animacijos programos, tačiau galingiausia yra „Adobe Flash Professional CC“. Galite nemokamai įdiegti bandomąją versiją arba naudoti kitą produktą, jei „Adobe Creative Cloud“prenumerata jums nepatinka. Likusioje šio straipsnio dalyje „Flash Professional“ar bet kuri kita redagavimo programa bus vadinama „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, turėsite sukurti visus šiuos išteklius rankiniu būdu. Galite juos visus sukurti prieš pradėdami arba padaryti juos eidami. Galite naudoti „Flash“programą, norėdami piešti tiesiogiai savo projekte, arba galite piešti savo turtą savo mėgstamoje vaizdo kūrimo programoje.

Jei norite, kad jūsų vaizdai padidėtų, neprarandant kokybės, norėsite juos sukurti kaip vektorius, o ne rastrus. Vektoriniai vaizdai bus perbraižyti, kai tik jie bus pakeisti, o tai reiškia, kad nebus jokių pikselių ar slapyvardžių. Rastriniai vaizdai yra tradiciniai vaizdai, prie kurių tikriausiai esate pripratę (nuotraukos, dažų vaizdai ir kt.). Jie nėra tinkami masteliui ir gali atrodyti gana negražiai, jei norite juos padidinti

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

Žingsnis 4. Sukurkite pirmąjį kadrą

Kai pirmą kartą paleidžiate „Flash“, turėsite tuščią sluoksnį ir tuščią laiko juostą. Kai pridedate rėmelius, jūsų laiko juosta bus užpildyta automatiškai. Su sluoksniais galite sąveikauti taip pat, kaip ir „Photoshop“.

  • Prieš pridėdami vaizdą, sukurkite pagrindinį filmo foną. Pervardykite 1 sluoksnį į „Fonas“ir užrakinkite sluoksnį. Sukurkite antrą sluoksnį ir pavadinkite jį taip, kaip norite. Tai bus sluoksnis, kuriame kuriate animaciją.
  • Pridėkite piešinį prie drobės pirmajame kadre. Galite importuoti piešinį iš savo kompiuterio arba naudoti „Flash“piešimo įrankius, kad sukurtumėte piešinį tiesiai programoje.
  • Jūsų pirmasis kadras bus pagrindinis kadras. Pagrindiniai kadrai yra rėmeliai, turintys vaizdą ir sudarantys animacijos pagrindą. Kiekvieną kartą, kai paveikslas pasikeis, sukursite naują pagrindinį kadrą.
  • Pagrindiniai kadrai laiko juostoje žymimi juodu tašku.
  • Jums nereikia naujo vaizdo kiekviename kadre. Apskritai, turint pagrindinį kadrą kas keturis penkis kadrus, bus sukurta gera animacija.
Sukurkite „Flash“animaciją 5 veiksmas
Sukurkite „Flash“animaciją 5 veiksmas

Žingsnis 5. Paverskite savo piešinį simboliu

Paversdami savo piešinį simboliu, galite lengvai jį pridėti kelis kartus rėmelyje. Tai ypač naudinga, jei jums reikia greitai sukurti kelis objektus, pvz., Žuvų mokyklą.

  • Pasirinkite visą piešinį. Dešiniuoju pelės mygtuku spustelėkite pasirinkimą ir pasirinkite „Konvertuoti į simbolį“. Tai pridės vaizdą prie bibliotekos, kur galėsite greitai jį pasiekti ateityje.
  • Ištrinkite piešinį. Nesijaudink! Jį vėl pridėsite prie scenos tiesiog vilkdami objektą iš savo bibliotekos. Prie savo scenos galite lengvai pridėti kelis to paties piešinio egzempliorius!
Sukurkite „Flash“animaciją 6 veiksmas
Sukurkite „Flash“animaciją 6 veiksmas

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

Paruošę pirmąjį kadrą, galite pridėti tuščių kadrų, esančių tarp pirmojo ir antrojo pagrindinio kadrų. Paspauskite F5 keturis ar penkis kartus, kad po pirmojo pagrindinio kadro pridėtumėte tuščių kadrų.

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

Žingsnis 7. Sukurkite antrąjį pagrindinį kadrą

Pridėję keletą tuščių kadrų, esate pasiruošę sukurti antrąjį pagrindinį kadrą. Iš esmės tai galima padaryti dviem skirtingais būdais: galite nukopijuoti esamą pagrindinį kadrą ir atlikti nedidelius pakeitimus arba sukurti tuščią pagrindinį kadrą ir įterpti naują vaizdą. Jei naudojate meną, sukurtą kitoje programoje, norėsite antrojo metodo. Jei kūrėte savo kūrinį naudodami „Flash“dizaino įrankius, naudokite pirmąjį metodą.

  • Norėdami sukurti pagrindinį kadrą naudodami ankstesnio pagrindinio kadro turinį, paspauskite F6. Norėdami sukurti tuščią pagrindinį kadrą, dešiniuoju pelės mygtuku spustelėkite paskutinį kadrą savo laiko juostoje ir pasirinkite „Įterpti tuščią pagrindinį kadrą“. Viskas jūsų scenoje bus pašalinta.
  • Sukūrę antrąjį pagrindinį kadrą, turėsite pakoreguoti vaizdą, kad sukurtumėte judesio efektą. Jei naudojate „Flash“dizaino įrankius, galite naudoti įrankį „Transform“, kad pasirinktumėte piešinio aspektus ir šiek tiek juos perkeltumėte, pvz., Lazdos žmogaus ranką.
  • Jei įterpiate naują iliustraciją kiekvienam pagrindiniam kadrui, įsitikinkite, kad jis yra toje pačioje vietoje arba kitoje loginėje ekrano vietoje. Tai užtikrins, kad menas nešokinėtų tarp kadrų.
Sukurkite „Flash“animaciją 8 veiksmas
Sukurkite „Flash“animaciją 8 veiksmas

Žingsnis 8. Pakartokite procesą

Dabar, kai sukūrėte du pagrindinius kadrus, laikas pakartoti. Iš esmės tą patį procesą kartosite tol, kol baigsite animaciją. Pridėkite keletą tuščių kadrų tarp kiekvieno pagrindinio kadro ir įsitikinkite, kad jūsų judesiai atrodo sklandžiai.

Atlikite nedidelius, laipsniškus pakeitimus. Jūsų animacija atrodys daug sklandžiau, jei labai mažai pakeisite pagrindinį kadrą. Pvz., Jei norite, kad žmogus, mojuojantis ranka, antrasis raktas neturėtų būti kitame bangos gale. Vietoj to naudokite kelis pagrindinius kadrus, kad pereitumėte nuo bangos pradžios iki pabaigos. Tai sukurs daug sklandesnę animaciją

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

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

Žingsnis 1. Suprasti susiejimo pagrindus

„Flash“yra funkcija, vadinama „tweening“, kuri leidžia iš esmės nustatyti objekto pradžios ir pabaigos taškus. Tada „Flash“perkels ir pakeis objektą pagal jūsų nustatymus tarp šių dviejų taškų, sukurdama animacijos iliuziją. Jums nereikės kurti vaizdų kiekvienam pagrindiniam kadrui, kaip tai darytumėte naudojant animaciją po kadro.

  • „Tweening“yra ypač naudingas kuriant „morfuojančius“efektus, kai vienas objektas animacijos metu tampa kitu.
  • Tame pačiame filme kartu su animacija ir „tweening“galima naudoti kartu.
  • Vienu metu judėti gali tik vienas objektas. Tai reiškia, kad jei norite, kad vienu metu animuotųsi keli objektai, jie visi turi būti atskiruose sluoksniuose.
Sukurkite „Flash“animaciją 10 veiksmas
Sukurkite „Flash“animaciją 10 veiksmas

Žingsnis 2. Sukurkite savo pirmąjį objektą

Skirtingai nei animacija po vieną kadrą, jums nereikės kurti kelių objektų, kad animuotumėte naudodami funkciją „tween“. Vietoj to, jūs sukursite vieną objektą ir pakeisite jo savybes per sujungimo procesą.

  • Prieš pridėdami vaizdą, sukurkite pagrindinį filmo foną. Pervardykite 1 sluoksnį į „Fonas“ir užrakinkite sluoksnį. Sukurkite antrą sluoksnį ir pavadinkite jį taip, kaip norite. Tai bus sluoksnis, kuriame kuriate animaciją.
  • Labai rekomenduojama naudoti „Flash“integruotus projektavimo įrankius arba importuoti vaizdą iš vektorinio piešimo programos. Vektoriai gali būti lengvai keičiami be iškraipymų, o tradiciniai rastriniai vaizdai nebus tinkami ir neskaidomi.
Sukurkite „Flash“animaciją 11 veiksmas
Sukurkite „Flash“animaciją 11 veiksmas

Žingsnis 3. Paverskite savo objektą simboliu

Norėdami susieti objektą, turėsite jį paversti simboliu. Tai yra objektų formatas, kurį „Flash“naudoja norėdama jais manipuliuoti. Jei bandysite susieti objektą, kuris nebuvo padarytas simboliu, pirmiausia būsite paraginti tai padaryti.

Dešiniuoju pelės mygtuku spustelėkite savo objektą ir pasirinkite „Konvertuoti į simbolį“. Objektas bus įtrauktas į jūsų biblioteką, todėl bus lengviau klonuoti objektus

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

Žingsnis 4. Sukurkite pirmąjį judesį tarp

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

Kai sukuriate judesį „tween“, esate automatiškai perkeliamas į paskutinį „tween“kadrą

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

Žingsnis 5. Sukurkite trajektoriją

Sukūrę tarpą, galite perkelti objektą į vietą, kurioje norite, kad jis atsidurtų. „Flash“parodys trajektorijos liniją, pažymėtą tašku, kad būtų parodyta objekto vieta kiekviename „tween“kadre.

Kai pirmą kartą sukuriate trajektoriją, tai bus tiesi linija nuo pradžios iki pabaigos

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

6. Išplėskite fono rėmus

Jei dabar paleistumėte animaciją, jūsų objektas judėtų trajektorija, bet fonas išnyktų po vieno kadro. Norėdami tai išspręsti, turėsite išplėsti savo foną visuose animacijos kadruose.

Laiko juostoje pasirinkite savo fono sluoksnį. Spustelėkite paskutinį savo laiko juostos kadrą, kuris taip pat turėtų būti kadras, kuriuo jūsų judesys baigiasi. Paspauskite F5, kad įterptumėte rėmelius iki šio taško, kad jūsų fonas būtų rodomas per visą tarpą

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

Žingsnis 7. Pridėkite pagrindinius kadrus

Pridėję pagrindinius kadrus prie savo trajektorijos, galėsite pakeisti savo objektą judėjimo metu. Pakeisti objektą galite tik tada, jei jis yra įrėmintas. Jei norite pridėti pagrindinius kadrus prie savo trajektorijos, pirmiausia pasirinkite kadrą laiko juostoje, kurį norite paversti pagrindiniu kadru. Tada spustelėkite ir vilkite objektą į norimą vietą to kadro metu. Jūsų trajektorija bus automatiškai sureguliuota, o laiko juostoje bus pridėtas pagrindinis kadras. Pagrindiniai kadrai laiko juostoje žymimi deimantų piktogramomis.

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

8. Sureguliuokite savo trajektoriją

Norėdami pakeisti savo objekto kelią, galite spustelėti ir vilkti kiekvieną rėmo padėties žymeklį kelyje į naują vietą. Venkite daug keistis kelyje, kitaip objektas judės nepastoviai (nebent tai yra jūsų tikslas!).

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

Žingsnis 9. Paverskite savo objektą

Nustatę pagrindinius kadrus ir trajektoriją, galite pakeisti savo objektą taip, kad jis keistųsi judėdamas tarp judėjimo trajektorijos. Galite pakeisti objekto formą, spalvą, sukimąsi, dydį ir bet kurią kitą savybę.

  • Pasirinkite rėmelį, kuriame norite atlikti transformaciją.
  • Atidarykite objekto ypatybių skydelį. Jei šiuo metu skydelis nematomas, galite paspausti Ctrl+F3.
  • Pakeiskite bet kokias vertes lange Ypatybės, kad paveiktumėte objektą. Pavyzdžiui, galite pakeisti atspalvį ar spalvą, pridėti filtrų arba pakeisti mastelį.
  • Taip pat galite naudoti „Free Transform“įrankį, norėdami laisvai keisti formą, kaip norite.
Sukurkite „Flash“animaciją 18 veiksmas
Sukurkite „Flash“animaciją 18 veiksmas

Žingsnis 10. Atlikite paskutinį prisilietimą prie savo atstumo

Pasitikrinkite savo judesį tarp Ctrl+↵ Enter. Įsitikinkite, kad transformacijos atrodo gerai ir ar animacija juda teisingu greičiu. Jei jūsų animacija juda per greitai, galite sumažinti scenos FPS arba padidinti tarpą.

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

3 dalis iš 3: Garso ir muzikos pridėjimas

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

Žingsnis 1. Įrašykite arba raskite savo garso efektus ir muziką

Prie animacijos veiksmų galite pridėti garso efektų, kad jie taptų išskirti ir įgautų asmenybės. Muzika daro jūsų animaciją labiau įtraukiančią ir gali paversti gerą animaciją neįtikėtina. „Flash“palaiko įvairius failų formatus, įskaitant AAC, MP3, WAV ir AU. Pasirinkite parinktį, kuri suteikia geriausią kokybę mažiausiam failo dydžiui.

MP3 paprastai suteikia jums visiškai priimtiną garso kokybę, išlaikant minimalų failo dydį. Jei įmanoma, venkite WAV failų, nes jie dažnai būna gana dideli

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

2 veiksmas. Importuokite garso failus į savo biblioteką

Kad galėtumėte pridėti garsų prie savo projekto, juos reikia pridėti prie „Flash“bibliotekos. Tai leis vėliau greitai juos įtraukti į savo projektą. Spustelėkite Failas → Importuoti → Importuoti į biblioteką. Kompiuteryje raskite garso failą. Įsitikinkite, kad garso failo pavadinimas yra lengvai įsimenamas, 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 nėra absoliučiai būtina, nes galite pridėti garsą prie esamų sluoksnių, tačiau įdėję kiekvieną failą į savo sluoksnį turėsite daug daugiau galimybių kontroliuoti išblukimą ir išnykimą, kada pradėti ir sustabdyti, taip pat lengviau perkelti garsus.

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į, nuo kurio norite pradėti garsą. Paspauskite 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 dialogo simbolį, pasirinkite rėmelį, kuriame simbolis pradeda kalbėti.

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

5 veiksmas. Pridėkite garso ar muzikos failą

Ypatybių rėmelyje pamatysite skyrių Garsas. Jei norite pamatyti parinktis, gali tekti ją išplėsti. Spustelėkite meniu „Pavadinimas“ir pasirinkite norimą failą iš savo bibliotekos.

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

Žingsnis 6. Konfigūruokite garso failą

Pasirinkę failą, galite konfigūruoti, kaip jis bus paleistas. Tai, ką pasirinksite, bus pagrįsta tuo, ko jums reikia animacijoje. Galite pakeisti kiekvieno garso efekto, sinchronizavimo ir kartojimo nustatymus naudodami meniu, esantį po ypatybių rėmelio meniu Pavadinimas.

  • Efektas - tai leidžia garsui pridėti efektų, pvz., Išblukti ir išnykti arba pridėti aidą. Išskleidžiamajame meniu galite pasirinkti iš iš anksto nustatytų nustatymų arba spustelėti pieštuko piktogramą šalia meniu, kad sukurtumėte savo pasirinktinius nustatymus.
  • Sinchronizuoti - tai nustato, kaip daina grojama animacijoje. Įvykis leis garsą, kol jis bus baigtas. Jei tas pats garsas vėl suaktyvinamas prieš pasibaigiant pirmajam, originalas bus leidžiamas tol, kol baigsis. Pradėti veikia kaip įvykis, bet sustoja, jei garsas vėl skamba. Stop sustabdo garsą tame kadre. Jei norite tai naudoti kartu su kitomis garso savybėmis, sukurkite naują pagrindinį kadrą, kuriame norite sustabdyti garsą, ir naudokite šią parinktį. Srautas bandys suderinti skambantį garsą su kitų sluoksnių kadrų skaičiumi. Tai geriausia naudoti dialogui.
  • Kartoti - šis nustatymas leidžia nustatyti, kiek laiko garsas kartojasi. Galite nustatyti, kad jis būtų paleistas tik vieną kartą, arba leisti jį kartoti tiek kartų, kiek norite. Jei jūsų animacija yra kilpos animacija, turėtumėte nustatyti, kad muzika skambėtų be galo.
Sukurkite „Flash“animaciją 25 veiksmas
Sukurkite „Flash“animaciją 25 veiksmas

Žingsnis 7. Užbaikite savo projektą

Kai baigsite savo projektą, išsaugokite jį kaip SWF failą. Tai formatas, naudojamas filmui paleisti. Galite žaisti beveik bet kurioje interneto naršyklėje arba žiūrėti naudodami specialų „Flash“grotuvą. Taip pat yra įvairių svetainių, kurias galite įkelti kitiems žmonėms, pavyzdžiui, „Newgrounds“, „Albino Blacksheep“ir „Kongregate“.

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

8. Žingsnis toliau

Šiame vadove aptariami animacijos kūrimo pagrindai, tačiau galima daug daugiau išmokti ir nuveikti. Pridėkite kelis mygtukus ir išsišakojusius kelius ir turėsite nuotykių žaidimą, kurį galite pasirinkti patys. Galite pereiti į „ActionScript“kursą ir daug geriau valdyti smulkesnę animacijos informaciją. Toliau eksperimentuokite ir netrukus pastebėsite, kad mokotės visų rūšių gudrybių ir įgyvendinimo būdų.

Rekomenduojamas: