11
May

Text by Word

Written by admin


Tutorial berikut ini membahas cara membuat efek Text by Word. Efek ini membuat sebuah kalimat muncul per kata ataupun per huruf.  Untuk membuatnya tidak terlalu sulit anda cukup menyediakan sebuah dynamic text dan memasukkan actionscript pada frame 1. Kalimat yang ingin ditampilkan dan kecepatan kata/huruf yang tampil dapat diatur sesuai keinginan anda.

1. Buatlah sebuah Flash Document.

2. Buatlah sebuah dynamic text di stage dengan menggunakan Text Tool. Seleksi dynamic text tersebut dan tekan Ctrl+F3.

3. Pada panel properties yang muncul ubah width menjadi 270 dan height menjadi 26. Ubah hurufnya menjadi Arial berukuran 20. Aktifkan tombol Toogle the bold style dan Align Center. Nonaktifkan tombol selectable. Berikan kalimat pada Var.

4. Sehingga pada panel properties dynamic text tersebut akan terlihat seperti di bawah ini :

dynamic-text-properties

Klik pada gambar untuk memperbesar

5. Klik frame 1 dan tekan F9. Pada kotak actions yang muncul masukkan script berikut :

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
//membuat sebuah variable berisi kalimat yang ingin di tampilkan
daftar_kalimat = ("Tempat Sarapan Tutorial Flash").split(" ");
//membuat variable nomor kalimat bernilai 0
nomor_kalimat = 0;
//membuat variable waktu bernilai 0
waktu = 0;
onEnterFrame = function () {
	//variable waktu ditambah 1 secara terus menerus
	waktu++;
	//jika variable waktu bernilai 10
	if (waktu == 10) {
		//variable nomor_kalimat ditambah 1
		nomor_kalimat += 1;
		//variable waktu menjadi 0
		waktu = 0;
	}
	//jika nilai variable nomor_kalimat lebih dari atau sama dengan jumlah kalimat pada daftar_kalimat
	if (nomor_kalimat>=daftar_kalimat.length) {
		//variable nomor_kalimat menjadi 0
		nomor_kalimat = 0;
	}
	//dynamic text kata sama dengan daftar_kalimat berdasarkan nomor_kalimat
	kata = daftar_kalimat[nomor_kalimat];
};

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

2 Responses to “Text by Word”

  1. imnurohman Says:

    Bagaimana menggerakkan animasi menggunakan input teks dan tombol?

  2. Vocket Says:

    Mas admin …….Kalo Misalnya Buat Game Fighter kan Teruss bikin Bar (Darahnya) teruss Kalo kepukul Darah berkurang itu gimana yah ???
    Tolong Mas admin bikin tutorialnya !!

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.