Sådan opretter du en Flash -animation (med billeder)

Indholdsfortegnelse:

Sådan opretter du en Flash -animation (med billeder)
Sådan opretter du en Flash -animation (med billeder)

Video: Sådan opretter du en Flash -animation (med billeder)

Video: Sådan opretter du en Flash -animation (med billeder)
Video: ABSOLUT OND ER INDEN FOR VÆGGENE I DET FORFÆRDELIGE HUS /EN TIL EN MED EN DEMON 2024, April
Anonim

Flash er det førende medie til animation på Internettet og endda til andre formater såsom fjernsyn. Oprettelse af en simpel Flash -animation i Flash er faktisk ret enkel at opnå, da Flash giver mange nyttige værktøjer, der forenkler hele processen. Hvis du har en idé til en Flash -animation eller en tegneserie, kan du sandsynligvis have en grov skitse på bare et par timer. Se trin #1 nedenfor for at lære, hvordan du gør det oprette en Flash -animation.

Support til Adobe Flash slutter i december 2020. Efter det tidspunkt vil det ikke længere være muligt at bruge Flash

Opret en Flash -animation Trin 1
Opret en Flash -animation Trin 1

Trin 1. Forstå det grundlæggende i frame-by-frame animation

Dette betragtes som den "traditionelle" animationsmetode, idet hver ramme har det samme billede, men er lidt ændret. Når billederne afspilles sammen, ser det ud til, at billederne bevæger sig. Dette er den samme grundlæggende teknik, der bruges af traditionelle håndanimatorer, og er mere tidskrævende end tweening (Se næste afsnit).

Som standard producerer Flash animationer med 24 billeder i sekundet (FPS). Det betyder, at et sekund af animationen vil have 24 billeder, men ikke alle rammer skal være forskellige. Du kan justere dette, hvis du vil, og mange Flash-animationer bruger 12 FPS, men 24 vil producere en meget "glattere" animation

Opret en Flash -animation Trin 2
Opret en Flash -animation Trin 2

Trin 2. Installer Flash Professional

Der findes en række forskellige Flash -animationsprogrammer, men det mest kraftfulde er Adobes Flash Professional CC. Du kan installere prøveperioden gratis, eller du kan bruge et andet produkt, hvis du ikke abonnerer på Adobes Creative Cloud. Resten af denne artikel omtaler Flash Professional eller et andet redigeringsprogram som "Flash".

Opret en Flash -animation Trin 3
Opret en Flash -animation Trin 3

Trin 3. Opret dine aktiver

Fordi ramme-for-ramme-animation kræver flere billeder med små forskelle, skal du oprette alle disse aktiver i hånden. Du kan oprette dem alle, før du begynder, eller lave dem, mens du går. Du kan bruge Flash -programmet til at tegne direkte i dit projekt, eller du kan tegne dine aktiver i dit foretrukne billedoprettelsesprogram.

Hvis du vil have dine billeder skaleret uden at gå på kompromis med kvaliteten, vil du gerne oprette dem som vektorer i stedet for raster. Vektorbilleder tegner sig selv, hver gang de skaleres, hvilket betyder, at der ikke vil være nogen pixelering eller aliasing. Rasterbilleder er de traditionelle billeder, du sandsynligvis er vant til (fotos, malingsbilleder osv.). Disse skalerer ikke godt, og kan se ganske grimme ud, hvis du vil gøre dem større

Opret en Flash -animation Trin 4
Opret en Flash -animation Trin 4

Trin 4. Opret din første ramme

Når du starter Flash første gang, har du et tomt lag og en tom tidslinje. Når du tilføjer rammer, udfyldes din tidslinje automatisk. Du kan interagere med lag på samme måde som i Photoshop.

  • Inden du tilføjer dit billede, skal du oprette en grundlæggende baggrund for din film. Omdøb lag 1 til "Baggrund", og lås derefter laget. Opret et andet lag, og navngiv det, hvad du vil. Dette er 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 tegneværktøjer til at oprette en tegning direkte i programmet.
  • Din første ramme vil være en nøgleramme. Nøglerammer er rammer, der har et billede og danner rygraden i din animation. Du opretter en ny nøgleramme hver gang billedet ændres.
  • Nøglerammer er markeret med en sort prik på tidslinjen.
  • Du behøver ikke et nyt billede i hver ramme. Generelt vil det have en god animation at have en nøgleramme for hver fire-fem billeder.
Opret en Flash -animation Trin 5
Opret en Flash -animation Trin 5

Trin 5. Gør din tegning til et symbol

Ved at gøre din tegning til et symbol, kan du nemt tilføje den flere gange i en ramme. Dette er især nyttigt, hvis du hurtigt skal oprette flere objekter, f.eks. En fiskeskole.

  • Vælg hele din tegning. Højreklik på markeringen og vælg "Konverter til symbol". Dette tilføjer billedet til dit bibliotek, hvor du hurtigt kan få adgang til det i fremtiden.
  • Slet tegningen. Bare rolig! Du tilføjer det tilbage til scenen ved blot at trække objektet fra dit bibliotek. Du kan nemt tilføje flere forekomster af den samme tegning til din scene!
Opret en Flash -animation Trin 6
Opret en Flash -animation Trin 6

Trin 6. Tilføj nogle tomme rammer

Når du har din første ramme klar, kan du tilføje dine tomme rammer, der vil eksistere mellem den første nøgleramme og den anden nøgleramme. Tryk på F5 fire eller fem gange for at tilføje tomme rammer efter din første nøgleramme.

Opret en Flash -animation Trin 7
Opret en Flash -animation Trin 7

Trin 7. Opret din anden nøgleramme

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

  • Tryk på F6 for at oprette en nøgleramme ved hjælp af indholdet i den tidligere nøgleramme. For at oprette en tom nøgleramme skal du højreklikke på den sidste ramme på din tidslinje og vælge "Indsæt tom nøgleramme". Alt i din scene vil blive fjernet.
  • Når du har oprettet din anden nøgleramme, skal du foretage justeringer af billedet for at give effekten af bevægelse. Hvis du bruger Flash's designværktøjer, kan du bruge Transform-værktøjet til at vælge aspekter af din tegning og flytte dem lidt, f.eks. Armen på en pind-person.
  • Hvis du indsætter ny kunst for hver nøgleramme, vil du gerne sikre, at den er placeret på det samme sted eller på den næste logiske placering på skærmen. Dette vil sikre, at kunsten ikke hopper rundt mellem rammer.
Opret en Flash -animation Trin 8
Opret en Flash -animation Trin 8

Trin 8. Gentag processen

Nu hvor du har oprettet to nøglerammer, er det tid til at gentage. Du vil i det væsentlige gentage den samme proces, indtil du er færdig med din animation. Tilføj et par tomme rammer mellem hver nøgleramme, og sørg for, at dine bevægelser ser flydende ud.

Foretag små, trinvise ændringer. Din animation vil se meget glattere ud, hvis du foretager meget små ændringer i nøglerammen. For eksempel, hvis du vil have en pindperson, der vifter med en arm, bør din anden nøgleramme ikke være den anden ende af bølgen. Brug i stedet et par nøglerammer til at overgå fra begyndelsen af bølgen til slutningen. Dette vil producere en meget glattere animation

Del 2 af 3: Lav en Point-to-Point animation (Tweening)

Opret en Flash -animation Trin 9
Opret en Flash -animation Trin 9

Trin 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 for dit objekt. Flash vil derefter flytte og transformere objektet baseret på dine indstillinger mellem disse to punkter, hvilket skaber en illusion af animation. Du behøver ikke at oprette billeder for hver nøgleramme, som du ville gøre med ramme-for-ramme-animation.

  • Tweening er især nyttig til at skabe "morphing" -effekter, hvor et objekt bliver et andet i løbet af animationen.
  • Frame-by-frame animation og tweening kan bruges sammen i den samme film.
  • Du kan kun have et objekt, der gennemgår en bevægelse mellem to ad gangen. Det betyder, at hvis du vil have flere objekter til at animere på én gang, skal de alle være på separate lag.
Opret en Flash -animation Trin 10
Opret en Flash -animation Trin 10

Trin 2. Opret dit første objekt

I modsætning til animation fra ramme til ramme behøver du ikke oprette flere objekter for at animere ved hjælp af tween-funktionen. I stedet vil du oprette et objekt og derefter ændre dets egenskaber under tweeningsprocessen.

  • Inden du tilføjer dit billede, skal du oprette en grundlæggende baggrund for din film. Omdøb lag 1 til "Baggrund", og lås derefter laget. Opret et andet lag, og navngiv det, hvad du vil. Dette er det lag, du opretter din animation på.
  • Det anbefales stærkt, at du bruger Flash's indbyggede designværktøjer eller importerer dit billede fra et vektortegningsprogram. Vektorer kan let skaleres uden forvrængning, mens traditionelle rasterbilleder ikke skaleres og transformeres godt.
Opret en Flash -animation Trin 11
Opret en Flash -animation Trin 11

Trin 3. Konverter dit objekt til et symbol

For at mellemkoble dit objekt skal du konvertere det til et symbol. Dette er formatet til objekter, som Flash bruger for at manipulere dem. Hvis du forsøger at interferere et objekt, der ikke er blevet til et symbol, bliver du bedt om at gøre det først.

Højreklik på dit objekt og vælg "Konverter til symbol" Objektet tilføjes til dit bibliotek, hvilket gør det let at klone objekter

Opret en Flash -animation Trin 12
Opret en Flash -animation Trin 12

Trin 4. Opret din første motion -tween

En bevægelsestween flytter objektet fra et sted til et andet Højreklik på symbolet i din scene, og vælg "Create Motion Tween". 24 rammer tilføjes til din tidslinje, da dette er standardlængden for en tween. Husk, at Flash som standard animerer sig med 24 billeder i sekundet, hvilket betyder, at denne bevægelse mellem vil tage et sekund at fuldføre.

Når du opretter en bevægelses -tween, flyttes du automatisk til den sidste ramme af tweenen

Opret en Flash -animation Trin 13
Opret en Flash -animation Trin 13

Trin 5. Opret banen

Når du har oprettet tween, kan du flytte objektet til det sted, du vil have det til at ende på. Flash viser banelinjen, som er prikket for at vise objektets placering for hver ramme i mellemrummet.

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

Opret en Flash -animation Trin 14
Opret en Flash -animation Trin 14

Trin 6. Udvid dine baggrundsrammer

Hvis du kørte din animation lige nu, ville dit objekt bevæge sig langs banen, men din baggrund ville forsvinde efter en ramme. For at løse dette skal du udvide din baggrund på tværs af alle rammerne i animationen.

Vælg dit baggrundslag på tidslinjen. Klik på den sidste ramme på din tidslinje, som også skal være den ramme, din bevægelse imellem ender på. Tryk på F5 for at indsætte rammer op til dette punkt, så din baggrund vil blive vist under hele mellemtiden

Opret en Flash -animation Trin 15
Opret en Flash -animation Trin 15

Trin 7. Tilføj nøglerammer

Tilføjelse af nøglerammer til din bane giver dig mulighed for at transformere dit objekt under bevægelsen mellem. Du kan kun foretage ændringer af et objekt, hvis det er keyframed. Hvis du vil tilføje nøglerammer til din bane, skal du først vælge den ramme på tidslinjen, som du vil omdanne til en nøgleramme. Klik derefter på og træk objektet til den position, du vil have det i, under denne ramme. Din bane justeres automatisk, og en nøgleramme tilføjes til tidslinjen. Nøglerammer er angivet med diamantikoner på tidslinjen.

Opret en Flash -animation Trin 16
Opret en Flash -animation Trin 16

Trin 8. Juster din tween -bane

Hvis du vil ændre stien til dit objekt, kan du klikke og trække hver af rammepositionsmarkørerne på stien til en ny placering. Undgå at lægge for meget variation i stien, ellers vil objektet bevæge sig uregelmæssigt (medmindre dette er dit mål!).

Opret en Flash -animation Trin 17
Opret en Flash -animation Trin 17

Trin 9. Transformér dit objekt

Når du har etableret dine nøglerammer og bane, kan du omdanne dit objekt, så det ændrer sig, når det bevæger sig gennem bevægelses -mellembanen. Du kan ændre objektets form, farve, rotation, størrelse og enhver anden egenskab.

  • Vælg den ramme, du vil have transformationen til at finde sted i.
  • Åbn panelet Egenskaber i objektet. Du kan trykke på Ctrl+F3, hvis panelet ikke er synligt i øjeblikket.
  • Rediger eventuelle værdier i vinduet Egenskaber for at påvirke objektet. For eksempel kan du ændre nuance eller farve, tilføje filtre eller ændre skalaen.
  • Du kan også bruge værktøjet Free Transform til frit at ændre formen, som du vil.
Opret en Flash -animation Trin 18
Opret en Flash -animation Trin 18

Trin 10. Lav sidste hånd på 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 hurtigt, kan du enten sænke scenens FPS eller øge mellemrummet.

  • 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. Hvis du ændrer den til 12, fordobles længden af din animation, men kan gøre den mere "rykende".
  • Hvis du vil ændre dit mellemrum, skal du vælge det lag, der indeholder mellemstykket, og bruge skyderen til at trække det ud. Hvis du vil have mellemtiden til at være dobbelt så lang, skal du forlænge den til 48 billeder. Sørg for at indsætte tomme rammer i dit baggrundslag, så baggrunden ikke forsvinder halvvejs i animationen. For at udvide baggrunden skal du vælge laget, klikke på den sidste ramme i animationen på tidslinjen og derefter trykke på F5

Del 3 af 3: Tilføjelse af lyd og musik

Opret en Flash -animation Trin 19
Opret en Flash -animation Trin 19

Trin 1. Optag eller find dine lydeffekter og musik

Du kan tilføje lydeffekter til handlinger, der forekommer i din animation, for at få den til at skille sig ud og give den en vis personlighed. Musik gør din animation mere fordybende og kan gøre en god animation til en utrolig. Flash understøtter en række forskellige filformater, herunder AAC, MP3, WAV og AU. Vælg den på, der giver dig den bedste kvalitet til den laveste filstørrelse.

MP3 vil typisk give dig en helt acceptabel lydkvalitet, samtidig med at filstørrelsen holdes på et minimum. Undgå WAV -filer, hvis det er muligt, da disse ofte er ret store

Opret en Flash -animation Trin 20
Opret en Flash -animation Trin 20

Trin 2. Importer lydfilerne til dit bibliotek

Inden du kan tilføje lyde til dit projekt, skal de tilføjes til Flash's Library. Dette giver dig mulighed for hurtigt at føje dem til dit projekt senere. Klik på Fil → Importer → Importer til bibliotek. Søg efter lydfilen på din computer. Sørg for, at lydfilen har et let at huske navn, så du hurtigt kan finde den fra menuen senere.

Opret en Flash -animation Trin 21
Opret en Flash -animation Trin 21

Trin 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 du skal starte og stoppe, og det er lettere at flytte lyde rundt.

Opret en Flash -animation Trin 22
Opret en Flash -animation Trin 22

Trin 4. Opret en nøgleramme, hvor lyden starter

På lydens lag skal du vælge den ramme i den animation, du vil have lyden til at starte med. Tryk på F7 for at indsætte en tom nøgleramme. Hvis du f.eks. Vil inkludere en musikfil, der afspilles under 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.

Opret en Flash -animation Trin 23
Opret en Flash -animation Trin 23

Trin 5. Tilføj lyd- eller musikfilen

I rammen Egenskaber vil du se en lydafdeling. Du skal muligvis udvide den for at se mulighederne. Klik på menuen "Navn", og vælg den fil, du vil have fra dit bibliotek.

Opret en Flash -animation Trin 24
Opret en Flash -animation Trin 24

Trin 6. Konfigurer lydfilen

Når du har valgt en fil, kan du konfigurere, hvordan den skal afspilles. Det, du vælger, vil være baseret på, hvad du har brug for lyden til at opnå i animationen. Du kan ændre effekt, synkronisering og gentagelsesindstillinger for hver lyd ved hjælp af menuen under menuen Navn i rammen Egenskaber.

  • Effekt - Dette lader tilføje effekter til lyden, f.eks. Fading ind og ud eller tilføjelse af 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 tilpassede indstillinger.
  • Sync - Dette bestemmer, hvordan sangen afspilles i animationen. Begivenheden afspiller lyden, indtil den er færdig. Hvis den samme lyd udløses igen, før den første slutter, fortsætter originalen med at spille, indtil den er færdig. Start fungerer som Begivenhed, men stopper, hvis lyden afspilles igen. Stop stopper lyden i den ramme. Hvis du vil bruge dette sammen med andre lydegenskaber, skal du oprette en ny nøgleramme, hvor du vil have lyden til at stoppe og bruge denne mulighed. Stream vil forsøge at matche den lyd, der afspilles, med antallet af billeder på andre lag. Dette bruges bedst til dialog.
  • Gentag - Denne indstilling giver dig mulighed for at indstille, hvor længe lyden skal gentages. Du kan kun indstille den til at afspille en gang, eller få den til at løkke så mange gange, du vil. Hvis din animation er en looping -animation, skal du indstille din musik til at loopes uendeligt.
Opret en Flash -animation Trin 25
Opret en Flash -animation Trin 25

Trin 7. Afslut dit projekt

Når du endelig er færdig med dit projekt, skal du gemme det som en SWF -fil. Dette er det format, der bruges til at afspille filmen. Du kan afspille den i stort set alle webbrowsere eller bruge en dedikeret Flash -afspiller til at se den. Der er også en række forskellige steder, som du kan uploade den til, så andre kan se den, f.eks. Newgrounds, Albino Blacksheep og Kongregate.

Opret en Flash -animation Trin 26
Opret en Flash -animation Trin 26

Trin 8. Tag dine fremtidige projekter videre

Denne vejledning omhandler det grundlæggende ved at oprette en animation, men der er så meget mere, du kan lære og gøre. Tilføj et par knapper og forgreningsstier, og du har et valg-dit-eget-eventyrspil. Du kan tage et lynkursus i ActionScript og få meget mere kontrol over de finere detaljer i din animation. Fortsæt med at eksperimentere, og du vil snart finde dig selv at lære alle slags tricks og implementeringer.

Anbefalede: