Miten tehdä flash Rollover Image

Miten tehdä flash Rollover Image Jupiterimages / Photos.com / Getty Images

Flash, on mahdollista luoda hullu vaikutuksia, jotka vastaavat mitä muita ohjelmia, kuten JavaScript kykenevät tekemään.Kaatuessa kuvia voidaan käyttää luomaan vaikutuksia päällä, tai niitä voidaan käyttää keinona siirtyä muihin kohtiin dynaamisen sivuston.Käyttämällä ActionScript mahdollistaa rollover vaikutus olla monipuolisempia lisäksi, että taataan, että animaatio on edelleen pieni.Vain muutaman rivin kirjoitus tarvitaan siirtyä objektin valtion B C.

mitä tarvitset

  • Kuvat & lt; br / & gt; Flash CS3 hakemus

Ohjeet

  1. Avaa uusi ActionScript 3.0 Flash-tiedosto.

  2. tuoda kuvia.Tämä tehdään menemällä valikkoon \ "Tiedosto \" \ "Tuo \" ja \ "Tuo kirjastoon. \"

  3. Valitse aikajanalla ja nimeä "Layer 1" "Kuva 1."

  4. Vedä kuva kirjastosta lavalle.

  5. muuntaa kuvan symboli.Tämä tapahtuu painamalla F8 tai menossa valikko \ "Lisää \" ja \ "New Symbol. \"

  6. nimi symboli "Kuva 1" ja valitse "Elokuvaleike-" muuntaa sen elok

    uvaksi.

  7. Klikkaa \ "OK. \" Elokuvaleikettä nimellä "Image 1" näkyy kirjastossa.

  8. Anna elokuvaleikkeen esimerkiksi nimi "Image1_mc. \" Tee tämä alla "Properties" paneeli sijaitsee lavan alla alla "Properties" -välilehti.

  9. Valitse 30. runko aikajanalla ja osuma F5lisätä kehyksen.

  10. Luo animaatio hiiren kakkospainikkeella missä tahansa välillä runko 1 ja 30 ja valitsemalla "Luo Motion Tween. \"

  11. Valitse runko 30.

  12. Valitse kuva lavalla ja muuttaa sen Alpha-asetus 0 prosenttia menemällä "Properties" -välilehti kohdasta "Väri." kuvan vaiheessa on nyt näkymätön.

  13. Lock "Kuva 1" kerros ja aseta uusi kerros "Kuva 2." Käytä "Lukitse / Avaa kaikki tasot" kuvaketta yläpuolella kerroksia.

  14. Valitse runko 55 "Kuva 2" kerros ja osuma F5.

  15. Valitse runko 25 ja F6.Tämä lisää avainkehysten päälle valitun kehyksen.

  16. Drag "Kuva 2" lavalle ja paina F8-näppäintä.

  17. Valitse \ "Elokuvaleiketilan \" ja antaa sille esimerkiksi nimi on "Image2_mc. \"

  18. Luo liike Tween välillä runko 25 ja 55.

  19. Valitse runko 25 ja kuva lavalla jamuuttaa Alpha asetukseksi 0 prosenttia.

  20. Valitse runko 30 ja kuva lavalla ja antaa sille Alpha asetus 100 prosenttia.

  21. Valitse runko 55 ja kuva lavalla ja aseta Alpha asetus 0 prosenttia.

  22. Toista yllä olevat vaiheet lisää kuvia lisätty. Aseta uusi kerros nimeltä "Toimet" ja paina F6 rungon 30 ja 55 lisätä keskeiset kehykset.

  23. Klikkaa runko 1 "Toimet" kerros japaina F9 lisätä seuraava koodi: & lt; br / & gt; lopettaa () & lt; br / & gt; GO & lt; br />image1_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver)<br / & gt; GO & lt; br / & gt, toiminto imageOver (tapahtuma: MouseEvent): void {& lt; br / & gt; pelata () & lt; br / & gt; GO & lt; br / & gt;}

  24. Valitse runko 30 "Toiminnot" kerros ja anna koodialla: & lt; br / & gt; lopettaa () & lt; br / & gt; GO & lt; br />image2_mc.addEventListener(MouseEvent.MOUSE_OVER,imageOver2)<br / & gt; GO & lt; br / & gt; toiminto imageOver2 (tapahtuma:MouseEvent): void {& lt; br / & gt; pelata () & lt; br / & gt; GO & lt; br / & gt;} & lt; br / & gt; & lt; br / & gt; Valitse runko 55 ja Toiminnot-kerros lisätä tätä linjaakoodi: & lt; br / & gt; Stop ();

  25. Testaa elokuva painamalla "Ctrl + Enter." Kuvasi rollover vaikutus pitäisi nyt toimia. & Lt; br / & gt; Julkaise animaatio menemällä \ "Tiedosto \" ja \ "Julkaise. \"

Vinkkejä & amp;Varoitukset

  • Sinulla voi olla niin monta esineitä kuin mahdollista liuku ja ulos.& Lt; br / & gt; & lt; br / & gt; käyttää grafiikkaa, syöttää tekstiä ja painikkeita upotettu elokuvaksi symboli luoda dynaamisia animaatioita.

Resurssit

  • Script leikkikenttä: Dynaaminen Kuva rollovers käyttäminen luokkiin
15
0
1
Animointiohjelmisto