Panduan Pembuatan Animasi Frame by Frame dengan Menggunakan Adobe Flash Pro CS 5

Panduan Pembuatan Animasi Frame by Frame dengan Menggunakan Adobe Flash Pro CS 5
  1.  Buka aplikasi Adobe Flash, lalu buatlah sebuah file baru dengan menekan tombol File > New
  2.  Pada panel pilihan New Document, pilih type Actionscript 3.0. Actionscript 3.0 (AS3) adalah sebuah bahasa pemrograman yang digunakan oleh Flash. Versi 3 merupakan versi pembaruan ari AS1 dan AS2 dan menjadi standart sejak 37 kemunculannya di tahun 2005. Untuk itu setiap project nantinya menggunakan pengaturan AS3 tersebut.
  3. Klik OK, maka stage akan terbentuk secara default. Pada awal installasi default dari Adobe Flash adalah proyek dengan ukuran 550 x 440 pixel dan 24 fps. Standart tersebut perlu kita ganti sesuai dengan output yang kita inginkan. Sebagai contoh untuk output berupa aplikasi komputer/desktop gunakan ukuran standart minimal 800x600 pixel dan 30 fps, sedang untuk handphone menggunakan ukuran minimal 800x480 pixel dan 30fps. Untuk merubah seting dari projek perhatikan pada bagian Dynamic panel di sebelah kanan layar. Pada bagian properties terdapat tombol edit untuk mengatur properties proyek. Klik tombol edit dan ubah parameter Dimensions menjadi width :800 pixel height:600 pixel dan fps 30.
  4. Tekan OK, dan ukuran stage akan berubah mengikuti pengaturan setting tersebut.
  5. Untuk membuat animasi frame by frame, langkah pertama adalah membuat sebuah gambar sebagai KeyFrame 1. Sebagai contoh kita akan menggambar burung sederhana.
  6. Selanjutnya klik frame ke 2, dan tambahkan Blank Keyframe. Ketika ada perintah seperti pada kalimat tersebut, maka langkah yang dilakukan adalah klik kanan frame ke 2 lalu memilih opsi Insert Blank Keyframe.
  7. Untuk menambahkan gambar burung kita membutuhkan panduan agar gambar di
    “kertas” (frame) ke dua tidak berbeda ukuran dari gambar di “kertas” pertama. Untuk itu dapat digunakan fitur Onion Skin. Tekan tombol Onion Skin pada timeline, maka gambar di frame 1 akan muncul dalam format transparan.
  8. Kemudian dengan menggunakan brush tool, gambar burung dengan posisi sayap yang berbeda. Lihat gambar :
  9. Non aktifkan Onion Skin, lalu jalankan animasi dengan menekan tombol
    Ctrl+Enter. Maka akan muncul jendela Flash Player yang menampilkan animasi burung tersebut, namun dalam gerakan yang terlalu cepat.
  10. Untuk memperlambat animasi tersebut, maka diperlukan durasi frame yang lebih panjang. Untuk melakukannya drag KeyFrame 2 menuju ke frame 5.
  11. Agar gambar ke 2 juga ditampilkan dalam waktu yang sama dengan gambar 1, maka gambar ke 2 membutuhkan durasi. Untuk memberikan durasi yang sama,
    klik kanan frame 10 lalu pilih Insert Frame.
  12. Jalankan kembali dengan menekan Ctrl+Enter, maka animasi akan berjalan lebih lambat dari sebelumnya. 






Referensi:

Wandah Wibawa, S.Sn., M.Ds.. 2017. Desain dan Pemrograman Multimedia Pembelajaran Interaktif. Jawa Timur: Penerbit Cerdas Ulet Kreatif

Comments

Post a Comment