Scroll Text

Tutorial kali ini saya akan menjelaskan bagaimana membuat Scroll Text menggunakan Adobe Flash cs 5 dengan actionscript 2.0. Pembuatan scroll text cukup mudah, hanya menggunakan Text field bertipe Dynamic text, dan tombol UP dan DOWN.

gambar 1. scroll text

Berikut langkah pembuatan Scroll Text menggunakan Adobe Photoshop cs 5 : actionscript 2.0 :

1. Buka program adobe photoshop cs 5, pada document pilih actionscript 2.0.
2. Pada lembar kerja siapkan 3 buah layer, dari yang paling bawah yaitu layer bg, layer Field text, dan layer scroll.

gambar 2. layer


3. Jika sudah membuat 3 buah layer tersebut selanjutnya adalah membuat obyek balok di layer bg. Buatlah seperti pada gambar 1.

4. Pada layer scroll buatlah 2 buah tombol, yaitu tombol Up dan tombol Down. Untuk membuat tombol dapat dilakukan dengan membuat tulisan Up dan down menggunakan text tool. Kemudian pada masing-masing tombol tekan F8, kemudian pilih Button.

5.  Selanjutnya membuat sebuah kalimat didalam text field dengan menggunakan text tool dengan tipe text Dynamic text.

Dapat dilihat seperti pada gambar dibawah ini: 
gambar 3. Text field

6. Jika sudah mengisi text field dengan sebuah kalimat panjang, pada Keyboard tahan Shift dan tekan klik kiri pada titik putih di pojok kanan bawah (jika pada gambar 3 terlihat warna hitam). Klik titik tersebut hingga berwarna hitam. Jika sudah bewarna hitam tarik titik tersebut sampai pada setengah bagian text field.


gambar 4. Text field 2

7. Selanjutnya memberikan nama instance name text field dengan nama text.

gambar 5. Intance name

8. Ketikan actionscript berikut di tombol Up. Klik kiri tombol Up, tekan F9.

   on (release) {
   text.scroll -= 1;
   }


9. Ketikan actionscript berikut di tombol Down. Klik kiri tombol Down, tekan F9.

   on (release) {
  text.scroll +=1 ;
   }

10. Jalankan program dengan menekan ctrl+Enter.

Tutorial dapat didownload di laman download.
Semoga bermanfaat.


Scroll Text Scroll Text Reviewed by Ardy S on January 25, 2013 Rating: 5

No comments:

Powered by Blogger.