Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
Training
Target:
Pemula
Trainer : Dewanto Harjunowibowo
Pendidikan Fisika PMIPA Universitas Sebelas Maret 2014
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
PENGANTAR Modul ini dibuat sedemikian rupa sehingga diharapkan para pengguna (user) bisa dengan lebih mudah mengikuti bagaimana belajar dengan menggunakan software Flash MX. Modul ini memberikan urutan cara pembuatan bagian-bagian presentasi seperti cara pembuatan movieClip untuk animasi. Satu saran dari kami adalah Cermatilah tiap-tiap langkah yang Anda tempuh untuk mengerti cara pembuatan suatu produk movie karena tata cara tersebut akan digunakan sama bila mempunyai fungsi simbol yang serupa hanya saja dengan batasan kekreatifitasan Anda sendiri. Jangan lupa simpan pekerjaan Anda sewaktu-waktu agar AMAN. Selamat menikmati! SHAPE TWEEN Menganimasikan/menggerakkan benda (shape) berubah bentuk menjadi bentuk yang lain (dari bola ke kotak, dan bisa yang lain). Pada Shape Tween ini properties obyek adalah shape. Langkah: 1. Buat bulatan/lingkaran dengan oval tool di stage. Klik Oval Tool Î klik di stage, tahan, geser kanan/kiri hingga berbentuk lingkaran, lepaskan.
Gambar 1. Membuat lingkaran.
2. Seleksi lingkaran tersebut Klik Arrow Tool Î Klik 2x pada obyek lingkaran 3. Klik kanan di frame 15 Î klik Insert Keyframe
1
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
Frame 15
Gambar 2. Menduplikat obyek dengan Insert Keyframe.
4. Hapus lingkaran ganti dengan kotak
Gambar 3. Mengganti obyek lingkaran dengan kotak
5. Klik di frame antara frame 1 – 15 Î buka panel Properties sebelah bawah stage Î ganti option Tween dengan Shape.
Gambar 4. Memberi aksi Tween Shape
2
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
6. Jalankan movie Anda, tekan Ctrl+Enter pada keyboard Sekarang Anda dapatkan movie dengan sebuah lingkaran berubah menjadi kotak, cobalah mengubah bentuk lain, misalnya huruf yang berubah-ubah Æ gunakan falisilas Break Apart (ctrl+b)
MOTION TWEEN Menganimasikan/menggerakkan benda (Movie Clip). Pada Motion Tween, properties obyek harus berupa “graphic atau movie clip”. Langkah: 1. Buka dokumen Flash baru (File > New). Buat lingkaran lalu ubah menjadi Movie Clip. Klik Oval Tool Î di stage, klik, tahan, geser, lepaskan Î klik 2x lingkaran Î klik kanan lingkaran Î klik Convert to Symbol Î beri nama “bola” Î pilih movie clip Î Ok.
Gambar 5. Mengonversi obyek ke simbol “movie clip”.
2. Buat gerakan parabola Klik kanan frame 20 Î Insert Keyframe Î geser bola ke posisi puncak parabola
Gambar 6. mengkopi obyek bola
3
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
3. Klik kanan frame 40 Î Insert Keyframe Î geser bola ke posisi akhir parabola
Gambar 7. Memberi aksi Tween Motion
Berikan aksi Tween Motion pada bagian Properties. 4. Jalankan movie Anda, tekan Ctrl+Enter pada keyboard Sekarang Anda dapatkan animasi berbentuk parabola dari sebuah bola, meskipun masih kasar lintasannya. Cobalah menggunakan lintasan lain dengan fasilitas Guide Layer. Jangan lupa simpan pekerjaan Anda. 5. Lanjutkan latihan sebelumnya. Klik titik di bawah gambar mata pada Timeline agar latihan sebelumnya tak kelihatan. Buat bola kecil seperti langkah gambar 5, pada layer baru.
Gambar 8. Mengopi bola dengan Insert Keyframe
Perhatikan! Buatlah Insert Keyframe pada frame ke 40 (untuk keperluan lain bisa Anda ganti).
4
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
6. Tekan Guide Layer lalu buat oval di tengah stage. Klik tengah oval tersebut lalu tekan delete.
Klik di tengah, lalu tekan delete.
Gambar 9. Membuat lintasan dari lingkaran
7. Beri garis seperti gambar 10 dengan fitur line tool. Tekan Shift, tahan lalu klik sekali pada garis lengkung bagian bawah dan garis lalu delete.
Gambar 10. Membuat lintasan parabola
8. Anda akan dapatkan lintasan parabola. Ubahlah ukurannya dengan mengklik parabola tersebut lalu mengklik Free Transform Tool.
Gambar 11. Mengubah ukuran parabola
5
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
9. Klik frame 1 bola, pindahkan bola ke ujung kiri parabola hingga titik center tepat pada ujung parabola. Klik frame terakhir, geser bola ke ujung parabola kanan hingga titik center tepat di ujung. Lalu berikan aksi Motion Tween di frame tengah. Tes movie (ctrl + enter).
Gambar 12. Menempatkan bola ke ujung-ujung parabola
MEMBUAT TOMBOL UNTUK NAVIGASI Tombol dipakai untuk melakukan eksekusi suatu perintah yang kita berikan. 1. Lanjutkan latihan sebelumnya. Tambahkan layer baru (Add layer) 2. Buat lingkaran kecil di stage, beri warna biru. Klik dua kali pada lingkaran tersebut dan klik kanan. 3. Pada dialog yang terbuka, klik convert to Symbol.
4. Beri nama bola, centang Button, tekan ok.
5. Pada lingkaran yang telah menjadi tombol di stage, klik dua kali untuk mengeditnya. Maka muncullah tampilan berikut:
6. Pada frame di bawah Over, copy lingkaran dengan meng-klik kanan dan pilih insert Keyframe. Lalu ubah warna biru menjadi merah. Lakukan hal serupa pada frame di bahaw Down, dan beri warna hitam. Setelah itu klik Scene 1, untuk kembali ke stage awal. Simpan pekerjaan Anda. 7. Tes movie (ctrl+enter). Cobalah klik pada tombol yang Anda buat, perhatikan yang terjadi.
6
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
ACTIONSCRIPT Memberi perintah pada tombol yang Anda buat untuk melakukan sesuatu. 1. Klik tombol yang sudah Anda buat pada latihan sebelumnya. Seleksi dialog Action.
2. Tuliskan actionscript berikut: on (release) { stop () ; }
Æ perintah saat tombol dilepaskan maka Æ hentikan semua animasi yang sedang berjalan
3. Buatlah tulisan dan tiga tombol seperti gambar berikut (gunakan copy paste)
4. Isikan actionscript pada tombol play: on (release) { Æ perintah saat tombol dilepaskan maka play () ; Æ mainkan semua animasi yang sedang berjalan }
5. Isikan actionscript pada tombol gotoAndplay: on (release) { Æ perintah saat tombol dilepaskan maka gotoAndPlay (35) ; Æ melompat ke frame 35 dan mainkan semua animasi yang sedang berjalan }
6. Tes movie dan cobalah tiap-tiap tombol yang Anda buat. MENAMBAHKAN SUARA Pada sesion ini kita akan mencoba menambahkan sound/suara pada project. 1. Pilih File > Import > Import to Library. Cari dan pilih jenis musik yang Anda suka. 2. Buka Library (tekan F11). Library adalah tempat untuk menyimpan berbagai simbol dan aset Flash yang kita gunakan dalam project. 3. Pada timeline utama buat layer baru dengan nama “suara”.
7
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
4. Buat keyframe di frame ke 2 pada layer suara. Lalu drag and drop musik yang Anda pilih tadi di Library ke Stage. Gambar grafik suara akan muncul di timeline. Pada panel Properties ubah repeat menjadi 3. Hal ini mengakibatkan suara akan diulang terus menerus sampai 3 kali. 5. Seleksi frame 1 di layer action. Buka Action panel. Global Function > Timeline Control >stopAllSounds. Action ini akan mengakibatkan suara berhenti apabila playhead movie kembali ke frame 1. Hal ini bertujuan agar suara tidak bertumpuk.
6. Lakukan test Movie. MEMBUAT SCROLLING TEXT 1. Tambahkan layer baru dari latihan sebelumnya. Buat kotak teks secukupnya di dalam stage dengan Properties : Dynamic Text, Multiline, Var isikan ‘teks’. 2. Anda akan melihat kotak putih kecil yang disebut handle di kotak teks yang baru Anda buat tadi.
3. Ubahlah warna handle tersebut dengan menekan tombol SHIFT sembari mengklik ganda handle tersebut hingga berubah hitam, tanda teks bisa di scroll.
4. Silahkan isi tulisan sebanyak yang Anda mau. Lalu ambil tombol dari library (F11). Buat 2 tombol lihat gambar.
8
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
5. Seleksi tombol atas dan isikan actionscript berikut: on (press) { pressing = true; perubahan = -1; } 6. Seleksi tombol bawah dan isikan actionscript berikut: on (press) { pressing = true; perubahan = 1; }
7. Seleksi kedua tombol dengan menekan tombol SHIFT sambil mengklik kedua tombol tersebut. Setelah terseleksi keduanya, klik kanan pada salah satu tombol dan pilih convert to Symbol dan pilih movieClip dan klik OK. 8. Buka dialog Action dan isikan: onClipEvent (enterFrame) { if (pressing == true) { _root.teks.scroll = _root.teks.scroll+perubahan; } }
9. Tes Movie. Tekanlah tombol scroll yang baru saja Anda buat. Anda akan mendapatkan teks yang bergerak ke atas atau ke bawah dalam sekali tekan. Sekarang Anda akan membuat teks bergerak ke atas atau ke bawah satu baris tiap kali menekan tombol. 10. Actionscript pada langkah ke 5 diganti: on (release){ _root.teks.scroll=_root.teks.scroll-1; }
11. Actionscript pada langkah ke 6 diganti: on (release){ _root.teks.scroll=_root.teks.scroll+1; }
12. Actionscrip langkah ke 8, dihapus. Kemudian tes movie.
MEMPUBLISH FLASH Anda akan berlatih membuat file application dari file animasi flash yang telah Anda simpan dan diberi nama. 1. Pada file fla yakni file animasi yang telah Anda kerjakan, buka File>Publish Setting maka muncullah dialog berikut:
9
Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS
2. Centang seperti tampak pada gambar atas sebelah kanan, lalu klik Publish dan OK. 3. Silahkan buka folder yang terdapat file flash Anda tadi yang berekstensi exe. MEMBUAT AUTORUN CD Anda akan membuat CD yang secara otomatis akan menampilkan proyek animasi dalam CD setelah dimasukkan ke dalam CDROM. 1. Setelah dipublish ke exe, buka notepad pada windows (start>accessories>notepad) 2. Tuliskan skrip berikut [AUTORUN] OPEN=NAMAFILE.EXE
3. Simpan file di folder yang sama dengan file exe Anda (File>save as) 4. Ganti Save as type dengan All files 5. Beri nama autorun.inf lalu SAVE. 6. Burning CD yang berisikan file exe dan swf yang digunakan serta autorun.inf tadi. BEBERAPA CONTOH PROJECT KECIL DAN SEDERHANA MEMBUAT KONVERSI CELCIUS KE FAHRENHEIT 1. Buat file movie Flash baru. 2. Buat teks statis dan input serta dynamic seperti gambar berikut. Input text+border+var=celcius Dynamic text+border+var=fahrenheit
Static text
3. Seleksi tombol dan beri action berikut: on (release) { fahrenheit=((9/5)*celcius)+32; }
4. Tes movie Agar kreatifitas Anda terasah, maka LATIHAN secara langsung merupakan jalan satu-satunya yang terbaik. 10