Animate en tegneserie eksplosjon med Flash Professional - Basix
Del
Del
Del
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne opplæringen vil vi vise deg hvordan du kan animere en kjempeeksplosjon i Flash, som du kan bruke for en tegneserieaktig actionspill. Vi tar deg fra idé til ferdigstillelse, og deretter vise deg hvordan du kan eksportere den, samt hvordan å importere den til andre scener.
Endelig resultat Forhåndsvisning
La oss ta en titt på det endelige resultatet vi skal jobbe mot:
Trinn 1: Velg type Explosion du ønsker
Bestem hva slags eksplosjon ville være best passer for din scene. Er det en liten eksplosjon? En nuke? Et 60-talls Batman-esque, prangende, "WHAM"? I dette tilfellet vil vi gjøre en mindre eksplosjon, men med erfaring kan du gjøre hva du vil
Trinn 2:. Se etter referanser
Når du vet hva du vil animere utseende for referanse. Internett er fantastisk for dette fordi du bare kan søke etter filmklipp knyttet til hva du ønsker å gjøre, og nøye studere dem
Trinn 3:. Begynn å tegne
Når du er klar grab et par stykker av papir og begynner å trekke eksplosjon. Animasjon er planlagt gjennom nøkkel Deretter trekke nøklene som forklarer hvordan røyk og lys kommer ut av bomben. Du vil i det minste vil ha en hvor røyken først kommer ut av lyset, så man når røyken er på sitt største og mest ekstreme, og deretter en ramme på slutten. Her er våre keyframe tegninger som viser denne prosessen: Tegn i-Betweens for disse rammene. I utgangspunktet er du nå tegne alle de rammer som passer i midten av disse nøkkelbilder. Vi vil inkludere våre skisser her for referanse På dette punktet skanne vi alle våre tegninger slik at vi kan spore dem i Flash Åpne Flash og endre innstillingene til det ville være best passer for din nåværende scene. Du kan se alle dine grunnleggende innstillingene i egenskapsvinduet på høyre side av skjermbildet. I vårt tilfelle, vil vi arbeide på 550x500px og 24 bilder per sekund, med en hvit bakgrunn Neste du bør importere alle dine strektegninger til Flash Pro Bibliotek Etter dette vil de vises alle på samme keyframe, men hvis du velger dem alle, høyreklikk og trykk "Distribuer til Layers", vil de vises som separate lag, alle på samme keyframe. Så kan du bare dra og slippe private nøkler i de riktige posisjonene, enten på egne lag på alt på ett lag, avhengig av hva du foretrekker Legg til et nytt lag til tidslinjen din, og deretter begynne å tegne over dine gamle linjer ved hjelp av linjeverktøyet. Vi vanligvis ikke gidder å bruke pensel verktøy fordi du ende opp med for mange noder på linjene som kan gjøre ting ekstremt vanskelig å endre på noen måte senere. Hva vil du i utgangspunktet trenger å gjøre er å trekke linjer ved hjelp av linjeverktøyet, og deretter bruke markeringsverktøy til å manipulere kurven mellom de to punktene. (Mer Flash tegne tips er tilgjengelige her.) Når rammen er blitt helt spores med linjen verktøyet vi velge alle linjene , så gå til Endre> Figur> Konverter Lines til Fyller Color i linjer ved hjelp av maling bøtte verktøyet. Gjenta trinn 9-11 til alle rammene er ferdig Velg alt på en ramme, traff F8 og gjøre det til et symbol. Riktig name it, og det vil vises i biblioteket som skal brukes og gjenbrukes til enhver tid. Organisasjonen er veldig viktig når du animere. Ting kan bli forvirrende fort hvis du ikke navngi og sortere alt riktig så kan du gjøre det. Du kan også lage mapper i biblioteket Et viktig verktøy som virkelig kan hjelpe deg animere er Onion Skin verktøyet. Med Onion Skinning kan du enkelt vise rammene nærmest den du redigerer slik at du kan fortelle umiddelbart hvis et stykke animasjon kommer til å fungere som planlagt eller ikke. The Onion Skin-knappen er plassert nederst på tidslinjen din For å forhåndsvise fulle animasjon til enhver tid, kan du gå til Kontroll > Test Movie> Test Når du er klar til å eksportere bare gå til Fil> Eksporter> Eksporter film Eksportere .gif bilder er nesten det samme. Når du treffer Fil> Eksporter> Eksporter film Hvis du vil importere en eksplosjon i en allerede exisitng scene, første åpne begge scener. Deretter velger du alle rammer av eksplosjonen animasjon på tidslinjen, kopiere alle rammer, og deretter trykke Ctrl + F8. En dialog vil vises. Navn eksplosjonen, og deretter lagre det som en grafisk. Hit OK. En blank skjerm skal vises uten animasjon på den. Deretter klikker du på det første bildet av den nye tidslinjen og lime alle dine rammer. Etter dette treffer "Scene 1" knappen under tidslinjen, men over animasjonen vinduet for å gå tilbake til den opprinnelige tidslinjen. Når du gjør dette animasjonen skal være i biblioteket. Velg animasjon i biblioteket, høyreklikk og kopier den. Du vil da kunne lime det inn i biblioteket for noen annen FLA at du har åpne Å gjøre filmklipp er nesten det samme som det vi beskrevet i det foregående trinn. Å skape et filmklipp, følg anvisningene fra det siste trinnet akkurat, men plukke "Movie Clip," i stedet for "Graphic", når du kommer til dialog når du trykker Ctrl + F8. Forskjellen mellom et grafisk og et filmklipp er at filmklippet kan identifiseres ved hjelp av Actionscript, som er kodespråket som Flash bruker til å lage spill og interaktive medier. Når filmen er kompilert en kopi opprettes fra biblioteket og forvandlet for animasjonen. Kopien kan bli uskarpt, skaleres, etc., under kjøring, uten å måtte opprette egne animasjoner på design tid, og dermed kutte ned på mengden av datamaskinens minne nødvendig og holde SWF-fil størrelse small. Hvis du vil lage en sprite ark av animasjonen, første hit Fil> Eksporter> Eksporter film Hotell og velg PNG sekvens Alternativt kan du lage din Flash scene større, gjør hver ramme av animasjon vises på en gang, 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, kan du dele det i kommentarfeltet :) Anmeldelser
, som vanligvis er de mest ekstreme delene av animasjon som forteller den tøffe historien om hvordan noe kommer til å flytte. I dette tilfellet, er det første du bør tenke på den første lysglimt
Trinn 4:. Tegn Alle de nøkkel
Trinn 5: Tegn All In-Betweens
Trinn 6:.. Skanne Tegninger
Trinn 7: Endre Basic Flash Settings
Trinn 8:. Importer dine tegninger
. Biblioteket er i utgangspunktet et sted hvor alle filene som du bruker i animasjonen er lagret for oppbevaring. Du kan gjøre dette ved å gå til Fil> Import> Importer til Stage
, deretter velge alle dine tegninger og treffer Open.
Trinn 9:. Tegn ditt første Lines
Trinn 10: Konverter Lines til Fyller
. Av og til vil det være glitches der biter av linjen forsvinner. Hvis dette skjer så starter ved å velge mindre biter av bildet, så til slutt gjør hele grafikken sammen. Når du gjør dette kan du redigere linjedybden ved hjelp av valgverktøyet og klikke og dra på kantene av linjene
Trinn 11:. Farge Dine Tegninger
Trinn 12:. fullføre alle av Frames of Animation
Trinn 13: Organiser Animasjon
Trinn 14:. Onion Skinning
Trinn 15:. Preview animasjons
. Det vil preload hele animasjon og deretter vise deg nøyaktig hvordan det vil se ut når eksportert
Trinn 16:. Eksportere Movie
. Name it hva du vil, kan du velge .swf
fra rullegardinmenyen, og deretter traff lagre. Avhengig av størrelsen på animasjonen kan du måtte vente en kort stund
Trinn 17:. Eksporter som en GIF
bare plukke .gif
stedet for .swf
fra rullegardinmenyen.
Trinn 18: Importer animasjon i et eksisterende Scene
Trinn 19:. Lag en film Clip
< h2> Trinn 20: Lag en Sprite Sheet
å skape et sett av PNG-grafikk, en for hver ramme. Etter at de er laget, kan du bruke hvilket som helst bilde redigering programvare (for eksempel Photoshop) for å importere dem som en gruppe og deretter kopiere /lime dem inn i en større bildefil.
.