Sunday, April 1, 2012

Membuat Text Scrolling pada menggunakan Macromedia Flash 8

           Text Scrolling digunakan untuk teks isi materi tutorial yang panjang. Dengan menggunakan teks scrolling kita dapat meminimalisir area untuk menampilkan teks tersebut.
Langkah untuk membuat Text Scrolling adalah sebagai berikut :

1.  Buat 4 layer baru pada Timeline. Masing-masing beri nama layer Action, Mask, Teks, Button.
   
          

2. Buat objek dengan menggunakan Rectangle Tool(R) pada layer Mask.

       
3. Buka menu Window > Common Libraries > Button



            

4. Ambil button pada folder Classic Button > Playback > gel Left, drag button tersebut ke Stage pada
    layer  Button frame 1.
      

     
5. Lakukan transformasi pada button. Pilih menu Modify > Transform > Rotate 90° CW sehingga arah
    button menjadi ke atas.

      


6. Tambahkan satu lagi button seperti di atas dan lakukan transform Rotate 90° CCW. Sehingga nanti posisi
    kedua button akan seperti dibawah ini.



7. Berikan Instance name di properties pada button yang atas dengan nama „btn1‟ dan button yang bawah 
    dengan nama „btn2"
        

8. Masukkan teks yang panjang pada layer Teks frame 1 dengan menggunakan Text Tool(T).

     
9. Insert frame pada frame 20 layer Mask
   
  

10. Insert Keyframe pada frame 20 layer Teks

  

11. Geser objek teks pada layer tersebut ke atas hingga akhir tulisan.

    
12. Tambahkan Tween Motion diantara frame 1 sampai 20 di layer Teks.

    
   

13. Berikan Masking pada Layer Mask dengan klik kanan pada layer lalu pilih Mask.

    

14. Berikan Action Script pada button bawah sebagai berikut.

    

15. Insert Keyframe pada frame 20 layer button

    

16. Hapus Action Script yang ada pada button bawah di frame 20. Kemudian berikan Action Script pada
       button atas sebagai berikut

    

17. Berikan Script Stop pada frame 1 layer Action
   
    

18. Sekarang kita tambahkan Effect Button disable agar pada saat posisi awal button atas tidak dapat
      di-Klik dan pada saat posisi scroll berakhir button bawah tidak dapat di-Klik.


19. Insert Keyframe pada frame 2 dan 19 di layer Button

     
20. Berikan Script pada masing-masing button di frame 2 dan 19. Untuk button atas berikan Script

     
Untuk button bawah berikan Script:



21. Tambahkan Script sebagai berikut pada frame 1 layer Action.
    


22. Insert Keyframe pada frame 20 layer Action dan berikan Script sebagai berikut pada frame tersebut.

 

23. Lakukan Test Movie (Ctrl+Enter)

Selamat Mencoba :D ...........




0 comments:

Post a Comment