TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT

Transkripsi

1 TUTORIAL MEMBUAT ANIMASI FILM MOBIL DAN SEKILAS TENTANG ACTIONS SCRIPT Animasi film yang saya maksud disini bukanlah sebuah film panjang, namun sekedar film pendek. Animasi ini akan dikendalikan oleh sebuah tombol yang menggunakan action script. Animasi akan muncul seketika tombol play diklik. Tombol ini akan kita ambil dari button librarys yang telah disediakan oleh Flash 8. Desain Background Bukalah dokument baru didalam flash8. Aturlah Size yang ada didalam propertisnya menjadi 600 X 500 dan berikan warna biru tua. Sehingga stage akan berubah sesuai dengan settingan yang kita buat. Dengan menggunakan tool Rectangle buatlah desain seperti gambar berikut ini;

2 Disain tersebut akan kita jadikan simbol bertipekan graphic. Klik frame 1 dilayer satu kemudian tekan F8. Pada jendela Convert To Symbol isikan namenya Background dan typenya gunakan graphic kemudian klik OKE. Membuat Animasi Film. Berikut ini kita akan membuat symbol baru dengan bentuk animasi sebuah mobil. Untuk membuat symbol ini anda dapat melakukan klik Insert New Symbol. Pada kotak dialog yang muncul isikan Namenya dengan Animasi dan Type pilihlah Movie Clip. Gunakan tool rectangle dengan fill color adalah warna hitam dan buatlah object persegi panjang pada stage.

3 Sekarang klik Insert Layer sehingga kita sekarang memiliki dua buah layer. Didalam layer 2 ini gantilah namanya menjadi mobil dengan cara double klik layer tersebut, kemudian buatlah objek gambar mobil dan letakkan didalam objek kotak hitam tadi. Untuk disain mobil anda dapat menggunakan Rectangle Tool dan Line tool. Lakukan lagi Insert Layer dan beri nama layer tersebut dengan nama Jalan, kemudian buatlah garis putih putus-putus seperti gambar berikut ini; Yang perlu diperhatikan adalah bahwa objek garis tersebut harus melewati objek kotak hitam persegi jalan. Karena objen ini nantinya akan kita beri animasi Tweened. Selanjutnya pada frame 50 lakukan Insert KeyFrame, dengan cara mengklik Frame 50 lalu klik kanan dan pilih Insert Keyframe. Lakukan hal yang sama terhadap ke 3 layer yang dibuat tadi.

4 Kemudian pada layer jalan, klik kanan diantara frame1 dan frame 50 dan pilih create Motion Tween sehingga pada layer jalan akan terlihat garis berbentuk anak panah. Klik frame 50 dilayer jalan, lalu geserlah objek garis garis putih putus-putus yang kita buat tadi kebagaian kanan, Sehingga kalau dilihat hasilnya adalah seperti gambar dibawah ini; Tes animasi kita dengan cara tekan Enter Pada keyboard. Jika sukses garis tersebut akan bergerak dari kiri kekanan. Namun yang menjadi masalah sekarang adalah bahwa objek garis yang ada diluar area kotak hitam masih terlihat, ini bisa dikatakan mengganggu sekali. Oleh karena itu kita perlu menghilangkannya dengan cara membuat animasi Mask. Untuk membuat animasi ini anda bisa membuat layer baru lagi dan beri nama Mask. Dilayer Mask ini buatlah objek kotak yang menutupi kotak hitam pertama.

5 Sekarang objek mobil dan garis yang ada diddalam area kotak hitam tadi sudah tertutup. Langkah selanjutnya, pada layer Mask tadi lakukan klik kanan Mask. Sehingga layer akan berubah seperti berikut ini; Sekarang coba jalankan kembali aimasinya. Garis yang ada diluar area kotak hitam telah hilang bukan. Sekarang kembali kepada Scane 1 kemudian pada library drag symbol Animasi, jika Library tidak muncul anda dapat mengklik Windows library.

6 Sekarang coba jalankan projek kita. Untuk sementara kita telah sukses, namun animasi ini akan terus berjalan tampa dapat dikendalikan. Untuk mengendalikannya kita akan menggunakan Actions Script. Menambahkan Common Library. Jendela ini berisikan beberapa jenis symbol jenis button. Symbol ini disediakan oleh Flash8, untuk membuka jendela ini anda dapat mengklik Window Common Libraries Buttons. Pada jendela Common Library yang tampil carilah folder PlayBack Rounded. Double klik klik folder tersebut sehingga tampil deretan button. Anda dapat memilih rounded green back dan rounded green pay. Drag kedua button tersebut kedalam area kerja atau stage.

7 Menambahkan Action Sript Stop/play Sript ini digunakan untuk memberikan perintah agar animasi berhenti atau bergerak pada fram yang diberi action. Pada layer pertama coba lakukan insert keyframe diframe 5. Kembali lagi ke frame 1 dan hapuslah symbol animasi yang kita drag sebelumnya. Kalau kita jalankan projek kita maka akan tampil animasi yang berkedip-kedip. Hal ini terjadi karena frame 1 sampai dengan 5 terus bergerak. Oleh sebab itu kita akan memberikan script stop pada frame pertama. Klik frame1 kemudian masuk kejendela Actions pada bagian bawah stage, jika tidak muncul anda dapat mengklik F9 pada keyboard atau window actions. Pada halaman action ketikkan sintak berikut; Stop(); Pastikan frame 1 aktif, jika tidak maka akan terjadi erro Sekarang coba jalankan animasi kita. Tidak terjadi lagi animasi yang berkedip bukan. Itu dikarenakan animasi berhenti pada frame 1. gotoandstop / gotoandplay. Perintah ini digunakan agar terjadi lompatan frame. Pada frame yang dilompati tersebut animasi akan diam jika diberikan script gotoandstop(); atau akan bergerak jika diberi perintah gotoandplay(); Masih diframe pertama, kliklah objek symbol play dan didalam action sript tulis sintak berikut;

8 on(release){ } gotoandstop(5); Sekarang jalankan animasi dan klik tombol play. Perhatikan apa yang terjadi. Bagaimana dengan tombol back, aktifkan frame 5 kemudian klik objek symbol back, pada action tambahkan script berikut; on(release){ gotoandstop(1); } Perlu diperhatikan, bahwa frame 5 aktif, jika tidak maka symbol back tidak akan berfungsi Sekarang tutorial yang kita buat telah selesai. Selamat mencoba