3 måter å lage Flash -animasjoner

Innholdsfortegnelse:

3 måter å lage Flash -animasjoner
3 måter å lage Flash -animasjoner

Video: 3 måter å lage Flash -animasjoner

Video: 3 måter å lage Flash -animasjoner
Video: 3 Things Most Photographers Get Wrong About Flash | Mastering Your Craft 2024, Kan
Anonim

Flash er det primære mediet for animasjon på Internett, og til og med i andre formater som TV. Å lage en enkel Flash -animasjon i et Flash -program er faktisk ganske enkelt å gjøre, ettersom Flash gir mange nyttige verktøy som forenkler hele prosessen. Hvis du allerede har en ide om en Flash -animasjon eller tegneserie, har du sannsynligvis en grov skisse laget på bare noen få timer. Se guiden nedenfor for å lære hvordan du lager en Flash -animasjon.

Steg

Metode 1 av 3: Opprette en ramme-for-ramme Flash-animasjon

Lag en Flash -animasjon Trinn 1
Lag en Flash -animasjon Trinn 1

Trinn 1. Forstå det grunnleggende i ramme-for-ramme-animasjon

Denne metoden regnes som en tradisjonell animasjonsmetode, når hver ramme (et bilde som komponerer en animasjon) har samme bilde, men endres litt. Når bildene spilles sammen, ser det ut til at bildet beveger seg. Dette er den samme grunnleggende teknikken som brukes av tradisjonelle animatorer som tegner hver ramme for hånd, men tar mer tid enn tweening -metoden (se neste avsnitt).

Som standard vil Flash produsere animasjoner med 24 bilder per sekund (FPS). Dette betyr at ett sekund med animasjon vil ha 24 bilder, men hver ramme trenger ikke å være forskjellig. Du kan justere dette hvis du vil, og mange Flash -animasjoner bruker 12 FPS, men 24 FPS vil resultere i mye jevnere animasjon

Lag en Flash -animasjon Trinn 2
Lag en Flash -animasjon Trinn 2

Trinn 2. Installer Flash Professional -programmet

Det finnes forskjellige Flash -animasjonsprogrammer, men det beste er Adobe Flash Professional CC. Du kan gjøre en gratis prøveinstallasjon, eller du kan bruke et annet produkt hvis du ikke abonnerer på Adobe Creative Cloud. Resten av denne artikkelen vil referere til Flash Professional eller andre redigeringsprogrammer som "Flash".

Lag en Flash -animasjon Trinn 3
Lag en Flash -animasjon Trinn 3

Trinn 3. Lag dine eiendeler

Siden ramme-for-ramme-animasjon krever flere bilder med små forskjeller, må du lage alle disse eiendelene for hånd. Du kan opprette dem alle før du starter, eller du kan opprette dem etter at du har startet. Du kan bruke Flash -programmet til å tegne direkte i prosjektet, eller du kan tegne eiendeler i ditt favoritttegningsprogram.

Hvis du vil at størrelsen på et bilde skal endres uten å gå på kompromiss med kvaliteten, må du gjengi det som en vektor, ikke som en raster. Vektorbilder tegnes automatisk om når de skaleres, noe som betyr at det ikke vil være noen pikselering eller aliasing (en bretteffekt som vises når bildet forstørres). Rasterbilder er tradisjonelle bilder du er vant til å se (bilder, bilder fra Paint -programmet, etc.). Raster -bilder skaleres ikke godt, og kan se ganske ille ut når de blir forstørret

Lag en Flash -animasjon Trinn 4
Lag en Flash -animasjon Trinn 4

Trinn 4. Lag den første rammen

Når du starter Flash -programmet, får du et tomt lag og en tom tidslinje. Når du legger til en ramme, fylles tidslinjen automatisk. Du kan samhandle med lag på samme måte som i Photoshop.

  • Før du legger til bilder, må du lage en grunnleggende bakgrunn for filmen din. Gi nytt navn til Lag 1 "Bakgrunn", og lås deretter laget. Lag et andre lag og navngi det hva du vil. Dette laget vil være laget der du lager animasjonen.
  • Legg til et bilde på lerretet i den første rammen. Du kan importere bilder fra datamaskinen din, eller bruke Flashs tegneverktøy til å lage bilder direkte i programmet.
  • Din første ramme vil være en "nøkkelramme" (nøkkelramme). Nøkkelbilder er rammer som inneholder bilder og danner kjernen i animasjonen din. Du vil opprette en ny nøkkelramme hver gang bildet endres.
  • Nøkkelbilder er markert med en svart prikk på tidslinjen.
  • Du trenger ikke et nytt bilde i hver ramme. Generelt vil det å ha en nøkkelramme hvert fjerde eller femte bilde gi en god animasjon.
Lag en Flash -animasjon Trinn 5
Lag en Flash -animasjon Trinn 5

Trinn 5. Gjør bildet til et symbol

Ved å gjøre et bilde til et symbol, kan du enkelt legge det til flere ganger i en ramme. Dette er spesielt nyttig hvis du raskt trenger å lage flere objekter, for eksempel en gruppe fisk.

  • Velg hele bildet. Høyreklikk på det valgte bildet og velg "Konverter til symbol". Dette vil legge til bildet i biblioteket, hvor du raskt kan få tilgang til det senere.
  • Slett bildet. Ikke bekymre deg! Du vil legge det tilbake til historiescenen ved å dra objektet fra biblioteket. Du kan enkelt legge til flere bilder av det samme i en historiescene!
Lag en Flash -animasjon Trinn 6
Lag en Flash -animasjon Trinn 6

Trinn 6. Legg til noen tomme rammer

Når den første rammen er klar, kan du legge til en tom ramme mellom det første og det andre nøkkelbildet. Trykk på F5 -tasten fire eller fem ganger for å legge til en tom ramme etter den første nøkkelrammen.

Lag en Flash -animasjon Trinn 7
Lag en Flash -animasjon Trinn 7

Trinn 7. Lag en ny nøkkelramme

Etter å ha lagt til noen tomme rammer, er du klar til å lage en ny nøkkelramme. Det er i utgangspunktet to forskjellige måter å gjøre det på, nemlig at du kan kopiere en eksisterende nøkkelramme og gjøre mindre justeringer, eller du kan lage en tom nøkkelramme og sette inn et nytt bilde. Hvis du bruker et bilde som er opprettet med et annet program, vil du ha den andre metoden. Hvis du lager et bilde med designverktøy fra Flash, bruker du den første metoden.

  • Trykk på F6 -tasten for å lage en nøkkelramme med innholdet i den forrige nøkkelrammen. For å lage en tom nøkkelramme, høyreklikk på den siste rammen på tidslinjen og velg "Sett inn blank nøkkelramme". Alt i historiens scene vil bli fjernet.
  • Etter at du har opprettet den andre nøkkelrammen, må du gjøre justeringer av bildet for å gi det effekten av bevegelse. Hvis du bruker Flashs designverktøy, kan du bruke Transform -verktøyet til å velge aspekter av bildet og flytte dem litt rundt, som armene til en stickman.
  • Hvis du setter inn et nytt bilde for hver nøkkelramme, vil du sørge for at det er plassert på samme eller neste logiske plassering på skjermen. Dette sikrer at bildet ikke hopper mellom rammer.
Lag en Flash -animasjon Trinn 8
Lag en Flash -animasjon Trinn 8

Trinn 8. Gjenta prosessen

Nå som du har opprettet de to nøkkelbildene, er det på tide å gjøre om. I hovedsak vil du gjenta den samme prosessen til animasjonen er fullført. Legg til noen tomme rammer mellom hver nøkkelramme, og sørg for at animasjonen beveger seg jevnt.

Gjør små, trinnvise bevegelsesendringer. Animasjonen vil se mye jevnere ut hvis du gjør veldig små endringer i nøkkelrammen. For eksempel, hvis du vil at stickman skal svinge armen, bør din andre nøkkelramme ikke være slutten på armsvinget. Bruk i stedet noen få nøkkelrammer som en overgang fra begynnelsen av svingen til slutten. Dette vil resultere i en mye jevnere animasjon

Metode 2 av 3: Opprette en punkt-til-punkt-animasjon (Tweening)

Lag en Flash -animasjon Trinn 9
Lag en Flash -animasjon Trinn 9

Trinn 1. Forstå det grunnleggende om tweening

Flash inneholder en funksjon som kalles tweening (en prosess som produserer et mellombilde mellom to bilder to ganger i en animasjon), som i utgangspunktet lar deg angi start- og sluttidspunkt for objekter. Flash vil deretter flytte og endre objekter basert på innstillingene dine mellom disse to tidspunktene, og skape en illusjon av animasjon. Du trenger ikke å lage et bilde for hver nøkkelramme som du ville gjort med animasjon for bilde.

  • Tweening er spesielt nyttig for å lage en morph -effekt der et objekt endres til et annet objekt under animasjon.
  • Bilde-for-ramme-animasjon og tweening kan brukes sammen i samme film.
  • Bare ett objekt gjennomgår en bevegelse mellom hverandre om gangen. Dette betyr at hvis du vil at flere objekter skal animeres samtidig, må de plasseres på forskjellige lag.
Lag en Flash -animasjon Trinn 10
Lag en Flash -animasjon Trinn 10

Trinn 2. Lag det første objektet

I motsetning til bilde-for-ramme-animasjon, trenger du ikke å lage flere objekter for å animere ved hjelp av tween-funksjonen. Men du vil lage et objekt, og deretter endre objektets egenskaper under tweeningsprosessen.

  • Før du legger til bilder, må du lage en grunnleggende bakgrunn for filmen din. Gi nytt navn til Lag 1 "Bakgrunn", og lås deretter laget. Lag et andre lag og navngi det hva du vil. Dette laget vil være laget der du lager animasjonen.
  • Det anbefales sterkt å bruke designverktøyene som er innebygd i Flash -programmet eller å importere bilder fra et vektortegningsprogram. Vektorer kan enkelt skaleres uten å bli forvrengt, mens tradisjonelle rasterbilder ikke skaleres og transformeres ordentlig.
Lag en Flash -animasjon Trinn 11
Lag en Flash -animasjon Trinn 11

Trinn 3. Konverter objektet til et symbol

For å generere et mellomliggende bilde av et objekt, må du konvertere det til et symbol. Dette er formatet som Flash bruker for å organisere objekter. Hvis du prøver å generere et mellomliggende bilde fra et objekt som ikke har blitt konvertert til et symbol, blir du bedt om å gjøre konverteringen først.

Høyreklikk på objektet og velg "Konverter til symbol". Objekter blir lagt til i biblioteket, noe som gjør kloning av objekter enklere

Lag en Flash -animasjon Trinn 12
Lag en Flash -animasjon Trinn 12

Trinn 4. Gjør det første trekket

En bevegelsestween flytter et objekt fra ett sted til et annet. Høyreklikk på symbolet i historiens scene og velg "Create Motion Tween". Totalt 24 bilder vil bli lagt til på tidslinjen, da dette er standardlengden på en tween. Husk at Flash vil animere med 24 bilder per sekund ved standardinnstillingene, noe som betyr at denne bevegelsesintervallet vil ta et sekund å animere.

Når du oppretter en bevegelses -tween, flyttes du automatisk til den siste rammen av tweenen

Lag en Flash -animasjon Trinn 13
Lag en Flash -animasjon Trinn 13

Trinn 5. Tegn objektets bane

Etter at du har opprettet tween, kan du flytte objektet til ønsket sluttplassering. Flash viser en banelinje, som er stiplet for å indikere plasseringen av objektet for hver ramme i det resulterende mellombildet.

Når du oppretter en bane for første gang, vil det være en rett linje fra startpunktet til sluttpunktet

Lag en Flash -animasjon Trinn 14
Lag en Flash -animasjon Trinn 14

Trinn 6. Forleng bakgrunnsrammen

Hvis du kjører animasjonen nå, vil objektet bevege seg langs banen, men bakgrunnen vil forsvinne etter en ramme. For å fikse dette må du utvide bakgrunnen til å dekke hele rammen av animasjonen.

Velg bakgrunnslaget på tidslinjen. Klikk på den siste rammen på tidslinjen, som også skal være den siste rammen i bevegelsesintervallet. Trykk på F5 -tasten for å sette inn en ramme fram til dette tidspunktet, som vil fortsette å vise bakgrunnen for hele mellomtiden

Lag en Flash -animasjon Trinn 15
Lag en Flash -animasjon Trinn 15

Trinn 7. Legg til nøkkelrammer

Hvis du legger til en nøkkelramme til banen, kan du endre objekter under bevegelse mellom. Du kan bare gjøre endringer i et objekt hvis det har et nøkkelbilde. For å legge til en nøkkelramme til et spor, må du først velge rammen du vil konvertere til en nøkkelramme på tidslinjen. Klikk deretter og dra objektet til posisjonen du vil ha på rammen. Sporet vil bli justert automatisk, og et nøkkelbilde vil bli lagt til på tidslinjen. Nøkkelbilder er merket med et diamantikon på tidslinjen.

Lag en Flash -animasjon Trinn 16
Lag en Flash -animasjon Trinn 16

Trinn 8. Juster tween -banen

For å endre banen til et objekt, kan du klikke og dra hver rammeposisjonsmarkør på banen til en ny plassering. Unngå å legge for mange variasjoner i banen, ellers vil objektet bevege seg uberegnelig (med mindre dette virkelig er målet ditt!).

Lag en Flash -animasjon Trinn 17
Lag en Flash -animasjon Trinn 17

Trinn 9. Transform objektet

Når nøkkelrammen og banen er definert, kan du transformere objektet slik at objektet endres når det beveger seg gjennom bevegelses -tween -banen. Du kan endre form, farge, rotasjon, størrelse og andre ting på objektet.

  • Velg rammen du vil transformere.
  • Åpne Egenskaper -panelet til objektet. Du kan trykke Ctrl+F3 hvis ruten ikke er synlig for øyeblikket.
  • Endre en verdi i Egenskaper -delen for å påvirke objektet. For eksempel kan du endre farge, legge til et filter eller endre skalaen.
  • Du kan også bruke Free Transform -verktøyet til å fritt endre formen på objektet slik du vil.
Lag en Flash -animasjon Trinn 18
Lag en Flash -animasjon Trinn 18

Trinn 10. Gjør siste hånd på det mellomliggende bildet

Test bevegelsesintervallet ved å trykke Ctrl+↵ Enter. Sørg for at transformasjonen ser bra ut og at animasjonen beveger seg med riktig hastighet. Hvis animasjonen beveger seg for fort, kan du senke FPS eller øke tidsintervallet mellom to.

  • Som standard er animasjonen FPS 24, så prøv å senke den til 12. For å gjøre dette, klikk utenfor historiens scene og endre FPS i Egenskaper -panelet. Å endre verdien til 12 vil doble animasjonens varighet, men animasjonens bevegelse kan bli mer "flassende".
  • Hvis du vil endre tidsperioden til en tween, velger du laget som inneholder tweenen og bruker glidebryteren til å dra den. Hvis du vil at mellomtiden skal være dobbelt så lang, utvider du den til 48 bilder. Sørg for å sette inn en tom ramme inne i bakgrunnslaget slik at bakgrunnen ikke forsvinner halvparten under animasjonen. For å utvide bakgrunnen, velg laget, klikk på den siste rammen av animasjonen på tidslinjen, og trykk deretter på F5 -tasten.

Metode 3 av 3: Legge til lyder og musikk

Lag en Flash -animasjon Trinn 19
Lag en Flash -animasjon Trinn 19

Trinn 1. Ta opp eller søk etter lydeffekter og musikk

Du kan legge til lydeffekter til handlingene som skjer i animasjonen for å gjøre den annerledes enn de andre og gi den en egen karakter. Musikk får animasjonene dine til å føles mer livlige, og kan gjøre gode animasjoner ekstraordinære. Flash støtter en rekke lydfilformater, inkludert AAC, MP3, WAV og AU. Velg formatet som gir den beste kvaliteten med den minste filstørrelsen.

MP3 -formatet vil vanligvis gi lydkvalitet som fortsatt er god og har en minimum filstørrelse. Unngå å bruke WAV -formatet hvis det er mulig, da de vanligvis er ganske store

Lag en Flash -animasjon Trinn 20
Lag en Flash -animasjon Trinn 20

Trinn 2. Importer lydfilene til biblioteket

Før du kan legge til lyd i et prosjekt, må lydfilen legges til i Flash -biblioteket. Dette lar deg raskt legge til lyd i prosjektet ditt senere. Klikk Fil → Importer → Importer til bibliotek. Søk etter lydfiler på datamaskinen din. Sørg for at lydfilen har et lett å huske navn, slik at du raskt kan finne den senere fra menyen.

Lag en Flash -animasjon Trinn 21
Lag en Flash -animasjon Trinn 21

Trinn 3. Lag et nytt lag for hver lydfil

Dette er egentlig ikke nødvendig, ettersom du kan legge til lyd i et eksisterende lag, men å plassere hver fil på et eget lag vil gi deg mye mer kontroll når det gjelder å falme inn og ut (fading inn og ut) lydinnstillinger. Eller stoppe lyden, og det er lettere å flytte lyden til en annen del.

Lag en Flash -animasjon Trinn 22
Lag en Flash -animasjon Trinn 22

Trinn 4. Lag et nøkkelbilde hvor lyden starter

Velg lydrammen i animasjonen der du vil at lyden skal starte. Trykk på F7 -tasten for å sette inn en tom nøkkelramme. For eksempel, hvis du vil inkludere en musikkfil som spilles av under hele animasjonen, velger du den første rammen på laget i musikkfilen. Hvis du legger til dialog for et tegn, velger du rammen som tegnet begynner å snakke i.

Lag en Flash -animasjon Trinn 23
Lag en Flash -animasjon Trinn 23

Trinn 5. Legg til lyd- eller musikkfiler

Inne i Properties -rammen vil du se delen Sound. Du må kanskje åpne den for å se alternativene. Klikk på "Navn" -menyen og velg filen du vil ha fra biblioteket.

Lag en Flash -animasjon Trinn 24
Lag en Flash -animasjon Trinn 24

Trinn 6. Organiser lydfiler

Etter at du har valgt en fil, kan du angi hvordan den skal spilles av. Det du velger vil være basert på den tiltenkte bruken av lyden i animasjonen. Du kan endre effekt, synkronisering og gjenta innstillingene for hver lyd ved hjelp av menyen under Navn -menyen i rammen Egenskaper.

  • Effekter. Denne innstillingen legger til effekter på lyden, for eksempel at lyden gradvis vises eller forsvinner, eller legger til ekko. Du kan velge mellom de eksisterende innstillingene i rullegardinmenyen, eller klikke på blyantikonet ved siden av menyen for å lage dine egne tilpassede innstillinger.
  • Synk. Denne innstillingen bestemmer hvordan sangen skal spilles i animasjonen. Arrangementet spiller en lyd til den er ferdig. Hvis den samme lyden utløses igjen før den forrige lyden slutter, fortsetter den originale lyden å spille til den er ferdig. Start ligner på Event, men stopper når lyden spilles av igjen. Stopp stopper lyden på rammen. Hvis du vil bruke dette alternativet sammen med andre lydalternativer, kan du opprette en ny nøkkelramme der du vil at lyden skal stoppe og bruke dette alternativet. Strømmen vil prøve å matche lyden som spilles med antall bilder på de andre lagene. Dette alternativet brukes best for dialog.
  • Gjenta. Denne innstillingen lar deg angi hvor lenge lyden skal gjentas. Du kan sette den til å spille bare én gang, eller gjenta så mange ganger du vil. Hvis animasjonen din er en looping -animasjon, må du sette musikken til å gjenta seg på ubestemt tid.
Lag en Flash -animasjon Trinn 25
Lag en Flash -animasjon Trinn 25

Trinn 7. Fullfør prosjektet

Når du endelig er ferdig med arbeidet med prosjektet, lagrer du det som en SWF -fil. Dette er formatet som brukes til å spille av filmer. Du kan spille den i nesten hvilken som helst nettleser, eller bruke en Flash -spiller som brukes spesielt for å se den. Det er også forskjellige nettsteder der du kan laste det opp for andre å se, for eksempel Newgrounds, Albino Blacksheep og Kongregate.

Lag en Flash -animasjon Trinn 26
Lag en Flash -animasjon Trinn 26

Trinn 8. Utvikle ditt fremtidige prosjekt videre

Denne guiden dekker det grunnleggende for å lage animasjoner, men det er så mye mer du kan lære og gjøre. Legg til noen knapper og et forgreningsplott, og du har ditt valg-ditt-eget-eventyrspill. Du kan ta krasjkurs i ActionScript og få mye mer kontroll over de finere detaljene i animasjonene dine. Fortsett å eksperimentere, så lærer du snart alle slags triks og implementeringene av dem.

Anbefalt: