Så här skapar du en enkel animerad banner med Flash CS3
Om du vill skapa en animerad banner med föråldrad teknik, visar den här handledningen dig hur du använder Adobe Flash och Action Script 2.0 för att skapa en animerad banner. Observera att allt detta idag kan utföras mycket lättare med hjälp av HTML och jаvascript.
steg
1
Öppna Adobe Flash och skapa ett nytt dokument. Redigera dokumentet genom att trycka på Cmd + J på Mac och Ctrl + J på datorn. I alternativen väljer du en storlek på 468x60 för bannern (det här är standardens storlek på en banner), ställ in önskad bakgrundsfärg och klicka på OK. För denna handledning använder vi svart som bakgrundsfärg.
2
Gå till Nivåer och tilldela en etikett till första nivån. I denna handledning skapar vi en cirkel, så lagets namn kommer att vara "Circle". Flytta musen över rektangelverktyget, klicka på den och håll den nere för att öppna menyn och välj det ovala verktyget. Släpp sedan musen. Flytta bannern och skapa en cirkel av vilken storlek som helst. I denna handledning kommer dimensionerna att vara tillräckligt stora så att endast en liten cirkel kommer att ses i bannern, och måtten är 175,5 x 175,5
3
Nu när du har skapat cirkeln trycker du på F8 (Mac och PC) för att få fönstret att visas som en symbol. Klicka på grafiken och byt namn på symbolen "cirkel" och tryck på OK. Du kommer att ha skapat en symbol för att animera. Gå till nivåområdet och flytta musen över den femte ramen och tryck på F6 (Mac och PC). På så sätt skapar du en nyckelram med en cirkel på exakt samma punkt. Klicka igen på den första ramen och flytta över cirkeln genom att klicka på den. Nu ska vi göra det i en animering.
4
Gå till fastighetspanelen längst ner på skärmen och flytta musen över färgalternativen. Klicka på alternativen och flytta alfakanalen, ställ den till 0%. På detta sätt kommer cirkeln att veta, men oroa dig inte, den är fortfarande där, dold.
5
Återgå till nivåområdet och högerklicka på keyframe mellan första och sista keyframe och klicka på "Create Motion Tween". Om allt gick bra, har du skapat den första delen av animationen. Nästa sak vi ska göra är att lägga till texten.
6
Skapa ett textlag och kalla det "text", eftersom det här är just det vi ska skapa i det här laget. Gå till textlagets sjätte ram och klicka på höger musknapp. Välj Infoga ny nyckelram. På så sätt får vi en ny tom ram att arbeta med. Gå till verktygspaletten och klicka på T för att välja textverktyget. Flytta på din banner och skriv in de ord du vill ha. I den här handledningen kommer vi att infoga ordet "banner" och, med texten fortfarande vald, tryck F8 för att skapa en grafik och skriv "text" som ett namn. Klicka nu på OK. Nu kan din text animeras.
7
Gå nu tillbaka till cirkelnivån och klicka på den sjätte ramen. Håll nu ramen och dra den till den 16: e keyframen. På så sätt blir cirkeln synlig under animeringens längd. Flytta texten från området inuti cirkeln, men se till att det inte är för långt till vänster. Gå till Lager och håll textlagret och flytta det under cirkelnivån. På så sätt försvinna en del av texten, vilket ger oss den effekt vi letade efter.
8
Lås cirkelnivån och göm den, för att se till att det inte är skadat och vi kan se vad vi gör. Klicka på den 15: e ramen på textlagret och skapa en nyckelram genom att trycka på F6. Klicka på texten i den 16: e ramen och flytta den där du vill att texten ska visas, men se till att den sista bokstaven är till vänster om cirkeln. Du kan klicka för att göra cirkeln synlig om du inte är säker på var cirkeln är.
9
När du är placerad där du vill, gå till Textlagret och sedan, mellan de två nyckelramarna, skapa en rörelseperiod genom att klicka med höger musknapp och välj "Create Motion Tween". När du är klar skapar du en tredje nivå och byter namn på ActionScript. Gå till den sista ramen (16: e ramen) och skapa en ny bild genom att trycka på F6. Gå till Fönster Åtgärder och skriv stop () - stäng nu fönstret.
10
Gå till filvägen där du vill spara programmet. Ring på "banner" -animationen. Gå ner och välj Exportera som och klicka på den del som säger .swf, öppna menyn Alternativ. Gå till "animated gif (.GIUF) och klicka på det, så att animeringen sparas i gifformat och klicka på OK.
11
Grattis! Du har skapat en enkel banner för att visa till dina vänner!
tips
- Tänk på att man anpassar sig till en modern standard som HTML 5
varningar
- Denna banner kommer inte att vara kompatibel med iOS eller något annat mobilt operativsystem.
Dela på sociala nätverk:
Relaterade
- Så här aktiverar du Adobe Flash Player
- Så här ändrar du bakgrundsfärg i Adobe Illustrator
- Så här tar du bort cookies från Adobe Flash Player
- Så här konverterar du PowerPoint till Flash med hjälp av Open Source Tools
- Hur man skapar geometriska former med Adobe Illustrator
- Hur man skapar bakgrunder med Adobe Photoshop
- Hur man skapar vatten med Adobe Illustrator
- Hur man skapar en animering med Adobe Illustrator
- Så här skapar du en rörelseinterpolering i Flash
- Så här skapar du en banner
- Så här skapar du en banner i Adobe Illustrator
- Hur man skapar en cirkel i Adobe Illustrator
- Så här skapar du ett nytt lager med Adobe Illustrator
- Så här lägger du till en jаvascript på din webbplats Använd HTML-koden
- Så här skapar du en enkel presentation med Flash
- Så här skapar du en banner med hjälp av Microsoft Word
- Hur man delar ett polärt rutnät i sex lika delar (Adobe Illustrator)
- Hur man gör Flash-knappar
- Så här installerar du Adobe Flash Player
- Så här installerar du Flash Player på Android
- Hur man programmerar i Flash (ActionScript 2.0)