Tip & Trik Flash MX

Pendahuluan

Macromedia Flash MX adalah program grafis animasi standar professional untuk menghasilkan halaman yang menarik. Movie Flash terdiri atas grafik, teks, animasi dan aplikasi untuk situs web. Semuanya tetap mengutamakan grafik berbasis vector. Jadi aksesnya lebih cepat dan akan terlihat halus pada skala resolusi layar berapapun, selain itu juga mempunyai kemampuan untuk mengimpor video, gambar dan suara dari aplikasi di luarnya.

Teknik Menguasai Animasi Dasar

Animasi yang paling mendasar dan sering digunakan nantinya dalam membuat animasi adalah Motion Tween. Fungsi utamanya untuk menggerakkan objek dari satu titik ke titik lainnya.

Pada latihan ini, kita akan menggerakkan objek dari kiri ke kanan layar (dari frame 1 ke frame 30).

1. Klik Oval tool, lalu gambarlah lingkaran di bagian kiri layar.

2. Klik menu Edit, Select All untuk memilih lingkaran.

3. Klik menu Insert, Convert to Symbol, akan muncul kotak dialognya, pilihlah pada bagian Behavior : Graphic.

4. Klik pada frame 30 di Timeline, lalu klik menu Insert, Keyframe.

5. Masih di frame 30, klik Arrow tool, lalu pilih lingkaran dan pindahkan ke bagian kanan layar.

6. Klik pada frame 1 untuk kembali ke frame 1, lalu lihat ke bawah layar pada Properites. Pilihlah bagian Tween : Motion.

7. Klik menu Control, Test Movie untuk menjalankan animasi. Untuk menyimpan hasil latihan, klik menu File, Save As.

Membuat Tombol

Anda akan membuat tombol standar yang biasa yang dipakai di halaman Web

1. Klik Rectangle tool, lalu aturlah sudut ketumpulannya pada Round Rectangle Radius sebesar 45 points. Kemudian, klik Text tool, lalu tulislah ‘Menu’ dan letakkan di atas tombol.
2. Klik menu Edit, Select All untuk memilih kotak sudut tumpul dan teks, lalu klik menu Insert, Convert to Symbol, pilihlah pada bagian Behavior: Button.

Membuat Tombol Animasi

1. Klik Rectangle tool, lalu aturlah sudut ketumpulannya pada Round Rectangle Radius sebesar 45 points. Kemudian, klik Text tool, lalu tulislah ‘Menu’ dan letakkan di atas tombol.

2. Klik menu Edit, Select All untuk memilih kotak sudut tumpul dan teks, lalu klik menu Insert, Convert to Symbol, pilihlah pada bagian Behavior: Button.

3. Klik menu Edit, Edit Symbols untuk memasuki mode Edit symbol button.

4. Pada mode Edit ini, perhatikan pada Timeline, akan terlihat empat buah buah frame, yaitu Up, Over, Down, dan Hit.

5. Pindahlah ke frame Over, lalu masukkan Keyframe. Kemudian, pilih hanya teks (biarkan kotak sudut tumpulnya), dan ubah warna teksnya. Lakukan hal yang sama pada frame Down.

6. Klik Edit, Edit Document untuk kembali ke movie utama.

7. Jalankan animasi.

Membuat ActionScript

ActionScript adalah sebuah bahasa pemograman dari Macromedia Flash MX yang digunakan untuk menambahkan interaktivitas pada sebuah movie. Sebagai contoh, ActionScript dapat digunakan untuk membuat tombol-tombol navigasi dalam sebuah movie.

ActionScript terdiri dari beberapa elemen seperti Actions, Operators, Objects, dan beberapa elemen lainnya yang diletakkan menjadi satu kesatuan untuk membentuk sebuah script yang digunakan untuk melaksanakan perintah action pada sebuah movie.

Dengan adanya ActionScript, animasi dapat dibuat menjadi movie yang interaktif, sehingga Anda dapat lebih aktif menggunakan keyboard dan mouse untuk melompat ke movie lain yang diinginkan, memindahkan objek, memasukkan informasi pada form, dan lain-lain.

Pada latihan ini, kita akan membuat sebuah tombol yang akan mengontrol frame untuk melompat ke frame yang diinginkan.

1. Ambillah tombol yang sudah disediakan Flash, klik menu Window, Common Libraries, Buttons.
2. Klik dua kali folder Arcade Buttons. Seret dua buah tombol ke layar, yaitu Arcade button green dan orange.
3. Buat layer baru di atasnya, klik menu Insert, Layer. Pindah ke layer 2 dan klik frame 1, lalu lihat Properties pada bagian Frame dan tuliskan nama instance-nya satu.
4. Masih di layer 2, masukkan Blank Keyframe pada frame 10 dan frame 20.
5. Kembali ke frame 10, lalu lihat Properties pada bagian Frame dan tuliskan nama instance-nya dua. Lakukan hal yang sama pada frame 20 dengan label tiga.
6. Masih di layer 2, kembali ke frame 1, lalu buka Panel Action. Klik menu Window, Actions.
7. Pada Panel Actions – Frame ini, klik tombol +, lalu pilih Actions, Movie Control, Stop.
8. Lakukan Action Stop lagi pada frame 10 dan 20.
9. Pindahlah ke layer 1, lalu pilih tombol hijau dan buka lagi Panel Actions.
10. Pada Panel Actions – Button ini, klik tombol +, lalu pilih Actions, Movie Control, goto. Kemudian, isikan pada Type: Frame Label dan Frame: dua.
11. Lakukan Action goto lagi untuk tombol orange, tapi isikan pada Type: Frame Label dan Frame: tiga.
12. Masih di layer 1, masukkan Blank Keyframe pada frame 10 dan 20.
13. Pada frame 10 berilah tulisan ‘page2’ dan pada frame 20 berilah tulisan ‘page 3’.
14. Jalankan animasinya.

Selamat Mencoba aja deh......