16
Mar

Scrolling Background dengan motion tween

Written by admin


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 document.

2. Buatlah sebuah objek seperti gambar di bawah ini dengan panjang yang sama dengan panjang stage dan letakan di tengah-tengah stage bagian bawah.

letak1

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:

letak2

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 :

letak3

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





Apakah tutorial di atas menarik atau bermanfaat bagi anda? Bantulah Warung Flash agar tetap ada dan memberikan tutorial-tutorial yang lebih bagus dan bermanfaat lagi. Silahkan klik link berikut ini untuk lebih jelasnya : Bantu Warung Flash



Bookmark and Share

10 Responses to “Scrolling Background dengan motion tween”

  1. Ady Says:

    Askum… :)
    Mas, tolong buatin tutorial membuat scrolling menggunakan 3 tombol, yaitu tombol atas, bawah, dan tombol tengah yang bisa di drag ke atas dan ke bawah.Saya cuma bisa yang pake 2 tombol(atas dan bawah).
    Dan kalau bisa buatin tutorial penggunaan component User Interface seperti Accordion, Alert, Button, Radiobox, ScrollPanel, Checkbox, List, dll.
    Maaf ya saya banyak minta, Hehehe….. :D
    Makasih…

  2. admin Says:

    Kalau mau scrolling teks bisa menggunakan uiscrollbar yang ada di component user interface. Lebih mudah :D

    Untuk tutorial component user interfacenya akan dibuat bertahap. Jadi tunggu saja ;)

  3. Ady Says:

    Tp, saya pengennya tombol scrollnya yang menarik, alias bikinan sendiri gitu. Kalau pake uiscrollbar kan tombolnya tidak bisa di ubah :(

    Oh ya mas, saya boleh minta tutorial lagi kan? Hehehe… :D
    Tolong bikinin tutorial pop up menu button, saya lagi butuh banget ne mas. Saya udah coba2 sendiri tp ga jadi jg :p

    Pliz y mas,
    Makasih… :)

  4. admin Says:

    Scrolling textnya dapat dilihat di sini : http://warungflash.com/2009/03/membuat-scrolling-text/

  5. hadi Says:

    /jempol

  6. hadi yetno Says:

    kang misalnya mempunyai frem 2 satunya frem animasi yang satunya
    frem unyuk di panggil. tapi frem ke dua di beri skrip stop kock yang frem satu animasinya berhenti?
    gimana solusinya..

  7. deka lestari Says:

    /thanks2

  8. DINA Says:

    Q minta cara buat buttom yg menerik donk………. :D

  9. alalara Says:

    Terimakasih atas tutorialnya ^^

  10. Enjang Says:

    Bang itu bisa di jadiin stage dalam game?

Leave a Reply

B-) =DV <:-P ;)) ;) :yeye: :respect: :peace: :p :idea: :hope: :I: :D :-SS :-? :-/ :)) :) :(( 8-> more »

Komentar yang berisi pertanyaan atau request tutorial kemungkinan besar tidak bisa kami jawab dan penuhi. Hal ini dikarenakan kesibukan kami yang padat . Oleh karena itu kami mohon maaf dan pengertiannya.