Hvordan lage en Flash Roll bilde

Hvordan lage en Flash Roll bilde


Med Flash, er det mulig å lage sprø effekter som passer til det andre programmer som Javascript er i stand til å gjøre. Roll bilder kan brukes til å lage effekter på et nettsted, eller de kan brukes som et middel til å navigere til andre deler av et dynamisk område. Ved hjelp av Actionscript gjør en rollover effekt å være mer allsidig i tillegg til å sikre at animasjonen er fortsatt liten. Bare noen få linjer av skript for å flytte et objekt fra stat A til B til C.

Bruksanvisning

1 Åpne en ny Actionscript 3.0 Flash-fil.

2 Importer bildene dine. Dette gjøres ved å gå til menyen \ "Fil \" \ "Importer \" og \ "Importer til bibliotek. \"

3 Velg tidslinjen og endre navn på "Layer 1" til "Image 1."

4 Dra et bilde fra biblioteket på scenen.

5 Konvertere bildet til et symbol. Dette gjøres ved å trykke F8 eller gå til menyen \ "Sett inn \" og \ "New Symbol. \"

6 Navn symbolet "Image 1" og sjekk "filmklipp" for å konvertere den til et filmklipp.

7 Klikk \ "OK. \" Et filmklipp med navnet "Image 1" vises i biblioteket.

8 Gi filmklipp en forekomst navn "image1_mc. \" Gjør dette under "Properties" panel plassert nedenfor scenen under "Properties" -kategorien.

9 Velg den 30. rammen på tidslinjen og trykke F5 for å legge til en ramme.

10 Lag animasjon ved å høyreklikke hvor som helst mellom ramme 1 og 30, og velge "Create Motion Tween. \"

11 Velg ramme 30.

12 Velg bildet på scenen og endre Alpha innstillingen til 0 prosent ved å gå til "Properties" -kategorien under "Color." Bildet på scenen er nå usynlig.

1. 3 Lås "Image en" lag og sette inn et nytt lag "Bilde 2." Bruk "Lås / Lås opp alle lag" ikonet over lagene.

14 Velg ramme 55 i "Image 2" lag og treffe F5.

15 Velg ramme 25 og treffer F6. Dette setter en viktig ramme på den valgte rammen.

16 Drag "Image 2" på scenen, og trykk på F8.

17 Velg \ "Movie clip \" og gi den en forekomst navnet "Image2_mc. \"

18 Lag en bevegelse mellom mellom ramme 25 og 55.

19 Velg ramme 25 og bildet på scenen og endre Alpha innstillingen til 0 prosent.

20 Velg ramme 30 og bildet på scenen og gi den en Alpha innstilling på 100 prosent.

21 Velg ramme 55 og bildet på scenen og setter Alpha innstillingen til 0 prosent.

22 Gjenta trinnene over for flere bilder lagt til. Sett inn et nytt lag som heter "Handlinger" og trykk F6 på ramme 30 og 55 til å legge viktige rammer.

23 Klikk på ramme en av "Handlinger" laget og trykk F9 for å legge til følgende kode: <br /> stop () <br /> GO <br /> image1_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver) <br /> GO <br /> funksjon imageOver (event: Mouseevent): void {<br /> play () <br /> GO <br />}

24 Velg ramme 30 av "Handlinger" lag og skriv inn koden under: <br /> stop () <br /> GO <br /> image2_mc.addEventListener (MouseEvent.MOUSE_OVER, imageOver2) <br /> GO <br /> funksjon imageOver2 (event: Mouseevent): void {<br /> play () <br /> GO <br />} <br /> <br /> Velg ramme 55 og under Handlinger laget sette inn denne linjen med kode: < br /> Stop ();

25 Test filmen ved å trykke "Ctrl + Enter." Ditt bilde roll effekt skal nå fungere. <br /> Publish animasjonen ved å gå til \ "Fil \" og \ "Publish. \"

Hint

  • Du kan ha så mange objekter som mulig skyve inn og ut. <br /> <br /> Bruk grafikk, skrive inn tekst og knapper innebygd i filmklipp symbol for å lage dynamiske animasjoner.