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.

1

 

2

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

3

Ini adalah tampilan di librarynya

4

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

5

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

6

 

7

Pada kolom type pilih button, OK

Kemudian double klik pada gambar

8

Maka akan muncul tampilan seperti ini

9

Klik kanan pada timeline “over” pili insert keyframe

10

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

11

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

12

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

13

Selamat mencoba, semoga bermanfaat.

Tinggalkan Balasan 0

Your email address will not be published. Required fields are marked *