Cara Membuat Butang Rollover dalam Fireworks CS5 - dummies

Anda boleh membuat butang interaktif di Adobe Fireworks Creative Suite 5 untuk membuat butang peralihan - butang yang berubah apabila penunjuk tetikus

Buat seni asas

Pertama, anda perlu membuat seni asas untuk butang tersebut. (Untuk contoh ini, butang itu adalah segi empat bulat tetapi anda boleh menggantikan bentuk yang lain.) Ikuti langkah berikut:

1. Klik dan pegang alat Rectangle di bahagian vektor panel Alat dan kemudian pilih Bulat Rectangle dari senarai alat tersembunyi

2. Klik dan seret di ruang kerja

   Mana-mana saiz adalah baik untuk contoh ini

3. Pilih Window → Gaya untuk membuka panel Styles

4. Pilih gaya dari senarai drop-down

   Sebagai contoh, pilih Plastik

   Butang asas ini ialah apa yang dilihat oleh penonton pada halaman web anda.

   

Tambah tingkah laku rollover

Untuk menambah tingkah laku rollover ke butang dan c ulangi versi karya seni butang yang akan dilihat oleh penonton apabila penunjuk tetikus melaluinya, ikuti langkah berikut:

1. Pilih bentuk segi empat bulat yang anda buat di bahagian sebelumnya dan kemudian klik kanan untuk memilih Masukkan Slider Rectangular.

   Bentuknya diserlahkan, menandakan bahawa hotspot telah dicipta.

   

2. Klik kanan (Windows) atau Control-click (Mac) pusat keping dan pilih Tambah Perlakuan Rollover Mudah dari menu kontekstual.

   

3. Pilih Tetingkap → Negeri untuk membuka panel Negeri.

4. Dari menu panel Negeri, pilih Negeri Duplikat.

   

   Kotak dialog Duplicate State muncul. Simpan tetapan pada lalai Negeri 1 yang dimasukkan selepas keadaan semasa.