Flash är det främsta mediet för animering på Internet och till och med på andra format, till exempel TV. Att skapa en enkel Flash -animation i Flash är faktiskt ganska enkelt att åstadkomma, eftersom Flash erbjuder många användbara verktyg som förenklar hela processen. Om du har en idé om en Flash -animation eller en tecknad film kan du förmodligen ha en grov skiss på bara några timmar. Se steg #1 nedan för att lära dig hur skapa en Flash -animation.
Support för Adobe Flash upphör i december 2020. Efter den tiden kommer det inte längre att vara möjligt att använda Flash
Steg 1. Förstå grunderna i bild-för-bild-animeringDetta anses vara den "traditionella" animeringsmetoden, eftersom varje bildruta har samma bild men något förändrad. När bilderna spelas upp tillsammans verkar bilderna röra sig. Detta är samma grundteknik som används av traditionella handanimatörer och är mer tidskrävande än tweening (Se nästa avsnitt). Som standard producerar Flash animationer med 24 bilder per sekund (FPS). Det betyder att en sekund av animationen kommer att ha 24 bildrutor, men inte varje bildruta måste vara annorlunda. Du kan justera detta om du vill, och många Flash-animationer använder 12 FPS, men 24 ger mycket "mjukare" animeringSteg 2. Installera Flash ProfessionalDet finns en mängd olika Flash -animationsprogram tillgängliga, men det mest kraftfulla är Adobes Flash Professional CC. Du kan installera provversionen gratis eller så kan du använda en annan produkt om du inte prenumererar på Adobes Creative Cloud. Resten av denna artikel kommer att referera till Flash Professional eller något annat redigeringsprogram som "Flash". Steg 3. Skapa dina tillgångarEftersom 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 göra dem när du går. Du kan använda Flash -programmet för att rita direkt i ditt projekt, eller så kan du rita dina tillgångar i ditt favoritprogram för bildskapande. Om du vill att dina bilder ska skalas utan att offra kvalitet, vill du skapa dem som vektorer istället för raster. Vektorbilder ritar om sig själva när de skalas, vilket betyder att det inte kommer att finnas någon pixelering eller aliasing. Rasterbilder är de traditionella bilderna du förmodligen är van vid (foton, målarbilder etc.). Dessa blir inte bra och kan se ganska fula ut om du vill göra dem störreSteg 4. Skapa din första ramNär du först startar Flash kommer du att ha ett tomt lager och en tom tidslinje. När du lägger till ramar fylls din tidslinje automatiskt. Du kan interagera med lager på samma sätt som i Photoshop.
Steg 5. Förvandla din teckning till en symbolGenom att göra din teckning till en symbol kan du enkelt lägga till den flera gånger i en ram. Detta är särskilt användbart om du snabbt behöver skapa flera objekt, till exempel en fiskskola.
Steg 6. Lägg till några tomma ramarNär du har din första ram klar kan du lägga till dina tomma ramar som finns mellan den första nyckelramen och den andra nyckelramen. Tryck på F5 fyra eller fem gånger för att lägga till tomma ramar efter din första nyckelram. Steg 7. Skapa din andra nyckelbildNär du har lagt till några tomma ramar är du redo att skapa din andra nyckelram. Det finns i huvudsak två olika sätt att göra detta: du kan kopiera din befintliga nyckelram och göra små justeringar, eller så kan du skapa en tom nyckelram och infoga en ny bild. Om du använder konst skapad i ett annat program vill du ha den andra metoden. Om du skapade din konst med Flash: s designverktyg, använd den första metoden.
Steg 8. Upprepa processenNu när du har skapat två nyckelbilder är det dags att iterera. Du kommer att upprepa i princip samma process tills du är klar med din animering. Lägg till några tomma ramar mellan varje nyckelram och se till att dina rörelser ser flytande ut. Gör små, stegvisa förändringar. Din animering kommer att se mycket smidigare ut om du gör mycket små ändringar i nyckelramen. Till exempel, om du vill att en pinne ska vifta med en arm, ska din andra nyckelram inte vara den andra änden av vågen. Använd istället några nyckelrutor för att övergå från början av vågen till slutet. Detta ger en mycket mjukare animeringDel 2 av 3: Gör en punkt-till-punkt-animation (Tweening)Steg 1. Förstå grunderna i tweeningFlash innehåller en funktion som kallas tweening, som låter dig i huvudsak ställa in start- och slutpunkter för ditt objekt. Flash kommer sedan att flytta och transformera objektet baserat på dina inställningar mellan dessa två punkter, vilket skapar en illusion av animering. Du behöver inte skapa bilder för varje nyckelbildram som du skulle göra med bild-för-bild-animering.
Steg 2. Skapa ditt första objektTill 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. Istället skapar du ett objekt och ändrar sedan dess egenskaper under interponeringsprocessen.
Steg 3. Konvertera ditt objekt till en symbolFör att kunna mellanrumma ditt objekt måste du konvertera det till en symbol. Detta är formatet för objekt som Flash använder för att manipulera dem. Om du försöker att koppla mellan ett objekt som inte har gjorts till en symbol uppmanas du att göra det först. Högerklicka på ditt objekt och välj "Konvertera till symbol" Objektet läggs till i ditt bibliotek, vilket gör det enkelt att klona objektSteg 4. Skapa din första rörelse -tweenEn rörelse-tween flyttar objektet från en plats till en annan Högerklicka på symbolen i din scen och välj "Create Motion Tween". 24 ramar kommer att läggas till på din tidslinje, eftersom detta är standardlängden för en tween. Kom ihåg att Flash som standard animeras med 24 bildrutor per sekund, vilket innebär att denna rörelsemellantid tar en sekund att slutföra. När du skapar rörelse -interpolen flyttas du automatiskt till den sista ramen för interpolenSteg 5. Skapa bananNär du har skapat tween kan du flytta objektet till den plats som du vill att det ska hamna på. Flash visar banbanan, som är prickad för att visa objektets plats för varje ram i interpolen. När du först skapar banan kommer det att vara en rak linje från startpunkten till slutpunktenSteg 6. Förläng dina bakgrundsramarOm du körde din animering just nu skulle ditt objekt röra sig längs banan, men din bakgrund skulle försvinna efter en ram. För att åtgärda detta måste du förlänga din bakgrund över alla ramar i animationen. Välj ditt bakgrundsskikt på tidslinjen. Klicka på den sista ramen på din tidslinje, som också bör vara den ram din rörelse mellan slutar på. Tryck på F5 för att infoga ramar upp till denna punkt, så att din bakgrund visas under hela tweenSteg 7. Lägg till nyckelbilderOm du lägger till nyckelrutor i din bana kan du transformera ditt objekt under rörelsemellanrummet. Du kan bara göra ändringar i ett objekt om det är nyckelramat. Om du vill lägga till nyckelrutor i din bana väljer du först ramen på tidslinjen som du vill förvandla till en nyckelbild. Klicka sedan på och dra objektet till den position du vill att det ska befinna sig under den ramen. Din bana justeras automatiskt och en nyckelram läggs till på tidslinjen. Nyckelramar betecknas med diamantikoner på tidslinjen. Steg 8. Justera din tween -banaFör att ändra sökvägen för ditt objekt kan du klicka och dra var och en av rampositionsmarkörerna på sökvägen till en ny plats. Undvik att lägga för mycket variation på vägen, annars rör sig föremålet på ett oregelbundet sätt (om inte detta är ditt mål!). Steg 9. Förvandla ditt objektNär du väl har dina nyckelramar och bana upprättade kan du omvandla ditt objekt så att det ändras när det rör sig genom rörelsemellanbanan. Du kan ändra form, färg, rotation, storlek och alla andra egenskaper för objektet.
Steg 10. Gör sista handen för din tweenTesta din rörelse -tween genom att trycka på Ctrl+↵ Enter. Se till att transformationerna ser bra ut och att animationen rör sig med rätt hastighet. Om din animation går för snabbt kan du antingen sänka scenens FPS eller öka intervallet mellan tecken.
Del 3 av 3: Lägga till ljud och musikSteg 1. Spela in eller hitta dina ljudeffekter och musikDu kan lägga till ljudeffekter till åtgärder som sker i din animering för att få den att sticka ut och ge den lite personlighet. Musik gör din animation mer uppslukande och kan göra en bra animation till en otrolig. Flash stöder en mängd olika filformat, inklusive AAC, MP3, WAV och AU. Välj den på som ger dig den bästa kvaliteten för den lägsta filstorleken. MP3 ger vanligtvis en helt acceptabel ljudkvalitet samtidigt som filstorleken hålls på ett minimum. Undvik WAV -filer om möjligt, eftersom dessa ofta är ganska storaSteg 2. Importera ljudfilerna till ditt bibliotekInnan du kan lägga till ljud i ditt projekt måste de läggas till i Flash's Library. Detta gör att du snabbt kan lägga till dem i ditt projekt senare. Klicka på Arkiv → Importera → Importera till bibliotek. Sök efter ljudfilen på din dator. Se till att ljudfilen har ett lätt att komma ihåg namn, så att du snabbt kan hitta det från menyn senare. Steg 3. Skapa ett nytt lager för varje ljudfilDetta är inte absolut nödvändigt, eftersom du kan lägga till ljud i befintliga lager, men att lägga varje fil på sitt eget lager ger dig mycket mer kontroll över blekning in och ut, när du ska börja och stoppa, och det är lättare att flytta runt ljud. Steg 4. Skapa en nyckelram där ljudet börjarPå ljudets lager, välj ramen i animationen som du vill att ljudet ska börja med. 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å musikfilens lager. Om du lägger till dialog för ett tecken, välj ramen där tecknet börjar prata. Steg 5. Lägg till ljud- eller musikfilenI egenskapsramen ser du ett ljudavsnitt. Du kan behöva utöka den för att se alternativen. Klicka på "Namn" -menyn och välj den fil du vill ha från ditt bibliotek. Steg 6. Konfigurera ljudfilenNär du har valt en fil kan du konfigurera hur den ska spelas. Det du väljer kommer att baseras på vad du behöver ljudet för att åstadkomma i animationen. Du kan ändra inställningarna för effekt, synkronisering och upprepning för varje ljud med hjälp av menyn under menyn Namn i ramen Egenskaper.
Steg 7. Avsluta ditt projektNär du äntligen är klar med ditt projekt, spara det som en SWF -fil. Detta är formatet som används för att spela filmen. Du kan spela den i praktiskt taget vilken webbläsare som helst, eller använda en dedikerad Flash -spelare för att titta på den. Det finns också en mängd olika webbplatser som du kan ladda upp den till för andra att se, till exempel Newgrounds, Albino Blacksheep och Kongregate. Steg 8. Ta dina framtida projekt vidareDen här guiden tar upp grunderna för att skapa en animering, men det finns så mycket mer du kan lära dig och göra. Lägg till några knappar och förgreningsvägar, så har du ett äventyrsspel som du kan välja själv. Du kan gå en krasskurs i ActionScript och få mycket mer kontroll över de finare detaljerna i din animation. Fortsätt experimentera, så lär du dig snart lära dig alla slags knep och implementeringar. Rekommenderad:Hur man skapar SVG -bilder: 13 steg (med bilder)Skalbar vektorgrafik (SVG) möjliggör fler interaktiva element på webbsidor utan att använda så mycket bandbredd som andra bildformat som JPEG eller GIF, vilket gör dem idealiska för webbdesign. Vissa digitala illustrationsprogram, som Adobe Illustrator, erbjuder SVG -alternativ och det finns online -SVG -omvandlarwebbplatser som är gratis att komma åt. Hur man skapar en broschyr med InDesign (med bilder)Adobe InDesign är en mjukvaruprodukt som låter dig skapa skrivbordspubliceringsprojekt snabbt och enkelt. Du kan göra broschyrer och andra dokument genom att använda de medföljande mallarna och anpassa dem efter dina behov. Så här kan du använda InDesign för att skapa en broschyr. Hur man skapar Flash -kort i PowerPoint (med bilder)Du kan skapa minnesvärda, effektiva flash -kort i Microsoft PowerPoint med hjälp av enkla "titel/brödtext" -diabilder och "Fade In" -animationen. PowerPoint -flashkort ger ett snabbt och enkelt sätt att skapa ett gratis, effektivt studieverktyg. Hur man skapar en Motion Tween i Flash: 10 steg (med bilder)Om du är ny på flash och försöker animera, prova det här. Tweening är det enklaste sättet att animera i den komplicerade världen av Flash, den här artikeln försöker visa hur dessa enkelt kan göras. Det förutsätter att läsaren känner till Flash -verktyg. Hur man skapar en formtween i Flash: 8 steg (med bilder)Formtweenen i Flash kan enkelt användas för att omvandla former. Du kan göra en triangel till en cirkel, en trapezoid ett parallellogram eller en knölval till en flaska senap med några musklick. Läs vidare för att ta reda på hur du gör denna coola effekt. |