Hvordan lage en Flash Roll bilde

Hvordan lage en Flash Roll bilde Jupiterimages / Photos.com / Getty Images

Med Flash, er det mulig å lage vanvittige effekter som passer til det andre programmer som Javascript er i stand til å gjøre.Roll bilder kan brukes til å lage effekter på et område, 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 forblir små.Bare noen få linjer av skript for å flytte et objekt fra stat A til B til C.

hva du trenger

  • Bilder & lt; br / & gt; Flash CS3 søknaden

Instruksjoner

  1. Åpne en ny Actionscript 3.0 Flash-fil.

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

  3. Velg tidslinjen og gi nytt navn "Layer 1" til "Image 1."

  4. Dra et bilde fra biblioteket på scenen.

  5. Konverter 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 sjekke "filmklipp" for å konvertere den til et filmklipp.

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

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

  9. Velg den 30. rammen på tidslinjen og traff F5 tillegge 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 sin Alphainnstillingen til 0 prosent ved å gå til "Properties" -kategorien under "Color." Bildet på scenen er nå usynlig.

  13. Lock "Image en" lag og sett inn et nytt lag "Image 2." Bruk "Lås / Lås opp alle lag" ikonet over lagene.

  14. Velg ramme 55 av "Image to" lag og traff F5.

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

  16. Drag "Image 2" på scenen, og trykk på F8."Movie clip \" og gi den en forekomst navnet "Image2_mc. \"

  17. Velg \

  18. Opprett en bevegelse mellom mellom ramme 25 og 55.

  19. Velg ramme 25 og bildet på scenen ogendre 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 sett 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 for å legge viktige rammer.

  23. Klikk på ramme en av "Handlinger" lag ogtrykke F9 for å legge til følgende kode: & lt; br / & gt; stop () & lt; br / & gt; GÅ & lt; br />image1_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver)<br / & gt; GÅ & lt; br / & gt; funksjon imageOver (event: MouseEvent): void {& lt; br / & gt; play () & lt; br / & gt; GÅ & lt; br / & gt;}

  24. Velg ramme 30 av "Handlinger" lag og taste inn kodenunder: & lt; br / & gt; stop () & lt; br / & gt; GÅ & lt; br />image2_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver2)<br / & gt; GÅ & lt; br / & gt; funksjon imageOver2 (event:MouseEvent): void {& lt; br / & gt; play () & lt; br / & gt; GÅ & lt; br / & gt;} & lt; br / & gt; & lt; br / & gt; Velg ramme 55 og under Handlinger lag sette inn denne linjenkode: & lt; br / & gt; Stop ();". Ctrl + Enter"

  25. Test filmen ved å trykke Ditt bilde rollover effekt skal nå fungere. & Lt; br / & gt; Publish animasjonen ved å gå til \ "Fil \" og \

"Publiser \".

Tips & amp;Advarsler

  • Du kan ha så mange objekter som mulig skyve inn og ut.& lt; br / & gt; & lt; br / & gt; Bruk grafikk, legge inn tekst og knapper innebygd i filmklipp symbol for å lage dynamiske animasjoner.

Resources

  • Script Playground: dynamisk bilde Velt bruke klasser
701
0
1
Animasjon Software