Flash är det primära mediet för animering på Internet, och även i andra format, till exempel tv. Att skapa en enkel Flash -animation i ett Flash -program är faktiskt ganska enkelt att göra, eftersom Flash erbjuder många användbara verktyg som förenklar hela processen. Om du redan har en idé för en Flash -animering eller tecknad film, har du troligen en grov skiss på bara några timmar. Se guiden nedan för att lära dig hur du skapar en Flash -animation.
Steg
Metod 1 av 3: Skapa en ram-för-ram-flashanimering
Steg 1. Förstå grunderna i bild-för-bild-animering
Denna metod anses vara en traditionell metod för animering, när varje bildruta (en bild som komponerar en animation) har samma bild men ändras något. När bildrutor spelas upp tillsammans verkar bilden röra sig. Detta är samma grundteknik som används av traditionella animatörer som ritar varje bildruta för hand, men tar mer tid än interponeringsmetoden (se nästa avsnitt).
Som standard producerar Flash animeringar med 24 bilder per sekund (FPS). Det betyder att en sekund av animationen kommer att ha 24 bildrutor, men varje bildruta behöver inte vara annorlunda. Du kan justera detta om du vill, och många Flash -animationer använder 12 FPS, men 24 FPS resulterar i en mycket mjukare animering
Steg 2. Installera Flash Professional -programmet
Det finns olika Flash -animationsprogram tillgängliga, men det bästa är Adobe Flash Professional CC. Du kan göra en kostnadsfri provinstallation eller använda en annan produkt om du inte prenumererar på Adobe Creative Cloud. Resten av denna artikel kommer att hänvisa till Flash Professional eller andra redigeringsprogram som "Flash".
Steg 3. Skapa dina tillgångar
Eftersom ram-för-bild-animering kräver flera bilder med små skillnader måste du skapa alla dessa tillgångar för hand. Du kan skapa dem alla innan du börjar, eller så kan du skapa dem efter att du har börjat. Du kan använda Flash -programmet för att rita direkt i projektet, eller så kan du rita tillgångar i ditt favoritritningsprogram.
Om du vill att storleken på en bild ska ändras utan att offra kvalitet måste du återge den som en vektor, inte som en raster. Vektorbilder ritas om automatiskt när de skalas, vilket innebär att det inte blir någon pixelering eller aliasing (en schackbrädeffekt som visas när bilden förstoras). Rasterbilder är traditionella bilder du är van vid att se (foton, bilder från Paint -programmet, etc.). Rasterbilder blir inte bra och kan se ganska dåliga ut när de förstoras
Steg 4. Skapa den första ramen
När du startar Flash -programmet får du ett tomt lager och en tom tidslinje. När du lägger till en ram fylls tidslinjen automatiskt. Du kan interagera med lager ungefär som i Photoshop.
- Innan du lägger till bilder, skapa en grundläggande bakgrund för din film. Byt namn på lager 1 "Bakgrund" och lås sedan lagret. Skapa ett andra lager och namnge det vad du vill. Detta lager kommer att vara det lager där du skapar animationen.
- Lägg till en bild på duken i den första ramen. Du kan importera bilder från din dator eller använda Flash -ritverktyg för att skapa bilder direkt i programmet.
- Din första ram kommer att vara en "nyckelram" (nyckelbild). Nyckelbilder är ramar som innehåller bilder och utgör kärnan i din animering. Du kommer att skapa en ny nyckelbildram varje gång bilden ändras.
- Nyckelrutor är markerade med en svart prick på tidslinjen.
- Du behöver inte en ny bild i varje bildruta. I allmänhet ger en nyckelbildram var fjärde eller fem bildrutor en bra animering.
Steg 5. Förvandla bilden till en symbol
Genom att förvandla en bild till en symbol kan du enkelt lägga till den flera gånger inom en ram. Detta är särskilt användbart om du snabbt behöver skapa flera objekt, till exempel en grupp fiskar.
- Välj hela bilden. Högerklicka på den valda bilden och välj "Konvertera till symbol". Detta lägger till bilden i biblioteket där du snabbt kan komma åt den senare.
- Ta bort bild. Oroa dig inte! Du kommer att lägga tillbaka det till berättelsesscenen genom att helt enkelt dra objektet från biblioteket. Du kan enkelt lägga till flera bilder av samma till en berättelsesscen!
Steg 6. Lägg till några tomma ramar
När den första ramen är klar kan du lägga till en tom ram som ligger mellan den första och den andra nyckelramen. Tryck på F5 -tangenten fyra eller fem gånger för att lägga till en tom ram efter den första nyckelramen.
Steg 7. Skapa en andra nyckelram
Efter att ha lagt till några tomma ramar är du redo att skapa en andra nyckelram. Det finns i princip två olika sätt att göra det, nämligen att du kan kopiera en befintlig nyckelram och göra mindre justeringar, eller så kan du skapa en tom nyckelram och infoga en ny bild. Om du använder en bild som skapats med ett annat program, vill du ha den andra metoden. Om du skapar en bild med hjälp av designverktyg från Flash använder du den första metoden.
- För att skapa en nyckelram med innehållet i den föregående nyckelramen, tryck på F6 -tangenten. För att skapa en tom nyckelram, högerklicka på den sista ramen på tidslinjen och välj "Infoga tom nyckelram". Allt i sagans scen kommer att tas bort.
- När du har skapat den andra nyckelramen måste du göra justeringar av bilden för att ge den effekten av rörelse. Om du använder Flash: s designverktyg kan du använda Transform -verktyget för att välja aspekter av bilden och flytta runt dem lite, som armarna på en stickman.
- Om du sätter in en ny bild för varje nyckelram vill du se till att den placeras på samma eller nästa logiska plats på skärmen. Detta säkerställer att bilden inte hoppar mellan ramarna.
Steg 8. Upprepa processen
Nu när du har skapat de två nyckelramarna är det dags att göra om. I huvudsak kommer du att upprepa samma process tills animationen är klar. Lägg till några tomma ramar mellan varje nyckelram och se till att animationen rör sig smidigt.
Gör små, stegvisa rörelseförändringar. Animationen kommer att se mycket smidigare ut om du gör mycket små ändringar i nyckelramen. Till exempel, om du vill att stickman ska svänga armen, ska din andra nyckelram inte vara slutet på armsvinget. Använd istället några nyckelramar som en övergång från början av svingen till slutet. Detta kommer att resultera i en mycket mjukare animering
Metod 2 av 3: Skapa en Point-to-Point Animation (Tweening)
Steg 1. Förstå grunderna i tweening
Flash innehåller en funktion som kallas tweening (en process som producerar en mellanbild mellan två bilder vid två tidpunkter i en animation), som i princip låter dig ställa in start- och sluttidspunkter för objekt. Flash kommer sedan att flytta och ändra objekt baserat på dina inställningar mellan dessa två tidpunkter, vilket skapar en illusion av animering. Du behöver inte skapa en bild för varje nyckelbildram som du skulle göra med bild-för-bild-animering.
- Tweening är särskilt användbart för att skapa en morfeffekt där ett objekt ändras till ett annat objekt under animering.
- Bild-för-bild-animering och tweening kan användas tillsammans inom samma film.
- Endast ett objekt genomgår en rörelse -tween i taget. Det betyder att om du vill att flera objekt ska animeras på en gång måste de placeras på olika lager.
Steg 2. Skapa det första objektet
Till skillnad från bild-för-bild-animering behöver du inte skapa flera objekt för att animera med hjälp av tween-funktionen. Men du kommer att skapa ett objekt och sedan ändra objektets egenskaper under interponeringsprocessen.
- Innan du lägger till bilder, skapa en grundläggande bakgrund för din film. Byt namn på lager 1 "Bakgrund" och lås sedan lagret. Skapa ett andra lager och namnge det vad du vill. Detta lager kommer att vara det lager där du skapar animationen.
- Det rekommenderas starkt att använda designverktygen inbyggda i Flash -programmet eller att importera bilder från ett vektordragningsprogram. Vektorer kan enkelt skalas utan att förvrängas, medan traditionella rasterbilder inte skalas och transformeras ordentligt.
Steg 3. Konvertera objektet till en symbol
För att generera en mellanbild av ett objekt måste du konvertera det till en symbol. Detta är det format som Flash använder för att organisera objekt. Om du försöker skapa en mellanliggande bild från ett objekt som inte har konverterats till en symbol uppmanas du att göra konverteringen först.
Högerklicka på objektet och välj "Konvertera till symbol". Objekt läggs till i biblioteket, vilket gör kloning av objekt enklare
Steg 4. Gör det första steget mellan
En rörelsemellanordning flyttar ett objekt från en plats till en annan. Högerklicka på symbolen i berättelsesscenen och välj "Create Motion Tween". Totalt kommer 24 ramar att läggas till på tidslinjen, eftersom detta är standardlängden för en tween. Tänk på att Flash kommer att animera med 24 bildrutor per sekund vid standardinställningarna, vilket innebär att denna rörelsemellantid tar en sekund att animera.
När du skapar en rörelse -tween flyttas du automatiskt till den sista ramen i interpolen
Steg 5. Rita objektets väg
När du har skapat tween kan du flytta objektet till önskad slutlig plats. Flash visar en sökväg, som är prickad för att indikera objektets placering för varje bildruta i den resulterande mellanbilden.
När du skapar en sökväg för första gången blir det en rak linje från startpunkten till slutpunkten
Steg 6. Förläng bakgrundsramen
Om du kör animationen nu kommer objektet att röra sig längs banan, men bakgrunden försvinner efter en bildruta. För att åtgärda detta måste du förlänga bakgrunden så att den täcker hela animeringens ram.
Välj bakgrundsskiktet på tidslinjen. Klicka på den sista ramen på tidslinjen, som också bör vara den sista ramen i rörelsemellanrummet. Tryck på F5 -tangenten för att infoga en ram fram till denna tidpunkt, som fortsätter att visa bakgrunden för hela interpolen
Steg 7. Lägg till nyckelbilder
Om du lägger till en nyckelram till sökvägen kan du ändra objekt under rörelsemellanrum. Du kan bara göra ändringar i ett objekt om det har en nyckelram. För att lägga till en nyckelram till ett spår, välj först den ram du vill konvertera till en nyckelram på tidslinjen. Klicka sedan på och dra objektet till den position du vill ha på ramen. Spåret justeras automatiskt och en nyckelbildram läggs till på tidslinjen. Nyckelramar är markerade med en diamantikon på tidslinjen.
Steg 8. Justera mellanvägen
För att ändra sökvägen till ett objekt kan du klicka och dra varje rampositionsmarkör på sökvägen till en ny plats. Undvik att lägga för många variationer i banan, annars rör sig objektet oregelbundet (om inte detta verkligen är ditt mål!).
Steg 9. Förvandla objektet
När nyckelramen och sökvägen har definierats kan du transformera objektet så att objektet ändras när det rör sig genom rörelsemellanvägen. Du kan ändra objektets form, färg, rotation, storlek och andra saker.
- Välj ramen du vill transformera.
- Öppna egenskapspanelen för objektet. Du kan trycka på Ctrl+F3 om rutan för närvarande inte är synlig.
- Ändra ett värde i avsnittet Egenskaper för att påverka objektet. Du kan till exempel ändra färg, lägga till ett filter eller ändra skalan.
- Du kan också använda Free Transform -verktyget för att fritt ändra formen på objektet som du vill.
Steg 10. Gör den sista handen vid den mellanliggande bilden
Testa rörelse -interpolen genom att trycka på Ctrl+↵ Enter. Se till att transformationen ser bra ut och att animationen rör sig med rätt hastighet. Om animationen rör sig för snabbt kan du sänka FPS eller öka tidsintervallet.
- Som standard är animationen FPS 24, så försök att sänka den till 12. För att göra detta, klicka utanför berättarscenen och ändra FPS i panelen Egenskaper. Att ändra värdet till 12 kommer att fördubbla animationens varaktighet, men animationens rörelse kan bli mer "fläckig".
- Om du vill ändra tidsintervallet för en tween väljer du det lager som innehåller tweenen och drar det med skjutreglaget. Om du vill att interpolen ska vara dubbelt så lång, förläng den till 48 bilder. Se till att sätta in en tom ram inuti bakgrundsskiktet så att bakgrunden inte försvinner halvt under animeringen. Om du vill förlänga bakgrunden markerar du lagret, klickar på den sista ramen i animationen på tidslinjen och trycker sedan på F5 -tangenten.
Metod 3 av 3: Lägga till ljud och musik
Steg 1. Spela in eller sök efter ljudeffekter och musik
Du kan lägga till ljudeffekter till de åtgärder som sker i animationen för att göra den annorlunda än de andra och ge den en egen karaktär. Musik gör att dina animationer känns mer levande och kan göra bra animationer extraordinära. Flash stöder en mängd olika ljudfilformat, inklusive AAC, MP3, WAV och AU. Välj det format som ger bästa kvalitet med minsta filstorlek.
MP3 -formatet ger vanligtvis ljudkvalitet som fortfarande är bra och har en minsta filstorlek. Undvik om möjligt att använda WAV -format, eftersom de vanligtvis är ganska stora
Steg 2. Importera ljudfilerna till biblioteket
Innan du kan lägga till ljud i ett projekt måste ljudfilen läggas till i Flash -biblioteket. Detta gör att du snabbt kan lägga till ljud i ditt projekt senare. Klicka på Arkiv → Importera → Importera till bibliotek. Sök efter ljudfiler på din dator. Se till att ljudfilen har ett lättläst namn så att du snabbt kan hitta det senare från menyn.
Steg 3. Skapa ett nytt lager för varje ljudfil
Detta är egentligen inte nödvändigt, eftersom du kan lägga till ljud i ett befintligt lager, men att placera varje fil på ett separat lager ger dig mycket mer kontroll när det gäller att bleka in och ut (bleka in och ut) ljudinställningar. Eller stopp ljudet, och det är lättare att flytta ljudet till en annan del.
Steg 4. Skapa en nyckelram där ljudet börjar
Välj ljudramen i animationen där du vill att ljudet ska börja. Tryck på F7 för att infoga en tom nyckelram. Om du till exempel vill inkludera en musikfil som spelas under animeringens längd, välj den första ramen på lagret i musikfilen. Om du lägger till dialog för ett tecken, välj ramen där tecknet börjar tala.
Steg 5. Lägg till ljud- eller musikfiler
Inne i egenskapsramen ser du avsnittet Ljud. Du kan behöva öppna den för att se alternativen. Klicka på "Namn" -menyn och välj filen du vill ha från biblioteket.
Steg 6. Organisera ljudfiler
När du har valt en fil kan du ställa in hur den ska spelas upp. Det du väljer kommer att baseras på den avsedda användningen av ljudet i animationen. Du kan ändra inställningarna för effekt, synkronisering och upprepning av varje ljud med hjälp av menyn under menyn Namn i ramen Egenskaper.
- Effekter. Denna inställning lägger till effekter på ljudet, till exempel att ljudet gradvis uppträder eller försvinner eller lägger till eko. Du kan välja mellan de befintliga inställningarna i rullgardinsmenyn eller klicka på pennikonen bredvid menyn för att skapa dina egna anpassade inställningar.
- Synkronisera. Denna inställning avgör hur låten spelas i animationen. Evenemanget spelar ett ljud tills det är klart. Om samma ljud utlöses igen innan det föregående ljudet slutar, fortsätter originalljudet att spela tills det är klart. Start liknar Event, men stoppas när ljudet spelas upp igen. Stopp stoppar ljudet på den ramen. Om du vill använda det här alternativet tillsammans med andra ljudalternativ skapar du en ny nyckelbild där du vill att ljudet ska stanna och använda det här alternativet. Strömmen försöker matcha ljudet som spelas med antalet bildrutor på de andra lagren. Detta alternativ används bäst för dialog.
- Upprepa. Med den här inställningen kan du ställa in hur länge ljudet ska upprepas. Du kan ställa in den för att spela bara en gång, eller upprepa så många gånger du vill. Om din animering är en looping -animering måste du ställa in musiken för att upprepas på obestämd tid.
Steg 7. Slutför projektet
När du äntligen har arbetat med projektet kan du spara det som en SWF -fil. Detta är det format som används för att spela upp filmer. Du kan spela den i nästan vilken webbläsare som helst, eller använda en Flash -spelare som används specifikt för att titta på den. Det finns också olika webbplatser där du kan ladda upp det för andra att titta på, till exempel Newgrounds, Albino Blacksheep och Kongregate.
Steg 8. Utveckla ditt framtida projekt ytterligare
Den här guiden täcker grunderna för att skapa animationer, men det finns så mycket mer du kan lära dig och göra. Lägg till några knappar och en förgreningsplot så har du ditt eget äventyrsspel. Du kan gå kraschkurser i ActionScript och få mycket mer kontroll över de finare detaljerna i dina animationer. Fortsätt experimentera, så lär du dig snart alla slags knep och deras implementeringar.
