30 Maret 2010

Membuat objek bergerak lurus pada Flash

Yak, kali ini kami akan mengajarkan cara memberi animasi objek bergerak lurus.
Ingat, untuk post kali ini hanya objek bergerak lurus!

Kategori: Flash
Tingkat: Mudah
Waktu: 15-45 Menit

Ayo klik read more!




Mari segera kita mulai saja.
1. Buka halaman Flash kosong

2. Pada Frame pertama, buatlah suatu objek, (Kami memakai lingkaran)

3. Ini penting, jangan sampai salah urutan!
- Aturlah posisi awal objek yang Anda buat
- Buatlah Frame baru, kira-kira frame 10 (Supaya ada tempat gerakan), dengan cara klik kanan di frame ke-10 dan pilih insert keyframe










Nanti bagian timelinenya akan berbentuk seperti ini:






4. Pada frame ke-10, pindahkan objek Anda ke tempat yang anda mau.
Contoh:








Manjadi








5. Di antara frame 1-10 (terserah) , klik kanan mouse, lalu pilih Create Classic Tween.







*Nanti bentuk timelinenya akan seperti ini:





6. Coba di test, dengan menekan Ctrl+Enter.
Bolanya akan bergerak ke samping kan?


7. Di sini kita memakai 10 frame, dengan kecepatan 24 fps (Defaultnya)
Artinya dalam 1 detik, projek kita akan berjalan 24 frame.
Jika Anda mau, Anda bisa meningkatkan dari 10 frame ke 24 Frame, cobalah.
Nanti Animasinya akan lebih mulus.

Anda juga dapat mengubah fpsnya di:






 Ganti tulisan 24 menjadi yang Anda inginkan (Semakin tinggi semakin halus)

Komputer pada umumnya bisa menjalankan 60 fps, jika lebih tidak terlalu efek.

FAQ:
1. Kenapa bolanya tidak bergerak, tapi ketika frame akhir langsung pindah? (pindah sekejap)
- Itu disebabkan anda tidak urut dalam membuat animasinya, selain itu, ini biasanya disebabkan Anda membuat Blank Keyframe, bukan Keyframe, hal ini menyebabkan kedua objek tidak berhubungan, coba remove framenya lalu ulang cara di atas.

File latihan ini dapat didownload di:
http://www.file2box.net/jgo3fzr989yt


Tolong beri komentar ya..
Terima Kasih

0 komentar:

Posting Komentar

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | cna certification