19 Maret 2015

Prak. Sistem Multimedia - 1. Bola

Dosen: Yori Montolalu, ST.
Tutorial:
1. Buka Adobe flash (saya menggunakan yang versi CC 2014). Klik File -> New. Dan atur setting seperti di bawah ini kemudian Ok.




























2. Masukan gambar yang diperlukan ke dalam library dengan melakukan drag & drop (untuk bagian ini anda harus menyediakan gambar lantai basket, bola basket dan ring). Gambar yang sudah ada dalam library bisa di rename sesuai keinginan






3. Masukan lantai basket ke dalam layer paling bawah dengan cara drag & drop gambar ke dalam kanvas putih di layar (scene 1). Rename layer anda sesuai keingingan




4. Lakukan langkah di atas pada gambar bola basket dan ring di masing-masing layer yang berbeda. atur posisi awal gambar tersebut dalam layar





5. Masukan frame sampai 35 pada layer dengan gambar ring dan layer dengan gambar lantai basket, caranya klik kanan pada frame 35 yang ada di baris layer dan pilih Insert Frame























sehingga hasilnya seperti berikut:




6. Pada layer bola basket (Ball1) buat keyframe di frame 12. 

*) Keyframe adalah keadaan dimana objek akan berubah tempat. Cara membuat keyframe dengan klik kanan pada frame yang dipilih seperti langkah diatas namun kali ini pilih Insert Keyframe. Penempatan posisi keyframe diatur sesuai kebutuhan namun dalam contoh ini ditaruh dalam frame ke 12. 

Keyframe yang ditaruh di sini bertujuan untuk menempatkan posisi bola di lantai dimana bola jatuh dimana posisi sebelumnya bola berada di atas.



























7. Lakukan penempatan 2 keyframe dengan cara seperti yang diatas. Keyframe yang akan ditempatkan kali ini bertujuan untuk menempatkan bola agar berada di atas ring kemudian keyframe berikutnya untuk menempatkan bola di bawah ring (bola berhasil masuk de dalam ring). Sesuaikan frame mana yang ingin dipakai dalam contoh ini frame 27 dan 35 untuk ke dua keyframe.











































8. Pilih frame mana saja antara frame 1 (posisi awal) dan 12 (bola di lantai). Klik kanan dan pilih Create classic tween sehingga akan muncul anak panah dari frame 1 ke 12.








9. Lakukan juga  langkah di atas pada frame diantara keyframe yang lain sehingga hasilnya seperti berikut








10. Animasi sudah hampir selesai jika ingin melihat hasilnya sekarang bisa menekan ctrl+enter dan animasi dengan format swf akan ditampilkan ke layar

































11. Untuk memperhalus animasi tempatkan lagi beberapa keyframe diantara keyframe lain namun kali ini tidak perlu melakukan create classic tween karena frame yang akan ditempatkan keyframe sudah terlewati oleh anak panah dari classic tween. Sesuaikan keyframe yang ingin ditempatkan agar animasi terlihat baik. Ini hasil dari animasi yang saya buat. Coba tampilkan animasi swf seperti langkah di atas





Tidak ada komentar:

Posting Komentar