Sådan oprettes en flash animation (med billeder)

Flash er det førende medium til animation på internettet, og selv på andre formater som fjernsyn. Oprettelse af en simpel flash animation i Flash er faktisk ret nem at opnå, da Flash giver mange nyttige værktøjer, der forenkler hele processen. Hvis du har en ide til en flash animation eller en tegneserie, kan du nok have en hård skitse, der går på bare et par timer. Se trin # 1 nedenfor for at lære at Opret en flash animation.

Støtte til Adobe Flash Ends i december 2020.Efter den tid vil det ikke længere være muligt at bruge Flash.

Denne artikel er blevet markeret som historisk.

Adobe Flash Player er blevet afbrudt, og stoppet fungerer den 12. januar, 2021.(Indsendt 2021-01-12).

Trin

Del 1 af 3:

Gør en ramme-by-frame flash animation

1. Forstå det grundlæggende ved ramme-for-ramme animation. Dette betragtes som "traditionel" Metode til animation, idet hver ramme har det samme billede, men lidt ændret. Når rammerne spilles sammen, synes billederne at flytte. Dette er den samme grundlæggende teknik, der anvendes af traditionelle hånd animatorer, og er mere tidskrævende end Tweening (se næste afsnit).

Som standard producerer Flash animationer på 24 billeder pr. Sekund (FPS). Det betyder, at et sekund af animationen vil have 24 rammer, men ikke hver ramme skal være anderledes. Du kan justere dette, hvis du vil, og mange flash animationer bruger 12 fps, men 24 vil producere meget "glattere"-ser animation.

Billede med titlen Opret en Flash animation Trin 2

2. Installer Flash Professional. Der er en række flash animationsprogrammer tilgængelige, men den mest magtfulde er Adobes Flash Professional CC. Du kan installere retssagen gratis, eller du kan bruge et andet produkt, hvis abonnenter på Adobes Creative Cloud ikke appellerer til dig. Resten af denne artikel vil henvise til Flash Professional eller et andet redigeringsprogram som "Blitz".

Billede med titlen Opret en flash animation Trin 3

3. Opret dine aktiver. Fordi ramme-by-frame animation kræver flere billeder med små forskelle, skal du oprette alle disse aktiver med hånden. Du kan oprette dem alle, før du begynder, eller gør dem som du går. Du kan bruge Flash-programmet til at tegne direkte i dit projekt, eller du kan tegne dine aktiver i dit yndlingsbilledskabelsesprogram.

Hvis du vil have dine billeder til at skalere uden at ofre kvalitet, vil du gerne oprette dem som vektorer i stedet for rastere. Vektorbilleder vil omdanne sig selv, når de skaleres, hvilket betyder, at der ikke vil være nogen pixelation eller aliasing. Rasterbilleder er de traditionelle billeder, du sandsynligvis er vant til (fotos, maling billeder osv.). Disse skal ikke omfatte godt, og kan se ganske grimt ud, hvis du vil gøre dem større.

Billede med titlen Opret et flash animation Trin 4

4. Opret din første ramme. Når du først starter Flash, vil du have et blankt lag og en tom tidslinje. Når du tilføjer rammer, vil din tidslinje blive befolket automatisk. Du kan interagere med lag meget på samme måde som du ville i Photoshop.

Før du tilføjer dit billede, skal du oprette en grundlæggende baggrund for din film. Omdøbslag 1 til "Baggrund" og lås derefter laget. Opret et andet lag og navngiv det, hvad du vil have. Dette vil være det lag, du opretter din animation på.

Tilføj din tegning til lærredet i den første ramme. Du kan enten importere din tegning fra din computer, eller du kan bruge Flash`s tegnefunktioner til at oprette en tegning direkte i programmet.

Din første ramme vil være en Keyframe. Keyframes er rammer, der har et billede, og danner rygraden i din animation. Du vil oprette en ny keyframe hver gang billedet ændres.

Keyframes betegnes af en sort prik i tidslinjen.

Du behøver ikke et nyt billede i hver ramme. Generelt har en keyframe hver fire-fem rammer producere en god animation.

Billedet med titlen Opret en flash animation Trin 5

5. Vend din tegning til en symbol. Ved at dreje din tegning i et symbol kan du nemt tilføje det flere gange i en ramme. Dette er især nyttigt, hvis du hurtigt har brug for at oprette flere objekter, såsom en fiskeskole.

Vælg hele din tegning. Højreklik på markeringen og vælg "Konvertere til symbol". Dette vil tilføje billedet til dit bibliotek, hvor du hurtigt kan få adgang til det i fremtiden.

Slet tegningen. Ikke bekymre dig! Du vil tilføje det tilbage til scenen ved blot at trække objektet fra dit bibliotek. Du kan tilføje flere forekomster af samme tegning til din scene med lethed!

Billedet med titlen Opret en Flash Animation Trin 6

6. Tilføj nogle blanke rammer. Når du har din første ramme klar, kan du tilføje dine tomme rammer, der vil eksistere mellem den første keyframe og den anden keyframe. Trykke F5 fire eller fem gange for at tilføje blanke rammer efter din første keyframe.

Billede med titlen Opret en flash animation Trin 7

7. Opret din anden keyframe. Når du har tilføjet et par tomme rammer, er du klar til at oprette din anden keyframe. Der er i det væsentlige to forskellige måder, du kan gøre dette på: Du kan kopiere din eksisterende keyframe og lave små justeringer, eller du kan oprette en tom keyframe og indsætte et nyt billede. Hvis du bruger kunst oprettet i et andet program, vil du have den anden metode. Hvis du oprettede din kunst ved hjælp af Flashs designværktøj, skal du bruge den første metode.

For at oprette en keyframe ved hjælp af indholdet på den forrige keyframe, tryk på F6. For at oprette en blank keyframe, højreklik på den sidste ramme i din tidslinje og vælg "Indsæt blank keyframe". Alt i din scene vil blive fjernet.

Når du har oprettet din anden keyframe, skal du foretage justeringer af billedet for at give effekten af bevægelse. Hvis du bruger Flashs designværktøjer, kan du bruge Transform-værktøjet til at vælge aspekter af din tegning og flytte dem lidt, som f.eks. En stokpersons arm.

Hvis du indsætter ny kunst for hver keyframe, vil du gerne sikre, at den er placeret på samme sted eller i den næste logiske placering på skærmen. Dette vil sikre, at kunsten ikke hopper rundt mellem rammer.

Billedet med titlen Opret et flash animation Trin 8

8. Gentag processen. Nu hvor du har oprettet to keyframes, er det tid til at gule. Du vil gentage i det væsentlige den samme proces, indtil du er færdig med din animation. Tilføj et par tomme rammer mellem hver keyframe, og sørg for, at dine bevægelser ser væske.

Lav små, inkrementelle ændringer. Din animation vil se meget glattere ud, hvis du laver meget små ændringer i keyframe. For eksempel, hvis du vil have en pindperson, der vinker en arm, bør din anden keyframe ikke være den anden ende af bølgen. I stedet skal du bruge et par keyframes til at overføre fra begyndelsen af bølgen til slutningen. Dette vil producere en meget glattere animation.

Del 2 af 3:

Gør et punkt-til-punkt animation (Tweening)

1. Forstå det grundlæggende i Tweening. Flash indeholder en funktion kaldet Tweening, som giver dig mulighed for i det væsentlige at indstille start- og slutpunkter til dit objekt. Flash vil derefter flytte og omdanne objektet baseret på dine indstillinger mellem disse to punkter, hvilket skaber illusionen af animation. Du behøver ikke at oprette billeder til hver keyframe, som du ville med frame-by-frame animation.

Tweening er især nyttig til at skabe "morphing" Effekter, hvor et objekt bliver en anden i løbet af animationen.
Frame-by-frame animation og tweening kan bruges sammen i samme film.
Du kan kun have et objekt, der gennemgår et motion mellem på et tidspunkt. Det betyder, at hvis du vil have flere objekter at animere på én gang, skal de alle være på separate lag.

Billede med titlen Opret et flash animation Trin 10

2. Opret dit første objekt. I modsætning til frame-by-frame animation behøver du ikke at oprette flere objekter for at animere ved hjælp af tween-funktionen. I stedet vil du oprette et objekt, og derefter ændre sine egenskaber under Tweening-processen.

Det anbefales højt, at du bruger Flashs indbyggede designværktøjer eller importerer dit billede fra et vektor tegningsprogram. Vektorer kan lette uden forvrængning, mens traditionelle rasterbilleder ikke vil skalere og omdanne godt.

Billedet med titlen Opret en Flash Animation Trin 11

3. Konverter dit objekt til et symbol. For at tween dit objekt skal du konvertere det til et symbol. Dette er formatet for objekter, der blinker bruger for at manipulere dem. Hvis du forsøger at tween et objekt, der ikke er blevet lavet i et symbol, bliver du bedt om at gøre det først.

Højreklik på dit objekt og vælg "Konvertere til symbol" Objektet vil blive tilføjet til dit bibliotek, hvilket gør det nemt at klone objekter.

Billedet med titlen Opret en Flash animation Trin 12

4. Opret din første bevægelse mellem. En bevægelse Tween flytter objektet fra et sted til et andet højreklik på symbolet i din scene og vælg "Skabe bevægelse tween". 24 rammer vil blive tilføjet til din tidslinje, da dette er standardlængden på en tween. Husk, ved at standard flash vil animere på 24 billeder pr. Sekund, hvilket betyder at denne bevægelse tween vil tage et sekund at fuldføre.

Når du opretter Motion Tween, flyttes du automatisk til den sidste ramme af tween.

Billedet med titlen Opret et flash animation Trin 13

5. Opret trajectory. Når du har oprettet tween, kan du flytte objektet til det sted, du vil have det til at ende på. Flash viser Trajectory-linjen, som er præget for at vise placeringen af objektet for hver ramme af tween.

Når du først opretter bane, vil det være en lige linje fra startpunktet til slutpunktet.

Billedet med titlen Opret en Flash animation Trin 14

6. Udvid dine baggrundsrammer. Hvis du kørte din animation lige nu, ville dit objekt flytte langs bane, men din baggrund ville forsvinde efter en ramme. For at løse dette skal du udvide din baggrund på tværs af alle rammerne af animationen.

Vælg dit baggrundslag i tidslinjen. Klik på den sidste ramme på din tidslinje, som også skal være rammen, din bevægelse Tween ender på. Trykke F5 For at indsætte rammer op til dette punkt, som vil holde din baggrund vist under hele tween.

Billedet med titlen Opret en flash animation Trin 15

7. Tilføj keyframes. Tilføjelse af keyframes til din bane giver dig mulighed for at omdanne dit objekt under bevægelsen Tween.Du kan kun foretage ændringer i et objekt, hvis det er keyframed. For at tilføje keyframes til din bane, skal du først vælge rammen i tidslinjen, som du vil blive til en keyframe. Klik derefter på og træk objektet i den position, du vil have det til at være på under den ramme. Din bane vil justere automatisk, og en keyframe vil blive tilføjet til tidslinjen. Keyframes betegnes af diamantikoner i tidslinjen.

Billedet med titlen Opret en flash animation Trin 16

8. Juster din Tween Traectory. For at ændre stien til dit objekt kan du klikke og trække hver af rammens positionsmarkører på stien til en ny placering. Undgå at sætte for meget variation i stien, eller objektet vil bevæge sig på en uregelmæssig måde (medmindre dette er dit mål!).

Billede med titlen Opret et flash animation Trin 17

9. Omdanne dit objekt. Når du har fået dine keyframes og trajectory etableret, kan du omdanne dit objekt, så det ændres, når det bevæger sig gennem bevægelsesstanken. Du kan ændre form, farve, rotation, størrelse og enhver anden egenskab af objektet.

Vælg den ramme, du vil have, at transformationen skal forekomme i.

Åbn objektets egenskabspanel. Du kan trykke på Ctrl+F3 Hvis panelet ikke er synligt.

Skift eventuelle værdier i vinduet Egenskaber for at påvirke objektet. For eksempel kan du ændre nuance eller farve, tilføj filtre, eller ændre skalaen.

Du kan også bruge værktøjet gratis transformation til frit at ændre formen, men du vil gerne have.

Billedet med titlen Opret en flash animation Trin 18

10. Gøre efterbehandlinger til din tween. Test din bevægelse mellem ved at trykke på Ctrl+ ↵ ENTER. Sørg for, at transformationerne ser godt ud, og at animationen bevæger sig med den korrekte hastighed. Hvis din animation bevæger sig for hurtig, kan du enten sænke FPS`en på scenen eller øge tween span.

Som standard er FPS 24, så prøv at sænke den til 12. For at gøre det skal du klikke uden for scenen og derefter ændre FPS i Panelet Egenskaber. Ændring af det til 12 vil fordoble længden af din animation, men kan gøre det mere "Jerky".

Hvis du vil ændre din Tween Span, skal du vælge det lag, der indeholder tween og brug skyderen til at trække det ud. Hvis du vil have tween til at være dobbelt så længe, skal du udvide den til 48 rammer. Sørg for at indsætte blanke rammer i dit baggrundslag, så baggrunden ikke forsvinder halvvejs gennem animationen. For at udvide baggrunden skal du vælge laget, klikke på den sidste ramme for animationen i tidslinjen, og tryk derefter på F5

Del 3 af 3:

Tilføjelse af lyd og musik

1. Optag eller find dine lydeffekter og musik. Du kan tilføje lydeffekter til handlinger, der opstår i din animation for at hjælpe med at få det til at skille sig ud og give det en personlighed. Musik gør din animation mere fordybende, og kan gøre en god animation til en utrolig en. Flash understøtter en række filformater, herunder AAC, MP3, WAV og AU. Vælg den, der giver dig den bedste kvalitet til den laveste filstørrelse.

MP3 vil typisk give dig helt acceptabel lydkvalitet, mens du holder filstørrelsen til et minimum. Undgå WAV-filer Hvis det er muligt, da disse ofte er ret store.

Billede med titlen Opret et flash animation Trin 20

2. Importer lydfilerne til dit bibliotek. Før du kan tilføje lyde til dit projekt, skal de tilføjes til Flashs bibliotek. Dette giver dig mulighed for hurtigt at tilføje dem til dit projekt senere. Klik på Filer → Import → Importer til biblioteket. Gennemse for lydfilen på din computer. Sørg for, at lydfilen har et nemt at huske navn, så du hurtigt kan finde den fra menuen senere.

Billede med titlen Opret en flash animation Trin 21

3. Opret et nyt lag for hver lydfil. Dette er ikke strengt nødvendigt, da du kan tilføje lyd til eksisterende lag, men at sætte hver fil på sit eget lag vil give dig meget mere kontrol over fading ind og ud, hvornår man skal starte og stoppe, og det er lettere at flytte lyde rundt.

Billedet med titlen Opret en flash animation Trin 22

4. Opret en keyframe, hvor lyden starter. På lydets lag skal du vælge rammen i den animation, du vil have lyden til at starte på. Trykke F7 Sådan indsættes en blank keyframe. For eksempel, hvis du vil medtage en musikfil, der afspilles i animationens varighed, skal du vælge den første ramme på musikfilens lag. Hvis du tilføjer dialog for et tegn, skal du vælge den ramme, hvor tegnet begynder at tale.

Billedet med titlen Opret en Flash Animation Trin 23

5. Tilføj lyd- eller musikfilen. I egenskabsrammen vil du se en lydafdeling. Du skal muligvis udvide det for at se mulighederne. Klik på "Navn" Menu og vælg den fil, du vil have fra dit bibliotek.

Billedet med titlen Opret en Flash Animation Trin 24

6. Konfigurer lydfilen. Når du har valgt en fil, kan du konfigurere, hvordan den vil afspille. Hvad du vælger vil være baseret på, hvad du har brug for lyden til at opnå i animationen. Du kan ændre effekten, synkroniseringen og gentagelsesindstillingerne for hver lyd ved hjælp af menuen under navnemenuen i egenskabsrammen.

Effekt - Dette giver mulighed for at tilføje effekter til lyden, som f.eks. Fading ind og ud eller tilføjer ekko. Du kan vælge fra forudindstillede indstillinger i rullemenuen, eller du kan klikke på blyantikonet ved siden af menuen for at oprette dine egne brugerdefinerede indstillinger.

Synkronisering - Dette bestemmer, hvordan sangen afspilles i animationen. Begivenhed vil spille lyden, indtil den er færdig. Hvis den samme lyd udløses igen, før den første ender, vil originalen fortsætte med at spille, indtil den er færdig. Start Fungerer som begivenhed, men stopper, hvis lyden afspilles igen. Hold op stopper lyden i den ramme. Hvis du vil bruge dette i forbindelse med andre lydegenskaber, skal du oprette en ny keyframe, hvor du vil have lyden til at stoppe og bruge denne indstilling. Strøm vil forsøge at matche den lyd, der spiller med antallet af rammer på andre lag. Dette bruges bedst til dialog.

Gentag - Denne indstilling giver dig mulighed for at indstille, hvor længe lyden gentages. Du kan indstille den til kun at spille én gang, eller få det sløjfe så mange gange som du vil. Hvis din animation er en looping animation, skal du sætte din musik til loop uendeligt.

Billede med titlen Opret en flash animation Trin 25

7. Afslut dit projekt. Når du endelig er færdig med dit projekt, skal du gemme det som en SWF-fil. Dette er formatet, der bruges til at afspille filmen. Du kan afspille det i stort set enhver webbrowser, eller brug en dedikeret Flash Player til at se den. Der er også en række websteder, som du kan uploade det til for andre at se, som f.eks. Newgrounds, Albino BlackSheep og KongRegate.

Billedet med titlen Opret et flash animation Trin 26

8. Tag dine fremtidige projekter yderligere. Denne vejledning adresserer det grundlæggende ved at skabe en animation, men der er så meget mere, du kan lære og gøre. Tilføj et par knapper og forgreningsveje, og du har et valg af dit eget eventyrspil. Du kan tage en Crash kursus i ActionScript og få meget mere kontrol over de finere detaljer om din animation. Fortsæt eksperimentere, og du vil snart finde dig selv at lære alle former for tricks og implementeringer.