Belajar Macromedia Flash 8 : Tombol Interaktif


Halo sobat lautan, semoga sehat selalu ya
Kembali lagi kita akan mempelajari tentang animasi menggunakan Macromedia Flash 8. Sebelumnya kita telah memahami sedikit tentang cara penggunaan audio dalam animasi. Nah, kali ini kita akan belajar membuat tombol interaktif.

Baca juga : Belajar macromedia flash 8 : pemanfaatan audio dalam flash 

Sesuatu yang interaktif melibatkan dua pihak atau lebih yang aktif yang aktif di dalamnya. Interaktif juga merupakan elemen yang mendasar daripada multimedia, seperti yang di kemukakan oleh Cheng tahun 2009, multimedia interaktif adalah multimedia yang memberikan pembelajran dalam bentuk 3D, suara, grafik, video, animasi, dan menciptakan interaksi. Salah satu penerapan interaktifitas dalam multimedia adalah tombol. 





Gambar di atas adalah salah satu bentuk tombol yang sudah di kenal oleh banyak pengguna dan dapat mereflesentasikan arti dari interaktif. Ketika tombol download di klik di website, maka server bergerak mengirimkan file data menuju client. Dalam dunia website, tombol interaktif, juga dapat di ketahui dengan efek hover ( warna tombol akan berubah ketika mouse berada di atas tombol ) atau over ( warna tombol akan berubah ketika mouse keluar dari area tombol ) 

Berikut adalah langkah-langkah pembuatannya
  • Buka aplikasi Flash 8, gunakan sampel animasi. Lautan menggunakan sampel animasi Countdown sebelumnya
  • Buat sebuah layer baru bernama tombol, lalu letakkan di paling atas
  • Buatlah kotak untuk tombol, menggunakan rectangle tools. dan berikan warna yang diinginkan. Gunakan set radius untuk memberikan efek cembung pada sisi kotak
  • Klik kanan pada tombol tersebut, lalu pilih Convert to symbol, gunakan nama yang mudah diingat, seperti tombol. Pilih type sebagai Button
  • Tekan alt pada tombol, lalu pindahkan ke tempat yang lain. Gunakan text tool untuk menamai tombol tersebut, menjadi seperti dibawah ini
  • Klik kanan pada tombol mulai, lalu pilih edit in place, untuk proses editing di dalam type Button
  • Frame up berfungsi untuk tampilan tombol pertama atau saat dijalankan, sedangkan frame over saat kursor berada diatas tombol. Klik kanan pada over, lalu pilih insert keyframe
  • Langkah selanjutnya, klik kanan pada frame over tadi, pilih Convert to symbol, Movie Clip, dan ganti namanya menjadi Movie Clip

  • Klik kanan pada frame ke 5 dan 10, berikan keyframe untuk masing-masing frame. Lalu blok frame pertama sampai 10, ubah bagian properties tween menjadi shape
  • Pada bagian frame ke 5, ubah obyek menjadi warna merah, lalu buka warna obyek pada bagian frame ke 10, menjadi hijau. Agar efek berhenti, maka gunakan action Script stop pada frame terakhir
  • Lakukan test movie
  • Langkah selanjutnya pemberian Action Script untuk tombol Mulai dan Akhiri. Klik pada tombol play. Lalu pilih jendela Actions yang terdapat di bawah layar
  • Pilih timeline global >> movie clip control, double klik pada On. Pilih release pada menu pilihan yang muncul
  • Pada bagian timeline control, double klik pada pilihan play, sehingga script pada jendela actions tampak seperti dibawah ini
  • Lakukan langkah yang sama pada tombol stop
  • Buat layer baru pada timeline beri nama Script
  • Klik kanan di frame 1, layer Script, pilih insert blank keyframe
  • Klik kanan frame 1 itu, masukan kedalam action script, lalu masuk ke timeline control dan
  • Double klik pada pilihan stop
  • Cobalah apa yang baru saja dibuat, klik pada menu commands, klik pada item menu test movie.
Selamat mencoba :)

Post a Comment

0 Comments