Hvordan man laver en Flash rollover billede

Hvordan man laver en Flash rollover billede Jupiterimages / Photos.com / Getty Images

Med Flash, er det muligt at skabe skøre effekter, der matcher, hvad andre programmer såsom Javascript er i stand til at gøre.Rollover billeder kan anvendes til at skabe effekter på et websted, eller de kan anvendes som et middel til at navigere til andre dele af en dynamisk site.Ved hjælp af ActionScript tillader en rollover effekt til at være mere alsidig ud over at sikre, at animationen forbliver lille.Kun et par linjer af script er nødvendige for at flytte et objekt fra stat A til B til C.

hvad du har brug

  • Billeder & lt; br / & gt; Flash CS3 program

Instruktioner

  1. Åbn en ny ActionScript 3.0 Flash-fil.

  2. Importer dine billeder.Dette gøres ved at gå til menuen \ "Filer, \" \ "Importer \" og \ "Importer til bibliotek. \"

  3. Vælg tidslinjen og omdøbe "Lag 1" til "Image 1."

  4. Træk et billede fra biblioteket ind på scenen.

  5. Konverter billedet til et symbol.Dette gøres ved at trykke på F8 eller gå til menuen \

    "Indsæt \" og \ "Ny Symbol. \"

  6. Navn symbolet "Image 1" og marker "Movie klip" at omdanne det til et filmklip.

  7. Klik \ "OK. \" En filmklip med navnet "Image 1" vises i biblioteket.

  8. Giv filmen klippet en instans navnet "Image1_mc. \" Gør dette under "Egenskaber" panel placeret under scenen under fanen "Egenskaber".

  9. Vælg den 30. ramme på tidslinjen og ramte F5 for attilføje en ramme.

  10. Opret animation ved at højreklikke et sted mellem frame 1 og 30 og vælge "Opret Motion Tween. \"

  11. Vælg ramme 30.

  12. Vælg billedet på scenen og ændre sin Alphaindstillingen til 0 procent ved at gå til fanen "Egenskaber" under "Farve." Billedet på scenen er nu usynlig.

  13. Lock "Image 1" lag og indsæt et nyt lag "Image 2." Brug "Lås / Lås alle lag" ikonet over lagene.

  14. Vælg ramme 55 i "Image 2" lag og ramte F5.

  15. Vælg ramme 25 og ramte F6.Dette indsætter et centralt ramme på den markerede ramme.

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

  17. Vælg \ "Movie klip \" og give det en instans navnet "Image2_mc. \"

  18. Opret en bevægelse tween mellem rammen 25 og 55.

  19. Vælg ramme 25 og billedet på scenen ogændre indstillingen Alpha til 0 procent.

  20. Vælg ramme 30 og billedet på scenen og give det en Alpha indstilling på 100 procent.

  21. Vælg ramme 55 og billedet på scenen og sætte indstillingen Alpha til 0 procent.

  22. Gentag ovenstående trin for flere billeder tilføjet. Indsæt et nyt lag med navnet "Handlinger" og trykke på F6 for rammen 30 og 55 for at tilføje vigtige rammer.

  23. Klik på ramme 1 i "Handlinger" lag ogtrykke på F9 for at tilføje følgende kode: & lt; br / & gt; stoppe () & lt; br / & gt; GO & lt; br />image1_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver)<br / & gt; GO & lt; br / & gt; funktion imageOver (hændelse: MouseEvent): void {& lt; br / & gt; spille () & lt; br / & gt; GO & lt; br / & gt;}

  24. Vælg ramme 30 i "Handlinger" lag og indtaste kodennedenfor: & lt; br / & gt; stoppe () & lt; br / & gt; GO & lt; br />image2_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver2)<br / & gt; GO & lt; br / & gt; funktion imageOver2 (begivenhed:MouseEvent): void {& lt; br / & gt; spille () & lt; br / & gt; GO & lt; br / & gt;} & lt; br / & gt; & lt; br / & gt; Vælg ramme 55 og under Handlinger lag indsætte denne linjekode: & lt; br / & gt; Stop ();". Ctrl + Enter"

  25. Test filmen ved at trykke Dit billede rollover effekt skulle nu arbejde. & Lt; br / & gt; Udgiv animationen ved at gå til \ "File \" og \

"Publish \."

Tips & amp;Advarsler

  • Du kan have så mange objekter som muligt glidende ind og ud.& lt; br / & gt; & lt; br / & gt; Brug grafik, tekstinput og knapper indlejret i filmklippet symbolet for at skabe dynamiske animationer.

Ressourcer

  • Script Playground: dynamisk billede Overgange Brug Klasser
529
0
1
Animation Software