Flash CS4 Image Slideshow

• Kan 17, 2024

Mange af mine kunder vil have et lille lysbilledshow på forsiden af ​​deres butik, blog eller websted. Dette kan være et lysbilledshow af de fremhævede produkter i butikken eller de seneste fotos, de har tilføjet til deres blog.

Dette slideshow kan gøres på mange måder, herunder JavaScript, en gif-animation og Flash^R. Jeg kan godt lide at bruge Flash, fordi det er en nem og hurtig måde at oprette et simpelt diasshow, der viser flere billeder efter hinanden. På den anden side er det også nemt at opbygge en mere avanceret XML-baseret slideshow med overgangseffekter mellem billederne. I de næste par tutorials bygger vi et lysbilledshow i Flash CS4 startende med et flybillede og opbygger til en avanceret version med overgangseffekter.

De eneste ting, du har brug for til denne tutorial er tre jpg-billeder og Adobe Flash. Det er bedre, hvis billederne har samme størrelse. Vi vil kun bruge tre til vores tutorial, men du kan bruge så mange, som du ønsker. Bare husk, at flere billeder vil medføre, at downloadtiden for din Flash swf-fil øges.

Åbn Flash CS4, start et nyt ActionScript 3-projekt, og lad os komme i gang.

1. Det første trin er at indstille scenen til samme størrelse som vores billeder. Fra menulinjen skal du klikke på Rediger - dokument. I dialogboksen Dokumentegenskaber skal du indtaste bredden og højden i pixels til dine billeder. Dette sætter scenen til at matche. Du ønsker måske også at ændre baggrundsfarve. Klik på den lille farveboks og vælg en farve. Du ønsker måske at matche din baggrundsfarve på din webside.
   
   Vi bruger ramme 1 på tidslinjen til preloader-koden, som vi vil tilføje dette senere. Så indtil videre vil vi begynde at bygge vores slideshow på Frame 2.
   
   Hvert af vores billeder vises i 100 billeder. Da vores rammer pr. Sekund er indstillet til 24 som standard, vil dette give os cirka fire sekunders visningstid for hvert billede.
   
   
2. Omdøb lag 1 til "baggrund". På det samme lag skal du højreklikke på Frame 300 (100 frames x 3 images) og tilføje en blank frame (Insert Frame). Dette viser baggrundslaget under hele animationen.
   
   
3. Tilføj et nyt lag og navngiv det "Image1". Dette lag holder vores første billede. Men vi ønsker ikke, at billedet skal vises på scenen, før ramme 2. Husk, at ramme 1 vil være vores forudlæser. Højreklik på ramme 2 i dette lag og tilføj en Keyframe.
   
   Nu tilføjer vi vores første billede.
   
   
4. Fra menulinjen skal du klikke på Filer - Importer - Importer til scenen. Dette skulle placere vores første billede centreret på scenen. For at være sikker på, at det er på linje, som vi ønsker, skal du vælge billedet og gå til panelet Egenskaber. Værdierne for X og Y skal begge indstilles til 0,0.
   
   Gem din projektfil.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rettigheder forbeholdes. Adobe-produktskærmbilleder (r) genudtrykt med tilladelse fra 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, fyrværkeri, Bidrage, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registreret varemærke [er] eller et varemærke [s] fra Adobe Systems Incorporated i USA og / eller andre lande.

Video Instruktioner: How to Create an Adobe Flash Slide Show (Kan 2024).