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