Membuat Animasi Membuat Tombol dan Action Script

13. Membuat Animasi

1. Klik kanan pada frame ke-80 yang ada di dalam layer Gedung, lalu pilih Insert Frame. 2. Lakukan hal serupa untuk layer Jalan Raya dengan cara klik kanan pada frame ke-80 pada layer Jalan Raya, kemudian pilih Insert Frame. 3. Klik kanan frame-80 pada layer Bus, kemudian pilih Insert Keyframe. 4. Klik kiri frame 1 pada layer Bus. Geser posisi Bus menjadi berada di sudut paling kanan menggunakan cara drag and drop dengan mouse, atau menggunakan tombol Arrow Key kiri dan kanan yang ada dalam keyboard. TIK SMA Kelas XII 192 5. Buat layer baru, kemudian beri nama Gedung. Caranya pilih Insert Timeline Layer. Ubah nama layer menjadi Gedung, lalu atur urutan layer supaya berada pada urutan paling bawah. 6. Gambar objek Gedung menggunakan Rectangle Tool yang ada dalam Tool Box. Caranya, klik tombol Rectangle Tool, kemudian gambar kotak-kotak hingga menyerupai gedung di dalam Stage, seperti tampak pada gambar di samping. Gambar 6.24 Tampilan Bus Gambar 6.25 Layer Gedung Gambar 6.26 Objek Gedung Gambar 6.27 Layer Gedung Gambar 6.28 Insert keyfrema Di unduh dari : Bukupaket.com 6. Klik kiri frame 1 pada layer Bus. Selanjutnya, pada Property Panel, dalam pilihan Tween pilihlah Motion. 7. Jalankan movie dengan cara pilih Control Test Movie.

14. Membuat Tombol dan Action Script

1. Berikutnya buat layer baru, beri nama Stop. Dalam layer ini nantinya akan diberi action script Stop supaya animasi akan berhenti ketika animasi pertama kali dijalankan. Caranya pilih Insert Timeline Layer. Ubah nama layer baru tersebut dengan nama Stop. 5. Klik kiri frame 80 pada layer Bus. Geser posisi Bus menjadi berada di sudut paling kiri dengan cara drag and drop dengan mouse atau menggunakan tombol Arrow Key kiri dan kanan yang ada di dalam keyboard. Gambar 6.29 Menggeser Posisi Gambar 6.30 Pergeseran posisi Gambar 6.31 Properti Panel Gambar 6.32 Action Script 1 1 193 BAB 6 Perangkat Lunak Animasi Di unduh dari : Bukupaket.com 3. Buat layer baru, kemudian beri nama Play. 4. Tampilkan Library Button, caranya pilih Window Other Panels Commons Libraries Buttons. 5. Expand semua folder yang tampil dengan cara klik kanan pada salah satu menu tombol yang tampil dalam Library, lalu pilih expand All Folders. 6. Klik kiri pada layer Play terlebih dahulu. Selanjutnya pilih salah satu tombol, kemudian tarik dan masukkan ke dalam Stage. 7. Klik kanan pada tombol Enter yang ada dalam Stage, kemudian pilih Actions. Kemudian, ketikkan kode seperti tampak pada gambar di bawah ini. TIK SMA Kelas XII 194 2. Klik kanan pada frame 1 pada layer Stop, lalu pilih Actions. Kemudian dalam panel Actions, ketikkan script Stop ; seperti tampak pada gambar di samping ini. Gambar 6.33 Membuat layer baru Gambar 6.34 Library Gambar 6.35 Stage Gambar 6.36 Action Script 8. Buat layer baru dan beri nama Pause. 9. Tarik dan masukkan salah satu tombol button yang ada di dalam Panel Library ke dalam Stage dalam layer Pause. 10. Klik kanan pada tombol Pause yang ada dalam Stage kemudian pilih Actions. Kemudian, ketikkan kode seperti tampak pada gambar di bawah. Gambar 6.37 Timeline Di unduh dari : Bukupaket.com Gambar 6.38 Tampilan Bus 11. Jalankan animasi yang telah dibuat dengan cara, pilih Control Test Movie. Gambar 6.39 Action Script

15. Mempublish Hasil Akhir