Flash CS4 Bildspel

• Maj 20, 2024

Många av mina kunder vill ha ett litet bildspel på framsidan av deras butik, blogg eller webbplats. Detta kan vara ett bildspel av de presenterade produkterna i butiken eller de senaste fotona de har lagt till sin blogg.

Detta bildspel kan göras på många sätt inklusive JavaScript, en gif-animation och Flash^R. Jag gillar att använda Flash eftersom det är ett enkelt och snabbt sätt att skapa ett enkelt bildspel som visar flera bilder efter varandra. Å andra sidan är det också lätt att bygga ett mer avancerat XML-baserat bildspel med övergångseffekter mellan bilderna. I de närmaste några tutorials kommer vi att bygga ett bildspel i Flash CS4 med början med en planbild och bygga upp till en avancerad version med övergångseffekter.

Det enda du behöver för denna självstudie är tre jpg-bilder och Adobe Flash. Det är bättre om bilderna har samma storlek. Vi kommer bara att använda tre för vår handledning men du kan använda så många du vill. Tänk bara på att fler bilder kommer att göra att nedladdningstiden för din Flash swf-fil ökar.

Öppna Flash CS4, starta ett nytt ActionScript 3-projekt och låt oss börja fungera.

1. Det första steget är att ställa in scenen till samma storlek som våra bilder. Klicka på Ändra - Dokument i menyraden. I dialogrutan Dokumentegenskaper anger du bredden och höjden i pixlar för dina bilder. Detta kommer att ställa in scenen för att matcha. Du kanske också vill ändra bakgrundsfärgen. Klicka på den lilla färgrutan och välj en färg. Du kanske vill matcha din bakgrundsfärg på webbsidan.
   
   Vi kommer att använda ram 1 på tidslinjen för Preloader-koden, som vi kommer att lägga till den senare. Så för nu börjar vi bygga vårt bildspel på Frame 2.
   
   Var och en av våra bilder kommer att visas för 100 bilder. Eftersom våra ramar per sekund är inställda på 24 som standard, kommer det att ge oss cirka fyra sekunder av visningstid för varje bild.
   
   
2. Byt namn på lager 1 till "Bakgrund". På samma lager högerklickar du på Frame 300 (100 bilder x 3 bilder) och lägger till en tom ram (Insert Frame). Detta visar bakgrundsskiktet under hela animationen.
   
   
3. Lägg till ett nytt lager och namnge det "Image1". Detta lager kommer att hålla vår första bild. Men vi vill inte att bilden ska visas på scenen förrän ram 2. Kom ihåg att ram 1 kommer att vara vår förladdare. Högerklicka och lägg till en Keyframe på ram 2 i detta lager.
   
   Nu lägger vi till vår första bild.
   
   
4. Klicka på Arkiv - Importera - Importera till scenen i menyraden. Detta bör placera vår första bild centrerad på scenen. För att vara säker på att den är i linje som vi vill, välj bilden och gå till Egenskaper-panelen. X- och Y-positionsvärdena bör båda ställas in på 0,0.
   
   Spara din projektfil.
   
   

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, Bidra, 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: [HD] Working With Flash Video in Flash CS4 (Maj 2024).