Share
I denne opplæringen vil vi vise deg hvordan du animerer en fantastisk eksplosjon i Flash, som du kan bruke til et tegneserieaktivt actionspill. Vi tar deg fra oppfattelse til ferdigstillelse, og viser deg hvordan du eksporterer den, samt hvordan du importerer den til andre scener.
La oss se på det endelige resultatet vi vil jobbe for:
Bestem hvilken type eksplosjon som passer best for din scene. Er det en liten eksplosjon? En nøkle? En 60-talers Batman-esque, prangende, "WHAM"? I dette tilfellet vil vi gjøre en mindre eksplosjon, men med erfaring kan du gjøre alt du vil.
Når du vet hva du vil animere, se etter referanse. Internett er fantastisk for dette fordi du bare kan søke etter filmklipp relatert til hva du vil gjøre og nøye studere dem.
Når du er klar, ta et par stykker papir og begynn å trekke eksplosjonen. Animasjon er planlagt gjennom nøkkelbilder, som generelt er de mest ekstreme delene av animasjonen som forteller den grove historien om hvordan noe skal bevege seg. I dette tilfellet er den første tingen du bør tenke på, den første blitsen av lys.
Deretter tegner du nøklene som forklarer hvordan røyk og lys kommer ut av bomben. Du vil i det minste ha en der røyken først kommer ut av lyset, da en når røyken er på sitt største og mest ekstreme, og deretter en ramme på enden. Her er våre keyframe tegninger, som illustrerer denne prosessen:
Tegn inn-betweens for disse rammene. I utgangspunktet tegner du alle rammene som passer midt i disse nøkkelrammene. Vi vil inkludere skissene våre her for referanse.
På dette punktet skanner vi alle tegningene våre slik at vi kan spore dem i Flash.
Åpne Flash og endre innstillingene dine til det som passer best for din nåværende scene. Du kan se alle dine grunnleggende innstillinger i egenskapspanelet på høyre side av skjermbildet. I vårt tilfelle vil vi jobbe på 550x500px og 24 bilder per sekund, med en hvit bakgrunn.
Deretter skal du importere alle dine linjetegninger til Flash Pro's Bibliotek. Biblioteket er i utgangspunktet et sted hvor alle filene du bruker i animasjonen, er lagret for oppbevaring. Du kan gjøre dette ved å gå til Fil> Import> Import til scenen, Deretter velger du alle dine tegninger og rammer Open.
Etter dette vil de vises alle på samme keyframe, men hvis du velger dem alle, høyreklikker du og klikker «Distribuere til lag», de vil vises som separate lag, alle på samme keyframe. Deretter kan du bare dra og slippe individuelle nøkler i de riktige stillingene, enten på egne lag på alt på ett lag, avhengig av hva du foretrekker.
Legg til et nytt lag på tidslinjen, og begynn å tegne over de gamle linjene dine ved å bruke Linjeværktøjet. Vi bryder vanligvis ikke med penselverktøyet fordi du ender med for mange noder på linjene som kan gjøre ting ekstremt vanskelig å endre på noen måte senere. Det du i utgangspunktet trenger å gjøre er å tegne linjer ved hjelp av linjestykket, bruk deretter valgverktøyet til å manipulere kurven mellom de to punktene. (Flere tegningstips for Flash er tilgjengelig her.)
Når rammen er helt sporet med linjeværktøyet, velger vi alle linjene, og deretter går du til Endre> Form> Konverter linjer til fyll. Av og til blir det glitches der biter av linjen forsvinner. Hvis dette skjer, så start ved å velge mindre biter av bildet, og til slutt gjøre hele grafikken sammen. Når du gjør dette, kan du deretter redigere linjedybden ved hjelp av valgverktøyet og klikke og dra på kantene av linjene.
Farge i linjene ved hjelp av malingbøtteverktøyet.
Gjenta trinnene 9-11 til alle rammene er ferdige.
Velg alt på en ramme, trykk F8 og slå den til et Symbol. Oppgi navnet riktig og det vises i biblioteket ditt for å bli brukt og brukt til enhver tid. Organisasjonen er veldig viktig mens du animerer. Ting kan bli forvirrende fort hvis du ikke navngir og sorterer alt riktig, så vær så snill. Du kan til og med lage mapper i biblioteket.
Et viktig verktøy som virkelig kan hjelpe deg med å animere, er Onion Skin-verktøyet. Med Onion Skinning kan du enkelt se rammene som er nærmest den du redigerer, slik at du kan fortelle med en gang om et animasjonsstykke skal fungere som planlagt eller ikke. Løkskinnknappen er plassert nederst på tidslinjen.
For å forhåndsvise full animasjon når som helst, gå til Kontroll> Test film> Test. Det vil forhåndsbelaste hele animasjonen og deretter vise deg nøyaktig hvordan det vil se ut når det er eksportert.
Når du er klar til å eksportere, gå bare til Fil> Eksporter> Eksporter film. Gi det navnet du vil, velg .swf fra rullegardinmenyen, og trykk deretter på lagre. Avhengig av størrelsen på animasjonen må du kanskje vente en stund.
Eksport av .gif bilder er nesten det samme. Når du treffer Fil> Eksporter> Eksporter film bare velg .gif i stedet for .swf fra rullegardinmenyen.
For å importere en eksplosjon til en allerede eksisterende scene, må du først åpne begge scenene. Deretter velger du alle rammene av eksplosjonsanimasjonen på tidslinjen, kopierer alle rammene, og deretter klikker du Ctrl + F8. En dialog vil vises. Navngi eksplosjonen, lagre den som en grafikk. Hit OK. En tom skjerm skal vises uten animasjon på den. Klikk deretter på den første rammen av den nye tidslinjen og lim inn alle bildene dine. Etter dette treffer du "Scene 1" -knappen under tidslinjen, men over animasjonsvinduet for å gå tilbake til den opprinnelige tidslinjen. Når du gjør dette, bør animasjonen din være i biblioteket. Velg animasjonen i biblioteket, høyreklikk og kopier den. Du vil da kunne lime den inn i biblioteket til enhver annen FLA som du har åpnet.
Å lage filmklipp er nesten det samme som det vi beskrev i forrige trinn. For å lage et filmklipp følger du instruksjonene fra det siste trinnet nøyaktig, men velg "Filmklipp", i stedet for "Grafisk", når du kommer til dialog etter at du har trykket på Ctrl + F8. Forskjellen mellom et grafisk og en filmklipp er at filmklippet kan identifiseres unikt ved hjelp av ActionScript, som er kodingsspråket som Flash bruker til å lage spill og interaktive medier. Når filmen er kompilert, opprettes en kopi fra biblioteket og transformeres for animasjonen. Kopien kan være sløret, skalert, etc., i løpet av kjøretiden, uten å måtte skape separate animasjoner på designtid, og dermed kutte ned mengden dataminne som trengs, og holde SWF-filstørrelsen liten..
For å lage et spritark av animasjonen din, trykk først Fil> Eksporter> Eksporter film og velg PNG-sekvens å lage et sett med PNG-grafikk, en for hver ramme. Etter at de er opprettet, kan du bruke hvilken som helst bildebehandlingsprogramvare (for eksempel Photoshop) for å importere dem som en batch og deretter kopiere / lime dem alle sammen i en større bildefil.
Alternativt kan du gjøre Flash-scenen større, få hver animasjonsramme til å vises samtidig, og deretter flytte de enkelte bildene på plass før du eksporterer et enkelt bilde.
Et tredje alternativ er å bruke Keith Peters verktøy, SWFSheet.
Vi håper du likte denne opplæringen! Hvis du gjør en eksplosjon med det, vennligst del det i kommentarene :)
Accentsconagua