Flash CS4-bildefremvisning

• April 30, 2024

Mange av kundene mine vil ha et lite lysbildefremvisning på forsiden av butikken, bloggen eller hjemmesiden deres. Dette kan være en lysbildefremvisning av de utvalgte produktene i butikken eller de siste bildene de har lagt til bloggen.

Denne lysbildefremvisningen kan gjøres på mange måter, inkludert JavaScript, en gif-animasjon og Flash^R. Jeg liker å bruke Flash fordi det er en enkel og rask måte å lage en enkel lysbildefremvisning som viser flere bilder etter hverandre. På den annen side er det også enkelt å bygge en mer avansert XML-basert lysbildefremvisning med overgangseffekter mellom bildene. I løpet av de neste opplæringsprogrammene vil vi bygge et lysbildefremvisning i Flash CS4 som starter med et flybildedisplay og bygge opp til en avansert versjon med overgangseffekter.

Det eneste du trenger for denne opplæringen er tre jpg-bilder og Adobe Flash. Det er bedre hvis bildene har samme størrelse. Vi bruker bare tre til opplæringen vår, men du kan bruke så mange du vil. Bare husk at flere bilder vil føre til at nedlastningstiden for Flash swf-filen øker.

Åpne Flash CS4, start et nytt ActionScript 3-prosjekt og la oss begynne å fungere.

1. Det første trinnet er å stille scenen til samme størrelse som bildene våre. Klikk på Endre - dokument fra menylinjen. I dialogboksen Dokumentegenskaper skriver du inn Bredde og Høyde i piksler for bildene dine. Dette vil sette scenen til å matche. Det kan også være lurt å endre bakgrunnsfarge. Klikk på den lille fargeboksen og velg en farge. Det kan være lurt å matche bakgrunnsfargen på nettstedet.
   
   Vi vil bruke ramme 1 på tidslinjen for Preloader-koden, som vi vil legge til dette senere. Så for nå vil vi begynne å bygge lysbildefremvisningen vår på Frame 2.
   
   Hvert av våre bilder vil vises for 100 bilder. Siden våre rammer per sekund er satt til 24 som standard, vil dette gi oss omtrent fire sekunders visningstid for hvert bilde.
   
   
2. Gi nytt navn til lag 1 til "bakgrunn". På det samme laget høyreklikker du på Frame 300 (100 bilder x 3 bilder) og legger til en blank ramme (Sett inn Frame). Dette vil vise bakgrunnslaget under hele animasjonen.
   
   
3. Legg til et nytt lag og navngi det "Image1". Dette laget vil inneholde vårt første bilde. Men vi vil ikke at bildet skal vises på scenen før ramme 2. Husk at ramme 1 vil være vår forhåndslaster. Høyreklikk og legg til en nøkkelramme på ramme 2 i dette laget.
   
   Nå vil vi legge til vårt første bilde.
   
   
4. Fra menylinjen klikker du på File - Import - Import to Stage. Dette skulle plassere vårt første bilde sentrert på scenen. For å være sikker på at det er justert som vi vil, velg bildet og gå til Egenskaper-panelet. X- og Y-posisjonsverdiene bør begge settes til 0,0.
   
   Lagre prosjektfilen.
   
   

Copyright 2018 Adobe Systems Incorporated. Alle rettigheter forbeholdt. Adobes produktskjermbilder er skrevet ut på nytt med tillatelse 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, Fyrverkeri, Bidra, Captivate, Flash Catalyst og Flash Paper er / er enten [a] registrert varemerke [s] eller et varemerke [s] fra Adobe Systems Incorporated i USA og / eller andre land.

Video Instruksjoner: FlipMaker - Skapa din egen Online Publikation på två minuter (April 2024).