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

Posted in Flash - Animasi

5 Responses to “Scrolling Background dengan motion tween”

  1. Ady Says:
    March 24th, 2009 at 12:50

    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:
    March 24th, 2009 at 14:21

    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:
    March 28th, 2009 at 14:04

    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:
    March 31st, 2009 at 08:04

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

  5. hadi Says:
    August 24th, 2010 at 11:12

    /jempol

Leave a Reply

B-) =D> <:-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.