Modul 4 ANIMASI FLASH Bagian 2 KOMPETENSI Setelah menyelesaikan modul ini, mahasiswa diharapkan dapat mengetahui dan membuat jenis animasi path, masking, movie clip,button dan graphic. 1. TUJUAN Mahasiswa mengerti tentang konsep animasi Mahasiswa mengerti tentang jenis-jenis animasi Mahasiswa mengerti dasar-dasar menggambar objek dalam flash Mahasiswa mengerti metode pembuatan animasi dalam flash 2. TUGAS PENDAHULUAN a. Jelaskan apa yang anda ketahui tentang Animasi Path? b. Sebutkan macam-macam simbol dalam Macromedia Flash! c. Apa perbedaan animasi movie clip,button, dan graphic? d. Apa itu masking animation? 3. TEORI 1.1 Animasi Path Adalah animasi dari objek yang gerakannya mengikuti garis lintasan yang sudah ditentukan. Contoh animasi jenis ini adalah animasi kereta api yang bergerak mengikuti lintasan rel. Biasanya dalam animasi path diberi perulangan animasi, sehingga animasi terus berulang hingga mencapai kondisi tertentu. Dalam macromedia flash, animasi jenis ini didapatkan dengan teknik animasi path, teknik ini menggunakan layer tersendiri yang didefinisikan sebagai lintasan gerakan objek. 1.2 Symbol dalam animasi flash Dalam animasi flash kita diperkenalkan dengan symbol-symbol berupa Graphic, Button, dan Movie Clip. Ketiganya dapat kita pergunakan untuk mempermudah dalam pembuatan animasi. a. Graphic.
Symbol yang dapat di isi dengan objek diam, semisal objek binatang atau pemandangan. b. Button. Symbol jenis ini akan membuatnya menjadi tombol, jika diberikan arah alamat atau perintah tertentu, maka ketika diklik symbol ini akan menuju alamat yang diberikan atau melakukan perintah yang dikenakan pada tombol tersebut. c. Movie Clip. Dalam movie clip dapat diisi dengan objek bergerak, semisal, untuk membuat animasi orang berjalan, anda hanya perlu membuat orang melangkah sebanyak dua kali dalam objek movie clip, karena movie clip akan melakukan pengulangan secara otomatis pada animasi yang terkandung di dalamnya dengan catatan tidak ada skrip atau perintah yang menghentikan pengulangan animasi itu. 1.3 Masking Animasi masking adalah animasi yang pada intinya menampilkan objek yang semula kita sembunyikan. Animasi masking mempunyai 2 metode dasar yaitu : 1. Area masking yang bergerak, objek yang di mask diam. 2. Area masking yang diam dan objek yang di mask yang bergerak. Kedua teknik tersebut akan menampilkan hasil animasi yang berbeda.. Selain itu area masking hanya boleh berupa fill. Jadi untuk outline (garis) tidak diperbolehkan. 1.4 PRAKTIKUM a. Peralatan dan Bahan Perangkat komputer / PC / Laptop / Notebook / Netbook Sistem operasi Windows Macromedia Flash versi 8.0 atau di atasnya b. Keselamatan Kerja Baca dan pahami semua langkah kerja dari praktikum ini dengan cermat Pastikan diri anda terlindungi dari efek kejutan listrik yang dapat dikarenakan oleh grounding instalasi listrik yang tidak sempurna. c. Langkah Kerja
Siapkan alat dan bahan praktek. Selalu memperhatikan keselamatan kerja. Jalankan perangkat dengan menggunakan tools Macromedia. Organisasikan dengan baik folder pribadi anda untuk masing masing modul praktikum. 4. METODE PEMBUATAN ANIMASI 1. Animation Path Animasi ini merupakan dasar dari animasi game balapan mobil atau motor, yaitu bahwa mobil/motor bergerak mengikuti jalur/track yang sudah ditentukan. Hati-hati dalam membuat animasi ini, karena langkah tidak sesuai prosedur, maka animasi tidak akan berhasil. Adapun Langkah-langkahnya sebagai berikut: 1. Buat objek persegi menggunakan rectangle tool dan convert object to symbol (F8), pilih Movie Clip 2. Klik kanan pada layer 1, pilih Add Motion Guide 3. Buat jalur bebas menggunakan Pencil Tool di layer guide
4. Gunakan Selection Tool, klik frame 30, dan insert keyframe di layer guide 5. Pilih kembali layer 1, Klik kanan frame 1, Pilih Create Mottion Tween 6. Pindahkan objek ke pangkal jalur, posisikan objek dengan tepat, sehingga terlihat lingkaran kecil di tengah-tengah objek persegi menjadi: 7. Klik Kanan frame 30 pada layer 1, lalu Insert Keyframe
8. Pindahkan objek dari pangkal ke ujung sesuai jalur yang dibuat, hati-hati pada langkah ini! 9. Tekan Ctrl + Enter. 2. Animasi Movie Clip 1. Langkah pertama adalah masukan gambar dengan cara klik New Import Import to Library 2. Lalu pilih beberapa gambar yang akan di gunakan lalu klik open 3. Maka akan tampil pada list Library
4. Langkah selanjutnya untuk membuat Movie Clip adalah Klik menu Insert New Symbol Pilih type Movie clip. Maka akan tampil seperti dibawah ini : 5. Untuk memasukan gambar kedalam Stage lakukan dengan cara Drag and drop
6. Setelah Semua gambar di masukan maka Movie Clip telah jadi lalu Klik pada tulisan Scane 7. Setelah kembali mada scane Drag Symbol yang sebelumnya telah kita bikin ke dalam Stage. Dapat dilihat pada gambar : 8. Untuk memberi efect pada Symbol maka Insert Keyframe (disini insert Keyframe di lakukan pada frame 45) Lalu Kembalikan pada frame awal lalu klik kanan pilih Create Motion Tween. 9. Utuk Melihat nya maka tekan ctrl+enter 3. Button Clip Langkah awal untuk membuat button pada flash ini hamper sama seperti membuat movie clip ssebelumnya. 1. Pilih menu insert New Symbol dan pilih Symbol
2. Setelah klik oke maka akan muncul tampilan seperti dibawah ini : 3. Gambarlah sebuah Objek pada Stage Up (sebagai contoh menggambar lingkaran) Lalu pada Over klik kanan pilih Insert Keyframe lalu ubahlah warna lingkaran (pilih pada fill color). Lakukan langkah yang sama untuk Down dan Hit. 4. Setelah kembali mada scane Drag Symbol yang sebelumnya telah kita bikin ke dalam Stage. Dapat dilihat pada gambar 5. Utuk Melihat nya maka tekan ctrl+enter
4. Masking Animation 1. Buka file baru atau Ctrl+N. 2. Disini kita akan berkerja dengan area background berwarna hitam, jadi pada properties.kita ubah dulu warna background menjadi warna hitam. 3. Kemudian buat dua buah layer.dengan nama layer text yaitu layer yang di mask dan layer masked yaitu layer masking. 4. Pada layer text frame ke-1 buat sebuah tulisan ANIMASI MASKING dengan warna putih seperti pada gambar. 5. Kemudian klik kanan frame 50 pada layer text dan pilih Insert Frame. 6. Pada layer masked frame ke-1, buat sebuah lingkaran berbentuk elips berwarna hitam, letakkan di samping kiri dari stage.
7. Pada layer masked frame ke-50 klik kanan pilih Insert Keyframe. Lalu ubah posisi lingkaran elips ke samping kanan stage. 8. Pada layer masked frame ke-1 klik kanan pilih Create Motion Tween. 9. Pada layer masked, klik kanan pilih mask. 10. Kemudian tekan Enter untuk melihat hasilnya. 6. EVALUASI DAN PERTANYAAN 1) Jelaskan perbedaan Frame by Frame, Tweened dan Motion Shape animation? 7. STUDI KASUS Buatlah sebuah animasi sederhana dengan menggunakan teknik/metode yang sudah dipelajari! 8. KESIMPULAN
9. Hasil Review Date Result (1 5) Signature