Tutorial Animasi Vespa Berjalan

TUTORIAL TENTANG CARA MEMBUAT ANIMASI SEPEDA MOTOR VESPA MENGGUNAKAN PROGRAM APLIKASI MACROMEDIA FLASH 8.

Untuk Tugas KK 9 Kelas XI MM SMK "DARUL 'ULUM" KEPUHDOKO.

Bahan :

• Siapkan 3 gambar, gambar yang pertama untuk background, kedua untuk sepeda motor vespa dan ketiga untuk bannya. Pastikan ketiga gambar tersebut telah diwarnai.

Gambar sepeda motor & ban. Untuk mewarnainya & memotongnya gunakan program Adobe Photoshop.

 

 

 

Gambar untuk background

 

 

Hasilnya jika sudah di potong dan diwarnai menggunakan Adobe Photoshop adalah sebagai berikut :

1. Gambar Background yang telah di warnai

 

2. Gambar sepeda motor vespa yang telah di potong dan di warnai menggunakan Adobe Photoshop

3. Gambar Ban

 

 

Langkah - langkah :

1.  Buka Program Aplikasi Macromedia Flash 8 dengan cara klik sebanyak dua kali pada icon Program Macromedia Flash 8 pada desktop atau bisa juga klik start - All Programms - Macromedia - Macromedia Flash 8.
2. Tunggu beberapa saat hingga muncul tampilan pertama dari Macromedia Flash 8. Karena kita ingin membuat project animasi baru, maka kita pilih New Flash Document. Tunggu hingga muncul area kerja yang kosong dengan Title Bar di atasnya Macromedia Flash 8 - Untitled 1.
3. Klik icon yang terletak di bawah scroolbar horizontal yang di tandai dengan persegi dengan segitiga di dalamnya, kemudian akan muncul Properties, kita klik Size untuk mengatur ukuran kanvas. Kita ubah ukurannya dari ukuran semula, yakni 550 px X 400 px menjadi 1024 px X 800 px lalu kita klik OK.
4. Masukkan gambar untuk background dengan cara men-drag ke dalam kanvas lalu atur posisi sesuai dengan ukuran kanvas. Jika sudah, kunci gambar dengan meng-klik gambar gembok yang terletak di sebelah kanan layer.
5. Lalu klik icon Insert New Layer hingga muncul Layer 2.
6. Pada layer 2 ini, kita masukkan 2 gambar sekaligus, yang pertama gambar sepeda motor vespa & yang kedua gambar ban dengan cara seperti pada langkah No. 4. Hanya saja kita tidak perlu mengunci kedua gambar tersebut dan atur ukurannya sesuai dengan kebutuhan.
7. Klik kanan pada ban lalu pilih Convert to Symbol, dan pilih Movie Clip serta pastikan tanda regristasinya berada di tengah, lalu kita klik OK. Tujuannya adalah agar gambar tersebut dapat berputar dengan baik pada waktu di animasikan atau digerakkan.
8. Jika sudah, klik dua kali pada gambar ban, dan pada bagian ini kita mulai membuat animasinya. Biasanya, jika kita sudah masuk di bagian ini di tandai dengan warna gambar background yang transparan. Lalu buatlah aniamasinya dengan mengklik frame berikutnya lalu klik kanan, pilih Insert Key Frame lalu putar posisi ban sebanyak 45 derajat. Lakukan hal ini berturut-turut hingga ban kembali seperti semula. Untuk memperhalus geraknya animasi, kita klik kanan pada frame pertama, lalu pilih Create Motion Tween serta pada frame yang lainnya. Jika sudah, kita kembali ke Scene 1 dengan cara meng-kliknya. Lalu kita gandakan gambar ban tersebut dengan cara tekan Ctrl + C lalu tekan Ctrl + V. Lalu kita atur posisinya agar berhimpitan dengan gambar sepeda motornya. Jika gambar ban terletak di depan bagian sepeda motor, kita balik posisinya dengan klik kanan pilih Arrange - Send Backward.
9. Jika sudah, kita group semua gambar dengan cara menyeleksi semuanya dengan cara men-drag mouse dari atas kiri gambar sampai kanan bawah gambar lalu tekan Ctrl + G pada keyboard.
10. Jika sudah, kita buat animasi sepeda motor yang berjalan dari sebelah kanan ke sebelah kiri dengan cara klik kanan pada frame yang pertama, lalu pindahkan posisi gambar yang telah di group tadi ke awal ( sebelah kanan dari kanvas ), lalu klik pada frame berikutnya, misal kita gunakan frame ke 50, kita klik kanan pada frame ke 50 lalu pilih Insert Key Frame dan pindahkan gambar ke akhir ( sebelah kiri dari kanvas ). Seperti langakah tadi, untuk memperhalus pergerakan animasi kita klik kanan pada frame yang pertama dan kita pilh Create Motion Tween.
11. Jika ingin menambahkan suara ( audio ) ke dalam project animasi kita, kita masukkan file audio dengan format WAVE (.wave) lalu kita copy dengan cara tekan Ctrl + C pada keyboard lalu kita klik Ctrl + V pada frame pertama di layer 3. Audio berhasil di Copy bila pada layer 3 muncul gelombang digital.
12. Terakhir, ubah format animasi yang kita buat dari format Macromedia Flash 8 ke dalam format Windows AVI (.avi) dengan cara kita klik pada Menu File - Export - Export Movie - ketik nama file dan pilih format Windows AVI (.avi) lalu klik Save - Klik OK - Klik OK. Dan animasi yang telah kita buat dapat kita lihat dengan program aplikasi pemutar video, seperti : Windows Media Player, GOM Player, VLC Media Player, Media Player Classic dan lain sebagainya.

Dan inilah hasil dari animasi yang telah kita buat dengan menggunakan program aplikasi Macromedia Flash 8 tadi :

Sekian tutorial ini. Tentulah tutorial yang saya buat ini masih banyak sekali kekurangannya, karena itu saya sangat mengharapkan kritik & saran dari para pembaca sekalian. Semoga tutorial ini dapat bermanfaat bagi kita semua dan semoga dapat di terima sebagai tugas animasi kelas XI MM SMK DU Kepuhdoko.

Terima kasih kepada guru pembimbing saya yang telah mengajarkan banyak hal mengenai cara pembuatan tutorial ini sehingga saya dapat membuat tutorial ini walaupun belum begitu sempurna.

SEKIAN & TERIMA KASIH.

Ttd,

EVA NURHAYATI ( XI MM 1)