Scrolling background adalah animasi bakground yang
bergerak secara terus menerus (berulang). Scrolling background biasanya
digunakan di game-game pesawat. Sesuai judulnya, kita akan membuatnya
dengan menggunakan animasi motion tween. Bacground pada tutorial kali ini akan bergerak ke kiri
1. Buatlah sebuah flash documents.
2. Buatlah sebuah objek seperti gambar di bawah ini dengan panjang yang sama dengan panjang stage dan letakan di tengah-tengah stage bagian bawah.
2. Seleksi objek tersebut dan tekan Ctrl+G agar objek tersebut menjadi group.
3. Seleksi objek yang sudah di group tadi dan tekan Ctrl+D.
4. Ubah letak objek kedua hasil duplikasi ke samping kanan objek pertama seperti gambar di bawah ini:
5. Seleksi kedua gambar tadi dan tekan F8. Pada panel yang muncul masukkan background sebagai name dan Movie clip sebagai type lalu tekan OK.
6. Klik kanan frame 41 pada stage dan pilih Insert Keyframe.
7. Ubah letak movie clip background di frame 41 seperti gambar di bawah ini :
8. Klik kanan frame 1 dan pilih Create Motion Tween.
9. Klik kanan frame 40 dan pilih Insert Keyframe.
10. Klik kanan frame 41 dan pilih Remove Frame.
11. Tekan Ctrl+Enter untuk melihat hasilnya.
1. Buatlah sebuah flash documents.
2. Buatlah sebuah objek seperti gambar di bawah ini dengan panjang yang sama dengan panjang stage dan letakan di tengah-tengah stage bagian bawah.
2. Seleksi objek tersebut dan tekan Ctrl+G agar objek tersebut menjadi group.
3. Seleksi objek yang sudah di group tadi dan tekan Ctrl+D.
4. Ubah letak objek kedua hasil duplikasi ke samping kanan objek pertama seperti gambar di bawah ini:
5. Seleksi kedua gambar tadi dan tekan F8. Pada panel yang muncul masukkan background sebagai name dan Movie clip sebagai type lalu tekan OK.
6. Klik kanan frame 41 pada stage dan pilih Insert Keyframe.
7. Ubah letak movie clip background di frame 41 seperti gambar di bawah ini :
8. Klik kanan frame 1 dan pilih Create Motion Tween.
9. Klik kanan frame 40 dan pilih Insert Keyframe.
10. Klik kanan frame 41 dan pilih Remove Frame.
11. Tekan Ctrl+Enter untuk melihat hasilnya.
Sourcenya dapat di download di sini
Cara Membuat Scrolling Background dengan Motion Tween
4/
5
Oleh
Resma Adi Nugroho