3
Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5 Disini saya akan sedikit jelasin gimana caranya buat tombol navigasi menggunakan software adobe flash cs5. Gimana sih caranya ?? Berikut tutorialnya.. teettt tooottttt....... 1. Pertama buka software Adobe Flash CS5 anda. 2. Kemudian akan muncul jendela seperti gambar di bawah. Pilih ActionScript 3.0 3. Setelah itu pilih Oval Tool yang telah tersedia pada Tool Box. 4. Lalu anda silahkan anda buat ato gambar model tombol yang anda inginkan. Contohnya seperti gambar di bawah.. Setelah selesai menggambar model tombol, anda pilih Selection Tool pada Tool Box dan anda seleksi seluruh bagian Tombol. 5. Setelah anda seleksi, klik kanan > Convert to Symbol

Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

Embed Size (px)

DESCRIPTION

E-Book ini menjelaskan tentang bagaimana caranya membuat tombol Navigasi atau button menggunakan Software Adobe Flash CS5

Citation preview

Page 1: Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

Disini saya akan sedikit jelasin gimana caranya buat tombol navigasi menggunakan software adobe

flash cs5.

Gimana sih caranya ??

Berikut tutorialnya.. teettt tooottttt.......

1. Pertama buka software Adobe Flash CS5 anda.

2. Kemudian akan muncul jendela seperti gambar di bawah. Pilih ActionScript 3.0

3. Setelah itu pilih Oval Tool yang telah tersedia pada Tool Box.

4. Lalu anda silahkan anda buat ato gambar model tombol yang anda inginkan. Contohnya

seperti gambar di bawah.. Setelah selesai menggambar model tombol, anda pilih Selection

Tool pada Tool Box dan anda seleksi seluruh bagian Tombol.

5. Setelah anda seleksi, klik kanan > Convert to Symbol

Page 2: Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

6. hingga muncul jendela seperti gambar di bawah.. Kemudian anda ketikkan nama tombol

tersebut lalu ganti type Symbol menjadi Button > ok.

7. Sesudah anda klik ok.. pada properties akan muncul kolom instance name. Nah, isikan nama

tombol tersebut.

Pengisian nama dalam kolom instance name ini sangat penting, karena instance name ini

akan mempermudah ActionsScript code untuk menterjemahkannya apabila nanti tombol

ini dimasukkan kedalam kode snippet. Besar kecil huruf mempengaruhi dalam

penerjemahan.

8. Kemudian Double klik pada tombol yang sudah anda Convert to Symbol tadi.

9. Setelah anda double klik pasti akan muncul halaman baru layer baru. Pada layer tersebut

terdapat empat komponen Button Animations. Komponen itu terdiri dari Up, Over, Down,

dan Hit. Apa perbedaan dari masing-masing komponen??

a. Up : Merupakan kondisi button ketika dibiarkan.

b. Over : Merupakan kondisi button ketika kursor diarahkan pada button/tombol.

Page 3: Cara Membuat Tombol Navigasi Menggunakan Software Adobe Flash CS5

c. Down : Merupakan kondisi button ketika diklik.

d. Hit : Merupakan kondisi button ketika dikembalikan pada kondiri semula.

10. Pada frame Over, klik kanan > Insert Keyframe.

Ubah model Button agar ketika kursor diarahkan akan terjadi perubahan pada buton anda.

Contohnya seperti gambar di bawah:

11. Lanjut pada Frame Down... klik kanan > Insert Keyframe. Kembalikan model button seperti

semula. Nah,, apabila anda menginginkan munculnya suara ketika button diklik caranya

import audio dengan File > Import > Import to Library. Setelah audio anda import,, tetap

pada frame Down.. drag audio yang telah anda import ke button yang ada pada frame down

tadi.

12. Setelah itu.. kembali pada Scene 1. Untuk melihat hasilnya silahkan tekan Ctrl+Enter.

13. Nah.. selesai deh.. Mudah kan?? Jangan lupa di save. Udah tau kan cara savenya?? File > Save.

Nah Sekian Dulu Ya??

Kapan-kapan lagi.. Terimakasih udah mau membacanya.

Kalo pengen tanya-tanya silahkan.. gapapa..