Tutorial Membuat Tombol Sederhana Dengan Adobe Flash

Tutorial kali ini saya akan membagikan sedikit cara sederhana membuat button sederhana dengan adobe flash. Button seperti ini sering sekali digunakan untuk membuat aplikasi-aplikasi multimedia agar terlihat lebih interaktif dan menarik. Langsung saja saya jelaskan cara pembuatannya.

Langkah awal buat dulu desain buttonnya dengan photoshop/corel sesuai keahlian kamu, mana yang kamu anggap lebih mudah. Dapat juga cari cari di google. Ingat buat 2 gambar, karena disini kita membutuhkan 2 gambar.

Ini adalah contoh tombol dari saya, disini saya cari gambarnya di google.

Save dalam bentuk png agar mempunyai background yang transparent.

Kemudian buka aplikasi adobe flash kamu, kemudian import kedua gambar yang telah kita buat tadi ke dalam library

Ini adalah tampilan di librarynya

Kemudian tarik salah satu gambarnya ke stage, disini yang saya tarik adalah gambar 1A.png

Klik kanan pada gambar dan pilih convert to symbol, maka akan muncul tampilan seperti dibawah

Pada kolom type pilih button, OK

Kemudian double klik pada gambar

Maka akan muncul tampilan seperti ini

Klik kanan pada timeline “over” pili insert keyframe

Setelah itu, tarik gambar yang kedua kedalam stage, tepat berada diatas gambar yang pertama tadi. Perhatikan gambar

Selesai,kembali ke scene, dan save project kamu. Kemudian jalankan .fla nya

Maka hasilnya akan seperti ini, jika kursor berada diatas button, maka otomatis gambar pada button akan berubah ke gambar yang kedua, ini dinamakan hover.

Selamat mencoba, semoga bermanfaat.

*Penulis: Langgeng