Membuat Scroll Text dengan Dynamic Text, actionscript 3.0 - Adobe flash cs 6.

Scroll Text dengan Dynamic Text

Flash merupakan software andalah yang banyak diminati karena dengan flash kita dapat membuat aplikasi desktop dan aplikasi untuk android. Banyaklah yang dapat kita gunakan dengan software andalah ini, diantaranya adalah membuat media pembelajaran, aplikasi game, website, animasi, undangan animasi, video singkat animasi, film animasi, dan sebagainya.

Membuat Scroll Text dengan Dynamic Text, actionscript 3.0 - Adobe flash cs 6.
Membuat Scroll Text dengan Dynamic Text, actionscript 3.0 - Adobe flash cs 6.

Pembahasan kali ini tentang bagaimana cara Membuat Scroll Text dengan Dynamic Text, actionscript 3.0. Sebelumnya saya pernah membahas tentang bagaimana cara Membuat Scroll Text dengan menggunakan compents di Flash, actionscript 3.0.

Oke. langsung saja kelangkah kerja :


1. Buka adobe flash cs 6, karena saat ini saya menggunakan adobe flash cs 6. Namun jika Anda menggunakan Adobe flash cs 3, 4, 5 masih bisa menerapkan tutorial ini.

2. Selanjutnya masuk ke lembar kerja Anda :

Lembar kerja flash cs 6
Lembar kerja flash cs 6
3. Buatlah sebuah teks area menggunakan teks tool (T) yang ada pada panel tool box. Ubah type text menjadi Dynamic Text.

Pilih ke Dynamic Text
Pilih ke Dynamic Text

kemudian pada lembar kerja buatlah text area yang luasnya seperti dibawah ini :

Text area dengan menggunakan teks tool
Text area dengan menggunakan teks tool
4. Pada bagian text area Copy kalimat dibawah ini, dan paste-kan di text area Anda :

"Saat ini mulai belajar flash tentang membuat scroll text dengan Dynamic text, actionscript 3.0 - adobe flash cs6, di blogku29.web.id. -- Tutorial terlengkap belajar flash -- dan tempat download materi flash, dan belajar membuat website"

kalimat didalam teks area
kalimat didalam teks area
5. Perhatikan kotak putih yang ada di sudut kanan bawah. Pada bagian kotak tersebut tahan Shift, dan Klik kiri 2x sampai kotak berwarna hitam.

bagian kotak putih menjadi warna hitam
bagian kotak putih menjadi warna hitam
6. Drag keatas kotak hitam yang ada di sudut kanan bawah. Sampai yang terlihat seperti pada gambar dibawah ini :

drag kotak hitam sampai bagian "Tutorial"
drag kotak hitam sampai bagian "Tutorial"
7. Selesai men-drag, langkah selanjutnya adalah memberi nama instansi pada text area.
 Pada contoh kali ini saya memberikan nama "teks".

nama instansi teks
nama instansi teks

8. Langkah selanjutnya adalah membuat tombol up dan down. Buatlah sebuah kotak menggunakan Rectangle Tool. Letakkan kotak disamping kanan teks area.

menciptakan tombol baru disebelah teks area
menciptakan tombol baru disebelah teks area
9. Langkah selanjutnya tekan F8, ubah kotak menjadi Button. Klik Ok.

Convert ke button
Convert ke button
10. Copy button tersebut dan paste-kan dibawahnya.

Menciptakan dua buah button
Menciptakan dua buah button

11. Berikan masing-masing nama instansi untuk dua buah button tersebut. Lihat seperti pada gambar dibawah ini :

Memberi nama instansi pada masing-masing button

12. Tekan F9 di Frame 1. Dan ketikkan copy script dibawah ini :

import flash.events.MouseEvent;

btn_up.addEventListener(MouseEvent.CLICK,btnUp);
btn_down.addEventListener(MouseEvent.CLICK,btnDown);

function btnUp(e:MouseEvent):void{
teks.scrollV--;
}
function btnDown(e:MouseEvent):void{
teks.scrollV++;
}

13. Nah, jika Anda mengikuti langkah-langkah diatas sudah benar, tekan ctrl+Enter untuk melihat hasilnya.


Flash tutorial || Membuat Animasi dan game


Membuat Scroll Text dengan Dynamic Text, actionscript 3.0 - Adobe flash cs 6. Membuat Scroll Text dengan Dynamic Text, actionscript 3.0 - Adobe flash cs 6. Reviewed by Ardy S on April 15, 2016 Rating: 5

2 comments:

  1. Saya belum pernah menggunakan Dynamic Text, tampaknya menarik boleh saya coba dulu. Makasih inspirasinya

    ReplyDelete

Powered by Blogger.