Hvordan lage en Flash -animasjon (med bilder)

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

Dette regnes som den "tradisjonelle" animasjonsmetoden, ved at hver ramme har det samme bildet, men litt endret. Når bildene spilles sammen, ser det ut til at bildene beveger seg. Dette er den samme grunnleggende teknikken som brukes av tradisjonelle håndanimatorer, og er mer tidkrevende enn tweening (se neste avsnitt).

Som standard produserer Flash animasjoner med 24 bilder per sekund (FPS). Det betyr at ett sekund med animasjon vil ha 24 bilder, men ikke alle rammer må være forskjellige. Du kan justere dette hvis du vil, og mange Flash-animasjoner bruker 12 FPS, men 24 vil produsere mye "jevnere" animasjon

Trinn 2. Installer Flash Professional

Det finnes en rekke forskjellige Flash -animasjonsprogrammer, men det kraftigste er Adobes Flash Professional CC. Du kan installere prøveperioden gratis, eller du kan bruke et annet produkt hvis du ikke abonnerer på Adobes Creative Cloud. Resten av denne artikkelen vil referere til Flash Professional eller et annet redigeringsprogram som "Flash".

Trinn 3. Lag dine eiendeler

Fordi ramme-for-ramme-animasjon krever flere bilder med små forskjeller, må du lage alle disse eiendelene for hånd. Du kan lage dem alle før du begynner, eller lage dem mens du går. Du kan bruke Flash -programmet til å tegne direkte i prosjektet ditt, eller du kan tegne dine eiendeler i ditt favorittbildeopprettingsprogram.

Hvis du vil at bildene skaleres uten å gå på kompromiss med kvaliteten, vil du lage dem som vektorer i stedet for rastere. Vektorbilder tegner seg selv hver gang de skaleres, noe som betyr at det ikke vil være noen pixelering eller aliasing. Rasterbilder er de tradisjonelle bildene du sannsynligvis er vant til (bilder, malingsbilder osv.). Disse skalerer ikke godt, og kan se ganske stygge ut hvis du vil gjøre dem større

Trinn 4. Lag din første ramme

Når du starter Flash for første gang, vil du ha et tomt lag og en tom tidslinje. Når du legger til rammer, fylles tidslinjen din ut automatisk. Du kan samhandle med lag på samme måte som i Photoshop.

• Før du legger til bildet, må du lage en grunnleggende bakgrunn for filmen din. Gi nytt navn til Lag 1 til "Bakgrunn" og lås deretter laget. Lag et andre lag og navngi det hva du vil. Dette vil være laget du lager animasjonen din på.
• Legg til tegningen på lerretet i den første rammen. Du kan enten importere tegningen fra datamaskinen din, eller du kan bruke Flashs tegneverktøy til å lage en tegning direkte i programmet.
• Din første ramme vil være en nøkkelramme. Nøkkelbilder er rammer som har et bilde og danner ryggraden 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 hver fjerde-fem bilder gi en god animasjon.

Trinn 5. Gjør tegningen til et symbol

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

• Velg hele tegningen. Høyreklikk på utvalget og velg "Konverter til symbol". Dette vil legge til bildet i biblioteket ditt, slik at du raskt kan få tilgang til det i fremtiden.
• Slett tegningen. Ikke bekymre deg! Du vil legge det tilbake til scenen ved å dra objektet fra biblioteket. Du kan enkelt legge til flere forekomster av den samme tegningen til scenen din!

Trinn 6. Legg til noen tomme rammer

Når du har din første ramme klar, kan du legge til de tomme rammene som vil eksistere mellom den første nøkkelrammen og den andre nøkkelrammen. Trykk på F5 fire eller fem ganger for å legge til tomme rammer etter din første nøkkelramme.

Trinn 7. Lag din andre nøkkelramme

Når du har lagt til noen tomme rammer, er du klar til å lage din andre nøkkelramme. Det er i hovedsak to forskjellige måter du kan gjøre dette på: Du kan kopiere din eksisterende nøkkelramme og gjøre små justeringer, eller du kan lage en tom nøkkelramme og sette inn et nytt bilde. Hvis du bruker kunst laget i et annet program, vil du ha den andre metoden. Hvis du har laget din kunst ved hjelp av Flashs designverktøy, bruker du den første metoden.

• Trykk på F6 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 din og velg "Sett inn blank nøkkelramme". Alt i scenen din vil bli fjernet.
• Når du har opprettet din andre nøkkelramme, må du gjøre justeringer i bildet for å gi effekten av bevegelse. Hvis du bruker Flashs designverktøy, kan du bruke Transform-verktøyet til å velge aspekter av tegningen og flytte dem litt, for eksempel armen til en pinne-person.
• Hvis du setter inn ny kunst for hver nøkkelramme, vil du sørge for at den er plassert på samme sted eller på den neste logiske plasseringen på skjermen. Dette vil sikre at kunsten ikke hopper rundt mellom rammene.

Trinn 8. Gjenta prosessen

Nå som du har opprettet to nøkkelrammer, er det på tide å gjenta. Du vil gjenta den samme prosessen til du er ferdig med animasjonen. Legg til noen tomme rammer mellom hver nøkkelramme, og sørg for at bevegelsene dine ser flytende ut.

Gjør små, trinnvise endringer. Animasjonen din vil se mye jevnere ut hvis du gjør veldig små endringer i nøkkelrammen. For eksempel, hvis du vil at en pinne skal vinke med en arm, bør ikke den andre nøkkelrammen være den andre enden av bølgen. Bruk i stedet noen få nøkkelrammer for å overgå fra begynnelsen av bølgen til slutten. Dette vil gi en mye jevnere animasjon

Del 2 av 3: Lag en punkt-til-punkt-animasjon (Tweening)

Trinn 1. Forstå det grunnleggende om tweening

Flash inneholder en funksjon som kalles tweening, som lar deg i hovedsak angi start- og sluttpunkter for objektet ditt. Flash vil deretter flytte og transformere objektet basert på innstillingene dine mellom disse to punktene, og skape en illusjon av animasjon. Du trenger ikke å lage bilder for hver nøkkelramme slik du ville gjort med animasjon for bilde.

• Tweening er spesielt nyttig for å lage "morphing" -effekter, der ett objekt blir et annet i løpet av animasjonen.
• Bilde-for-ramme-animasjon og tweening kan brukes sammen i samme film.
• Du kan bare ha ett objekt som beveger seg mellom to om gangen. Dette betyr at hvis du vil at flere objekter skal animeres samtidig, må de alle være på separate lag.

Trinn 2. Lag ditt første objekt

I motsetning til bilde-for-ramme-animasjon, trenger du ikke å lage flere objekter for å animere ved hjelp av tween-funksjonen. I stedet vil du opprette ett objekt, og deretter endre egenskapene under tweeningsprosessen.

• Før du legger til bildet, må du lage en grunnleggende bakgrunn for filmen din. Gi lag 1 nytt navn til "Bakgrunn" og lås deretter laget. Lag et andre lag og navngi det hva du vil. Dette vil være laget du lager animasjonen din på.
• Det anbefales på det sterkeste at du bruker Flashs innebygde designverktøy eller importerer bildet ditt fra et vektortegningsprogram. Vektorer kan enkelt skaleres uten forvrengning, mens tradisjonelle rasterbilder ikke vil skalere og transformere godt.

Trinn 3. Konverter objektet til et symbol

For å skille mellom objektet ditt må du konvertere det til et symbol. Dette er formatet for objekter som Flash bruker for å manipulere dem. Hvis du prøver å tween et objekt som ikke er gjort til et symbol, blir du bedt om å gjøre det først.

Høyreklikk på objektet ditt og velg "Konverter til symbol" Objektet vil bli lagt til i biblioteket ditt, noe som gjør det enkelt å klone objekter

Trinn 4. Lag din første bevegelses -tween

En bevegelsestween flytter objektet fra et sted til et annet Høyreklikk på symbolet i scenen din og velg "Create Motion Tween". 24 bilder vil bli lagt til på tidslinjen din, da dette er standardlengden på en tween. Husk at Flash som standard vil animere seg med 24 bilder per sekund, noe som betyr at denne bevegelsesintervjuingen vil ta ett sekund å fullføre.

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

Trinn 5. Lag banen

Når du har opprettet tween, kan du flytte objektet til stedet du vil at det skal havne på. Flash vil vise banelinjen, som er prikket for å vise plasseringen av objektet for hver ramme av mellomtiden.

Når du først oppretter banen, vil den være en rett linje fra startpunktet til sluttpunktet

Trinn 6. Utvid bakgrunnsrammer

Hvis du kjørte animasjonen din akkurat nå, ville objektet bevege seg langs banen, men bakgrunnen din ville forsvinne etter en ramme. For å fikse dette må du utvide bakgrunnen din over alle bildene i animasjonen.

Velg bakgrunnslaget på tidslinjen. Klikk på den siste rammen på tidslinjen din, som også bør være rammen bevegelsen mellom ender på. Trykk på F5 for å sette inn rammer opp til dette punktet, slik at bakgrunnen din vises under hele mellomtiden

Trinn 7. Legg til nøkkelrammer

Hvis du legger til nøkkelrammer i banen, kan du forvandle objektet ditt under bevegelsen. Du kan bare gjøre endringer i et objekt hvis det er nøkkelrammet. Hvis du vil legge til nøkkelrammer i banen, velger du først rammen på tidslinjen du vil gjøre til en nøkkelramme. Klikk deretter og dra objektet til posisjonen du vil at det skal befinne seg i løpet av denne rammen. Banen din vil justeres automatisk, og en nøkkelramme vil bli lagt til på tidslinjen. Nøkkelbilder er markert med diamantikoner på tidslinjen.

Trinn 8. Juster tween -banen

For å endre banen til objektet ditt, kan du klikke og dra hver av rammeposisjonsmarkørene på banen til en ny plassering. Unngå å legge for mye variasjon i banen, ellers vil objektet bevege seg på en uberegnelig måte (med mindre dette er målet ditt!).

Trinn 9. Gjør om objektet

Når du har etablert nøkkelrammer og bane, kan du transformere objektet ditt slik at det endres når det beveger seg gjennom bevegelsen mellom bane. Du kan endre form, farge, rotasjon, størrelse og enhver annen egenskap til objektet.

• Velg rammen du vil at transformasjonen skal skje i.
• Åpne objektets Egenskaper -panel. Du kan trykke Ctrl+F3 hvis panelet ikke er synlig for øyeblikket.
• Endre eventuelle verdier i vinduet Egenskaper for å påvirke objektet. For eksempel kan du endre fargetone eller farge, legge til filtre eller endre skalaen.
• Du kan også bruke Free Transform -verktøyet til å fritt endre formen slik du vil.

Trinn 10. Gjør siste finpuss på din tween

Test bevegelsen mellom dem ved å trykke Ctrl+↵ Enter. Sørg for at transformasjonene ser bra ut og at animasjonen beveger seg med riktig hastighet. Hvis animasjonen din beveger seg for fort, kan du enten senke FPS for scenen eller øke mellomromstiden.

• Som standard er FPS 24, så prøv å senke den til 12. For å gjøre det, klikk utenfor scenen og endre FPS i panelet Egenskaper. Hvis du endrer den til 12, vil det doble lengden på animasjonen, men det kan gjøre den mer "rykkete".
• Hvis du vil endre intervallet mellom tennene, velger du laget som inneholder tweenen og bruker glidebryteren for å trekke det ut. Hvis du vil at mellomtiden skal være dobbelt så lang, utvider du den til 48 bilder. Sørg for å sette inn tomme rammer i bakgrunnslaget slik at bakgrunnen ikke forsvinner halvveis i animasjonen. For å utvide bakgrunnen, velg laget, klikk på den siste rammen i animasjonen på tidslinjen, og trykk deretter på F5

Del 3 av 3: Legge til lyd og musikk

Trinn 1. Ta opp eller finn lydeffekter og musikk

Du kan legge til lydeffekter til handlinger som skjer i animasjonen din for å få den til å skille seg ut og gi den litt personlighet. Musikk gjør animasjonen din mer oppslukende, og kan gjøre en god animasjon til en utrolig. Flash støtter en rekke filformater, inkludert AAC, MP3, WAV og AU. Velg på som gir deg den beste kvaliteten for den laveste filstørrelsen.

MP3 vil vanligvis gi deg helt akseptabel lydkvalitet samtidig som du holder filstørrelsen til et minimum. Unngå WAV -filer hvis mulig, da disse ofte er ganske store

Trinn 2. Importer lydfilene til biblioteket

Før du kan legge til lyder i prosjektet ditt, må de legges til i Flash's Library. Dette lar deg raskt legge dem til i prosjektet ditt senere. Klikk Fil → Importer → Importer til bibliotek. Søk etter lydfilen på datamaskinen din. Sørg for at lydfilen har et navn som er lett å huske, slik at du raskt kan finne den fra menyen senere.

Trinn 3. Lag et nytt lag for hver lydfil

Dette er ikke strengt nødvendig, ettersom du kan legge til lyd i eksisterende lag, men å sette hver fil på sitt eget lag vil gi deg mye mer kontroll over å falme inn og ut, når du skal starte og stoppe, og det er lettere å flytte lyder rundt.

Trinn 4. Lag et nøkkelbilde hvor lyden starter

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

Trinn 5. Legg til lyd- eller musikkfilen

I rammen Egenskaper ser du en Lyd -seksjon. Du må kanskje utvide den for å se alternativene. Klikk på "Navn" -menyen og velg filen du vil ha fra biblioteket.

Trinn 6. Konfigurer lydfilen

Når du har valgt en fil, kan du konfigurere hvordan den skal spilles av. Det du velger vil være basert på hva du trenger lyden for å oppnå i animasjonen. Du kan endre effekt, synkronisering og gjenta innstillinger for hver lyd ved å bruke menyen under Navn -menyen i rammen Egenskaper.

• Effekt - Dette lar deg legge til effekter på lyden, for eksempel å falme inn og ut eller legge til ekko. Du kan velge fra forhåndsinnstilte innstillinger i rullegardinmenyen, eller du kan klikke på blyantikonet ved siden av menyen for å lage dine egne tilpassede innstillinger.
• Synkronisering - Dette bestemmer hvordan sangen skal spilles av i animasjonen. Hendelsen spiller lyden til den er ferdig. Hvis den samme lyden utløses igjen før den første slutter, fortsetter originalen å spille til den er ferdig. Start fungerer som Event, men stopper hvis lyden spilles av igjen. Stopp stopper lyden i rammen. Hvis du vil bruke dette sammen med andre lydegenskaper, kan du opprette en ny nøkkelramme der du vil at lyden skal stoppe og bruke dette alternativet. Stream vil prøve å matche lyden som spilles med antall bilder på andre lag. Dette 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 få den til å løkke så mange ganger du vil. Hvis animasjonen din er en looping -animasjon, bør du sette musikken til å loopes uendelig.

Trinn 7. Fullfør prosjektet

Når du endelig er ferdig med prosjektet, lagrer du det som en SWF -fil. Dette er formatet som brukes til å spille filmen. Du kan spille den i praktisk talt hvilken som helst nettleser, eller bruke en dedikert Flash -spiller for å se den. Det finnes også en rekke nettsteder du kan laste det opp til for andre å se, for eksempel Newgrounds, Albino Blacksheep og Kongregate.

Trinn 8. Ta dine fremtidige prosjekter videre

Denne guiden tar for seg det grunnleggende for å lage en animasjon, men det er så mye mer du kan lære og gjøre. Legg til noen knapper og forgreningsbaner, så har du et valg-ditt-eget-eventyrspill. Du kan ta et krasjkurs i ActionScript og få mye mer kontroll over de finere detaljene i animasjonen din. Fortsett å eksperimentere, og du vil snart finne deg selv å lære alle slags triks og implementeringer.

Anbefalt:

Hvordan lage SVG -bilder: 13 trinn (med bilder)

Skalerbar vektorgrafikk (SVG) gir mulighet for flere interaktive elementer på nettsider uten å bruke så mye båndbredde som andre bildeformater som JPEG eller GIF, noe som gjør dem ideelle for webdesign. Noen digitale illustrasjonsprogrammer, som Adobe Illustrator, tilbyr SVG -alternativer, og det er online SVG -konverteringsnettsteder som er gratis å få tilgang til.

Hvordan lage Flash -kort i PowerPoint (med bilder)

Du kan lage minneverdige, effektive flash -kort i Microsoft PowerPoint ved å bruke enkle "tittel/brødtekst" lysbilder og "Fade In" -animasjonen. PowerPoint -flash -kort gir en rask og enkel måte å lage et gratis, effektivt studieverktøy.

Hvordan lage en enkel presentasjon ved hjelp av Flash (med bilder)

Denne artikkelen viser deg hvordan du lager en veldig enkel, men attraktiv ny Skyline Gt-R 32-presentasjon. Denne presentasjonen kan du bruke for alle blitsoverskrifter når du må presentere et produkt for flash -banner. Du trenger ikke å bruke handlingsskriptkode for å få dette til å fungere.

Hvordan lage en Motion Tween i Flash: 10 trinn (med bilder)

Hvis du er ny i flash og prøver å animere, kan du prøve dette. Tweening er den enkleste måten å animere i den kompliserte Flash -verdenen, denne artikkelen prøver å vise hvordan disse enkelt kan gjøres. Det antar at leseren er kjent med Flashs verktøy.

Hvordan lage en Shape Tween i Flash: 8 trinn (med bilder)

Formtweenen i Flash kan enkelt brukes til å transformere figurer. Du kan lage en trekant til en sirkel, en trapes et parallellogram eller en pukkelhval til en flaske sennep med noen få museklikk. Les videre for å finne ut hvordan du gjør denne kule effekten.