Jumat, 26 Juli 2019

Tutorial membuat Animasi 2D (stopmotion) dengan Macromedia Flash 8

Tutorial membuat Animasi 2D (stopmotion) 

Menggunakan Software

 Macromedia Flash 8


Assalamu'alaikum.wr.wb

          Selamat Datang diblog saya. Kali ini saya akan berbagi tutorial membuat animasi orang berjalan dengan teknik stopmotion, stopmotion adalah teknik membuat animasi atau film dari potongan-potongan gambar yang dibuat seolah-olah menjadi berhubungan satu sama lain, sehingga membentuk suatu gerakan. Dalam pembuatan aplikasi ini saya menggunakan software Macromedia Flash 8.

          Pengertian lain Animasi stopmotion adalah animasi yang memanipulasi gambar agar suatu benda mati dapat bergerak sendiri dan tergantung dalam perhitungan frame (Pharosproduction, 2006, chap. I). Cara kerja stopmotion yaitu mengharuskan animator mengubah scene secara fisik, memfoto satu per satu frame, mengubah   scene lagi dan memfoto satu frame lagi, dan seterusnya.

Tutorial pembuatan animasi:

1. Pertama, kita harus menyiapkan dulu objek gambar yang akan dijadikan animasi, dibawah ini adalah objek yang akan saya pakai. kalian boleh cari objek lain atau juga boleh ambil contoh gambar di bawah ini.


2. Jika objek gambar yang akan dijadikan animasi sudah siap, maka kita langsung saja buka software Macromedia Flash. Dan tampilannya akan terbuka seperti gambar di bawah, pilih Flash Document.


3. Gambar di bawah adalah tampilan area kerja dari software Macromedia Flash 8.


    Saya akan menjelaskan beberapa komponen utama pada Macromedia Flash 8 sesuai nomor yang sudah ditandai.
  1. Stage yaitu area persegi empat yang merupakan tempat dimana kita membuat objek atau animasi yang akan dimainkan.
  2. Timeline terdiri atas Layer dan Frame. Fungsinya adalah sebagai tempat pengaturan timing atau waktu animasi. Layer merupakan lapisan kerja yang memisahkan objek dengan tujuan untuk mempermudah mengedit suatu objek tanpa mempengaruhi objek lain. Frame kotak-kotak berurutan dalam timeline, di frame inilah nantinya kita akan menentukan posisi objek sehingga membentuk suatu pergerakan.
  3. Toolbox merupakan kumpulan alat untuk membuat atau menggambar, memilih dan memanipulasi isi stage dan timeline. 
  4. Properties merupakan window yang digunakan untuk mengatur property dari objek yang kita buat.

oke, lanjut ke tahap pembuatan animasi.


4. Tahap selanjutnya adalah memasukan objek ke Stage di frame ke 1 dengan cara drag & drop. 



5. Klik frame ke 2 lalu klik kanan dan pilih Insert Blank Keyframe.


6. Masukan gambar ke 2 ke stage.


7. Ulangi langkah ke 5 dan masukan gambar selanjutnya hingga gambar terakhir. 

8. Karena pada animasi orang berjalan hanya mengulang-ulang gambar sebelumnya jadi kita hanya perlu meng-copy frame yang sudah dibuat tadi dengan cara klik kanan pada frame dan pilih Select All Frame > Jika frame sudah ter-blok, klik kanan lagi > Copy Frame > Paste Frame pada frame yang kosong setelahnya. (saya melakukan paste sebanyak 4 kali/sampai pada frame 40).





*Tekan ctrl + enter untuk melihat preview animasi.

9. Pada preview animasi objek terlihat bergerak jalan di tempat. Lalu saya akan membuat objek bergerak jalan meninggalkan stage mulai pada frame ke 30. Caranya dengan menggeser maju posisi objek frame per frame tetapi jarak pergeserannya disesuaikan dengan langkah kaki objek agar perpindahan objek lebih terlihat natural.

10. Mulai pada frame 31, geser maju objek dan lalukan pada frame selanjutnya hingga objek berada di luar kotak putih.



*Saya menambahkan beberapa frame lagi karena jika hanya 40 frame,
objek tidak sampai ke luar stage. caranya copy frame seperti pada tahap ke 8.

10. Animasi objek telah jadi dan previewnya seperti video di bawah, tapi belum selesai sampai sini karena kita harus membuat backgroundnya agar terlihat lebih menarik. 




11. Menambahkan background. pertama kita tambah layer baru dengan klik ikon kertas bertanda (+).


12. Jika sudah muncul layer baru. kita masukan backgroud ke dalam stage. Kalian bisa membuat background dengan panjang background 3x lebih panjang dari stage.


13. Posisi background pada frame ke 1 seperti dibawah ini.


14. Lalu Insert Keyframe pada frame ke 30 dan posisikan background seperti ini.


15. Pilih frame antara 1 - 30 (bebas). Lalu klik kanan dan pilih Create Motion Tween. Dan lihatlah preview animasinya.



16. Inilah hasil animasi yang sudah jadi.




Sekian tutorial yang saya berikan kurang lebihnya mohon maaf.
Semoga bermanfaat dan saya ucapkan terimakasih.









Tidak ada komentar:

Posting Komentar