DAFTAR ISI Daftar Isi Pertemuan 1 Dasar Animasi Pertemuan 2 Tombol Musik Pertemuan 3 Tombol Frame Pertemuan 4 Scroll Text Pertemuan 5 Kursor Ku

Transkripsi

1

2 DAFTAR ISI Daftar Isi 1 Pertemuan 1 Dasar Animasi 2 Pertemuan 2 Tombol Musik 2 Pertemuan 3 Tombol Frame 3 Pertemuan 4 Scroll Text 4 Pertemuan 5 Kursor Ku 5 Pertemuan 6 Kendali Dengan KeyBoard 6 1

3 Pertemuan 1 Dalam pertemuan yang pertama, kita akan belajar mengenai animasi standar dalam makromedia flash, yaitu menggerakkan sebuah object. Langsung saja dengan banyak SEMANGAT!!! 2. Buatlah sebuah object dalam area gambar flash dan letakkan pada sebelah kanan area gambar. 6. Berikan Motion Tween pada frame 1, dengan cara klik kanan pada frame 1 pilih pilihan Create Motion Tween. Tugas 1 Bagaimanakah cara anda membuat benda berubah bentuk??? 5 menit mencoba, jika tidak bisa baru bertanya. SEMANGAT.!!! 3. Seleksi object yang kita buat tadi dengan selection tool, lalu kita convert to simbol dengan cara tekan F8. Pada jendela convert to simbol kita lihat, untuk nama: berilah nama sesuka anda; Type: Movie clip; dengan registration: pada titik center/tengah. OK. 4. Kini lihatlah pada Time Line layer 1. Berilah KeyFrame pada frame 10 dengan cara klik frame 10 lalu tekan F6 atau klik kanan pada frame 10, pilih pilihan Insert KeyFrame. 5. Masih pada KeyFrame 10, geserlah object yang kita buat kekiri. Pertemuan 2 Dalam pertemuan kedua, kita akan belajar memasukkan musik yang dikontrol dengan sebuah tombol, yang mana tidak memerlukan ActionScript untuk melakukannya. Tidak pakai pusing, kita lakukan langkahnya seperti dibawah ini. 2. Masukkan file musik yang akan dimainkan dengan cara klik File > Import > Import To Library. Lalu pilihlah file musik yang akan dimainkan. 3. Masukkan Tombol kedalam area gambar, klik Window > Common Libraries > Buttons. 2

4 4. Pilihlah dua tombol yang ada didalam Library-Buttons. Ingatlah, satu tombol play dan satu tombol stop. Pastikan semua langkah tadi benar. Jika sudah klik tombol scane 1 untuk kembali pada jendela awal (hampir sama dengan langkah no 5) 5. Double Klik pada tombol play untuk memasuki ButtonClip. Lalu kliklah pada salah satu KeyFrame Down manapun. Buka propertiesnya dan kita akan melihat sound masih dalam kondisi none, kini klik pada none dan ketika pilihan muncul, pilihlah Pertemuan 3 Dalam pertemuan sebelumnya, kita telah membahas cara menggunakan tombol tanpa ActionScript. Sekarang kita akan menggunakan ActionScript sederhana yang melibatkan interface frame. 2. Masukkan dua tombol, dimana tombol tersebut akan kita gunakan untuk tombol lanjut dan untuk tombol kembali (Gunakanlah cara seperti pada pertemuan sebelumnya). lagu yang telah kita masukkan tadi. Setelah itu klik Event dan pilihlah pilihan Start. Pastikan semua langkah tadi benar. Jika sudah klik tombol scane 1 untuk kembali pada jendela awal 6. Double Klik pada tombol stop untuk memasuki ButtonClip. Lalu kliklah pada salah satu KeyFrame Down manapun. Buka propertiesnya dan kita akan melihat sound masih dalam kondisi none, kini klik pada none dan ketika pilihan muncul, pilihlah lagu yang telah kita masukkan tadi. Setelah itu klik Event dan pilihlah pilihan Stop. 3. Klik salah satu tombol yang akan dipakai untuk tombol kembali. Lalu tekan F9 untuk membuka jendela Action-Button. Pada jendela Action-Button kita akan mengetik secara manual, sehingga jika Script Assist aktif harus di non-aktifkan terlebih dahulu dengan cara kita klik tombol Script Assist. 4. Ketiklah Script dibawah ini untuk tombol kembali on (release) { } prevframe(); 5. Klik pada tombol lanjut dan tekan F9 untuk membuka jendela ActionScriptnya, dan masukkan Script berikut ini on (release) { 3

5 } nextframe(); 6. Kini masukkan KeyFrame kedalam layer 1 Frame 2, 3, 4, dan 5. Klik frame 2 dan tekan F6, klik frame 3 dan tekan F6, klik frame 4 dan tekan F6, klik frame 5 dan tekan F6. 7. Kini cobalah untuk memasukkan object yang berbeda kedalam masing-masing frame. 5 menit mencoba, jika tidak bisa baru bertanya. Pertemuan 4 Kali ini kita akan membuat scrolling text, disini kita tidak perlu menggunakan ActionScript. Tanpa panjang kali lebar yang menjadikan luasan HaHaHa so langsung saja. 2. Masukkan text yang akan discrolling, ubah jenis static text menjadi dinamik text, 3. Buka jendela componen, klik pada Window>Components atau Ctrl+F7. 4. Pada jendela Components pilih User Interface > UIScrollBar, lalu drag and drop UIScrollBar pada text yang kita buat tadi. 5. Seleksi kedua object (text dan UIScrollBar) tadi, lihat pada propertiesnya dan rubahlah H: menjadi lebih kecil misalnya 500 menjadi Lakukan test movie dan lihatlah hasilnya. multi line, Anti-alias for readability lalu klik Emblem (lihat gambar). Pada jendela Emblem, blok UpperCase, LowerCase, Numerals, Punctuation. Lalu klik OK. 4

6 Pertemuan 5 Kali ini waktunya kita untuk membuat kursor sendiri. Yang perlu diperhatikan adalah ActionScript yang akan kita tulis nanti. Karena jika ActionScript dituluis salah kapitalnya saja, movie pun tidak akan berjalan. So, langsung saja dengan tetap SEMANGAT. 2. Kini buatlah sebuah object yang akan kita gunakan sebagai pointer mouse. Disini saya contohkan sebuah panah. 3. Convert object yang kita buat menjadi MovieClip (seleksi object lalu tekan F8), berikan nama untuk MovieClip : KursorKu, Type : MovieClip. Lalu OK. 4. Klik dua kali MovieClip KursorKu untuk masuk pada jendela edit MovieClip. Kita 5. Kembali pada Scene 1, dengan jalan mengklik tombol Scene Kini seleksi MovieClip KursorKu tadi dan lihatlah pada bagian propertiesnya. Ubahlah InstanceName-nya menjadi inikursorku. 7. Buka Action-MovieClip dan masukkan Script dibawah ini akan melihat tanda + ditengah-tengah area gambar, tanda ini berarti tempat pointer kita bekerja nanti. Kini geser object kita sehingga kurang lebih terlihat seperti dibawah ini 8. Lakukan TestMovie untuk melihat hasilnya. 5

7 Pertemuan 6 Dalam pertemuan terakir ini kita akan mencoba membuat sebuah MovieClip yang mana digerakkan menggunakan tombol pada keyboard komputer. Cara ini akan memakan waktu yang cukup panjang, jadi perlu diperhatikan dengan baik-baik. 2. Buatlah sebuah MovieClip dalam area gambar. Dalam pembelajaran ini akan dicontohkan dengan menggunakan lingkaran sebagai MovieClip. Untuk nama MovieClip bisa diatur sendiri. 3. Masuklah dalam Action-MovieClip dan ketiklah Script dibawah ini onclipevent (EnterFrame) { if (Key.isDown(Key.UP) && Key.isDown (Key.RIGHT)) { this._rotation = 45; this._y = _y-15; this._x = _x+15; } else if (Key.isDown(Key.DOWN) && Key.isDown (Key.RIGHT)) { this._rotation = 135; this._y = _y+15; this._x = _x+15; } else if (Key.isDown(Key.DOWN) && Key.isDown (Key.LEFT)) { this._rotation = 225; this._y = _y+15; this._x = _x-15; } else if (Key.isDown(Key.UP) && Key.isDown (Key.LEFT)) { this._rotation = 315; this._y = _y-15; this._x = _x-15; } else if (Key.isDown(Key.UP)){ this._rotation = 0; this._y = _y-30; } else if (Key.isDown(Key.DOWN)){ this._rotation = 180; this._y = _y+30; } else if (Key.isDown(Key.LEFT)){ this._rotation = -90; this._x = _x-30; } else if (Key.isDown(Key.RIGHT)){ this._rotation = 90; this._x = _x+30; } } 4. NAH.!!! Lakukan Test Movie untuk melihat hasil kerja kita. 6

8 Kesan dan Pesan selama mengikuti kursus Pertemuan 1 Pertemuan 2 Pertemuan 3 Pertemuan 4 Pertemuan 5 Pertemuan 6 7