Voit luoda vuorovaikutteisia painikkeita Adobe Fireworks Creative Suite 5:ssä ja luoda vierityspainikkeen – painikkeen, joka muuttuu, kun hiiren osoitin vie sen yli.
Luo perustaide
Ensin sinun on luotava painikkeen peruskuva. (Tässä esimerkissä painike on pyöristetty suorakulmio, mutta voit korvata toisen muodon.) Toimi seuraavasti:
Napsauta ja pidä painettuna Suorakulmio-työkalua Työkalut-paneelin Vektori-osassa ja valitse sitten piilotettujen työkalujen luettelosta Pyöristetty suorakulmio.
Luo muoto napsauttamalla ja vetämällä työtilassa.
Mikä tahansa koko sopii tähän esimerkkiin.
Avaa Tyylit-paneeli valitsemalla Ikkuna→ Tyylit.
Valitse tyyli avattavasta luettelosta.
Valitse esimerkiksi Muovityylit.
Tämä peruspainike on se, jonka katsoja näkee aluksi verkkosivullasi.

Lisää rollover-käyttäytyminen
Voit lisätä painikkeeseen vieroituskäyttäytymisen ja luoda painikkeen kuvituksen version, jonka katsojat näkevät, kun heidän hiiren osoittimensa kulkee sen yli, seuraavasti:
Valitse edellisessä osiossa luomasi pyöristetty suorakulmio ja napsauta sitten hiiren kakkospainikkeella valitaksesi Lisää suorakulmainen viipale.
Muoto on korostettu, mikä osoittaa, että hotspot on luotu.
![Kiertopainikkeen tekeminen Fireworks CS5:ssä]()
Napsauta hiiren kakkospainikkeella (Windows) tai Control-osoita (Mac) osion keskustaa ja valitse kontekstivalikosta Lisää yksinkertainen vierityskäyttäytyminen.
![Kiertopainikkeen tekeminen Fireworks CS5:ssä]()
Valitse Ikkuna→Tilat avataksesi Tilat-paneelin.
Valitse Tilat-paneelin valikosta Kopioi tila.
![Kiertopainikkeen tekeminen Fireworks CS5:ssä]()
Näkyviin tulee Duplicate State -valintaikkuna. Säilytä asetukset oletusarvoina tila 1, joka lisätään nykyisen tilan jälkeen.
![Kiertopainikkeen tekeminen Fireworks CS5:ssä]()