gushelom.ru

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

Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 1
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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 2
    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
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 3
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 4
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 5
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 steg 6
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 steg 7
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 8
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 steg 9
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 10
    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.
  • Bildnamn Gör en enkel animerad banner i Flash CS3 Steg 11
    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 ändrar du bakgrundsfärg i Adobe IllustratorSå här ändrar du bakgrundsfärg i Adobe Illustrator
    Så här tar du bort cookies från Adobe Flash PlayerSå 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 ToolsSå här konverterar du PowerPoint till Flash med hjälp av Open Source Tools
    Hur man skapar geometriska former med Adobe IllustratorHur man skapar geometriska former med Adobe Illustrator
    Hur man skapar bakgrunder med Adobe PhotoshopHur man skapar bakgrunder med Adobe Photoshop
    Hur man skapar vatten med Adobe IllustratorHur man skapar vatten med Adobe Illustrator
    Hur man skapar en animering med Adobe IllustratorHur man skapar en animering med Adobe Illustrator
    Så här skapar du en rörelseinterpolering i FlashSå här skapar du en rörelseinterpolering i Flash
    Så här skapar du en bannerSå här skapar du en banner
    Så här skapar du en banner i Adobe IllustratorSå här skapar du en banner i Adobe Illustrator
    » » Så här skapar du en enkel animerad banner med Flash CS3

    © 2011—2021 gushelom.ru