Importera bilder och Flash-övergångsanimering

• Maj 17, 2024

Nu när vi har anpassat Flash^R Förladdare för SWF-mall, vi kan bygga vår bildspelsmall. Vi har redan våra fyra platshållarbilder (se Photoshop-handledning). För att följa tutorial-serien använder du länkarna nedan.

Låt oss ge varje bild två sekunder på scenen. Eftersom ramarna per sekund är inställda på 31 (se Dokumentinställningar), måste vi ge varje bild 62 ramar. Låt oss avrunda det till 60 bilder. Till dessa 60 ramar lägger vi till fade-in och fade-out övergångar som kommer att pågå 10 ramar vardera.

Vi börjar med att importera de fyra platshållarbilderna till vårt projekt fla.

1. Lägg till ett nytt lager i tidslinjen och namnge det "image1". Klicka på Arkiv - Importera - Importera till scenen i menyraden. Flash kommer att placera image1.psd-bilden på ram 1 i bild1-lagret och placera den i biblioteket.
   
   Upprepa detta för de andra tre platshållarbilderna. Du kommer att ha fyra lager med namnet image1 till image4 med de importerade bilderna. Välj alla fyra lager och dra dem under innehållsskiktet. Ordna dem i stigande ordning med bild1-skiktet längst upp i gruppen.
   
   Eftersom förladdaren kommer att gå direkt till ram 2 efter att allt har laddats måste vi ta bort bilderna från ram 1. För alla fyra lager lägger du till en nyckelram till ram 2 och tar bort bilden från ram 1.
   
   Vi kommer att arbeta med image1-lagret först. Eftersom förladdaren tar upp ram 1 kommer vi att ställa in bilden så att den fade in över 9 bilder, förbli synlig på scenen i 60 och sedan tona ut över 10 ramar.
   
   
2. Högerklicka på bild1 på scenen på bild 2 i bildruta 2 och konvertera till symbol. Ställ in typen på filmklipp och namnge den "image1".
   
   
3. Högerklicka på bilden igen och välj Create Motion Tween. Dra Tween-spännvidden till ram 80.
   
   
4. Lägg till ett nyckelram till ram 11, 70 och 80.
   
   
5. I ram 2 ställer du in Alpha till 0 på Egenskaper-panelen (Color Effect - Style - Alpha). På ram 11 och 70 ställer du in Alpha till 100 och på Frame 80 ställer Alpha till 0.
   
   Förladdarkoden berättar för Flash att gå till ram 2 och stoppa. Om vi ​​lämnar koden som den är kommer tidslinjen att stanna på ram 2 istället för att spela de 80 bildrutorna.
   
   
6. Ändra gotoAndStop (2) till gotoAndPlay (2) på panelen Åtgärder.
   
   

Nu kan vi testa vår film och titta på bild1 blekna i, förbli synlig i två sekunder och tona ut. Men det upprepas inte. Vi kommer att lägga till lite kod för det senare.

Copyright 2018 Adobe Systems Incorporated. Alla rättigheter förbehållna. Adobes produktskärmbild (ar) tryckta om med tillstånd från Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst och Flash Paper är / är antingen [a] registrerat varumärke [s] eller ett varumärke [s] från Adobe Systems Incorporated i USA och / eller andra länder.

Video Instruktioner: How To Create Frame Animation (GIF or VIDEO) In Photoshop (Maj 2024).