Daftar Isi:
Video: Fireworks CS6 - How To Create Rollover Buttons 2024
Anda dapat membuat tombol interaktif di Adobe Fireworks Creative Suite 5 untuk membuat tombol rollover - tombol yang berubah saat pointer mouse Lewat di atasnya
Buat seni dasar
Pertama, Anda perlu membuat seni dasar untuk tombolnya. (Untuk contoh ini, tombolnya adalah persegi panjang yang bundar, namun Anda dapat mengganti bentuk yang lain.) Ikuti langkah-langkah ini.:
-
Klik dan tahan alat Rectangle di bagian Vector pada panel Tools dan kemudian pilih Rounded Rectangle dari daftar alat tersembunyi.
-
Klik dan seret ke ruang kerja. untuk membuat bentuk
Ukuran apapun baik untuk contoh ini
-
Pilih Window → Styles untuk membuka panel Styles.
-
Pilih gaya dari daftar drop-down.
Misalnya, pilih Plastic Styles.
Tombol dasar ini adalah apa yang awalnya dilihat pemirsa di halaman web Anda.
Tambahkan perilaku rollover
Untuk menambahkan perilaku rollover ke tombol dan c ulangi versi dari karya seni tombol yang akan dilihat pemirsa saat pointer mouse mereka melewatinya, ikuti langkah-langkah ini:
-
Pilih bentuk persegi panjang bulat yang Anda buat di bagian sebelumnya dan kemudian klik kanan untuk memilih Insert Rectangular Slice.
Bentuknya disorot, menunjukkan bahwa hotspot telah dibuat.
-
Klik kanan (Windows) atau Control-click (Mac) bagian tengah slice dan pilih Add Simple Rollover Behavior dari menu kontekstual.
-
Pilih Window → States untuk membuka panel States.
-
Dari menu panel negara bagian, pilih Duplicate State.
Kotak dialog Negara Gandakan muncul. Simpan pengaturan pada status default Negara 1 yang dimasukkan setelah keadaan saat ini.
