Modul Tutorial Flash MX

  • Published on
    12-Oct-2015

  • View
    18

  • Download
    0

Embed Size (px)

DESCRIPTION

bebas download

Transcript

  • Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS

    TTrraaiinniinngg

    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 4. Hapus lingkaran ganti dengan kotak

    Gambar 2. Menduplikat obyek dengan Insert Keyframe.

    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.

    2. Buat gerakan parabola Klik kanan frame 20 Insert Keyframe geser bola ke posisi puncak parabola

    Gambar 5. Mengonversi obyek ke simbol movie clip.

    Gambar 6. mengkopi obyek bola

    3

  • Dewanto Harjunowibowo, M.Sc. PFisika PMIPA UNS

    Gambar 7. Memberi aksi Tween Motion

    3. Klik kanan frame 40 Insert Keyframe geser bola ke posisi akhir parabola 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. Perhatikan! Buatlah Insert Keyframe pada frame ke 40 (untuk keperluan lain bisa Anda ganti).

    Gambar 8. Mengopi bola dengan Insert Keyframe

    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. 7. Beri garis seperti gambar 10 dengan fitur line tool. Tekan Shift, tahan lalu klik sekali pada garis lengkung bagian bawah

    Klik di tengah, lalu tekan delete.

    Gambar 9. Membuat lintasan dari lingkaran

    dan garis lalu delete. 8. Anda akan dapatkan lintasan parabola. Ubahlah ukurannya dengan mengklik parabola tersebut lalu mengklik Free Transform Tool.

    Gambar 10. Membuat lintasan parabola

    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). 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.

    Gambar 12. Menempatkan bola ke ujung-ujung parabola

    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) { perintah saat tombol dilepaskan maka stop () ; 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