LANGKAH SATU
Apa yang kita harus lakukan adalah menyiapkan lapisan yang diperlukan. Kita akan membutuhkan satu untuk Actions, yang merupakan script yang digunakan untuk preloader. Lapisan Teks akan menunjukkan persentase lengkap untuk preloader sebagai teks. Stroke ini hanya stroke luar progress bar. Kami ingin progress bar untuk mengisi dalam stroke. The Progress bar visual akan menunjukkan kemajuan preloader dengan menggunakan persegi panjang. Dan akhirnya, lapisan terakhir adalah animasi yang sebenarnya Anda ingin bermain setelah preloader selesai.
Berikut adalah cara cara membuatnya:
LANGKAH KEDUA
Pada Frame 1 dari layer Progress Bar saya memasukkan keyframe dan menarik sebuah persegi panjang merah yang 200 piksel lebar dan 20 piksel tinggi:
Saya kemudian memilih progress bar dan tekan F8 untuk membuat klip video. Pastikan titik pendaftaran diatur seperti berikut ini. Mengapa? Karena kita ingin progress bar untuk mengisi dari kiri ke kanan!
Pada panel Properties, nama progress bar preloader Anda:
Pada Frame 1 dari layer Stroke saya memasukkan keyframe dan menarik berikut ini:
Di atas adalah hanya stroke tanpa mengisi. Lapisan Stroke adalah di atas lapisan Progress Bar. Mengapa kita melakukannya dengan cara ini? Karena kita ingin progress bar untuk mengisi dalam wilayah stroke.Jika kita menambahkan stroke ke progress bar itu sendiri, itu tidak akan terlihat benar!
Pada Frame 1 dari layer teks saya dimasukkan keyframe dan menambahkan kotak teks dengan berikut:
Saya kemudian memilih kotak teks dan pada panel Properties saya set ke Dynamic Text dan menamakannya loadText:
LANGKAH KETIGA
Alright setelah langkah panjang 2 mari kita lanjutkan! Sekarang mari kita ke script yang benar-benar akan membuat pekerjaan preloader ini. Pada Frame 1 dari Tindakan lapisan mari kita tambahkan kode berikut:
var amountLoaded:Number = _root.getBytesLoaded()/_root.getBytesTotal(); preloader ._width = amountLoaded * 200 ; loadText .text = Math.round(amountLoaded * 100) + "%";
Saya menyoroti bagian penting dalam script. "Preloader" adalah nama yang kami berikan progress bar."LoadText" adalah nama yang kami berikan kotak teks. "200" adalah lebar dari progress bar.
LANGKAH EMPAT
Pada Frame 2 dari Tindakan lapisan mari kita tambahkan kode berikut:
if(_root.getBytesLoaded() == _root.getBytesTotal()) { gotoAndPlay(3); } else { gotoAndPlay(1); }
Apa script ini mengatakan jika byte yang telah dimuat sama dengan jumlah byte dalam file maka preloading dilakukan dan Anda bisa pergi ke frame 3 dan mulai bermain animasi. Jika byte dimuat tidak sama dengan total kemudian kembali ke frame 1 dan tetap preloading.
CATATAN: Anda mungkin bertanya mengapa frame 3 memiliki frame kosong untuk Teks, Stroke, dan lapisan Progress Bar. Hal ini karena kita tidak ingin preloader untuk menampilkan setelah animasi sebenarnya adalah bermain, yang dimulai pada frame 3.
Juga, Anda mungkin bahkan tidak melihat tampilan preloader Anda jika ukuran file Anda tidak begitu besar. Apa yang Anda bisa lakukan adalah menambahkan beberapa objek lebih untuk desain Anda dan kemudian pergi ke Control> Test Movie. The flash player akan muncul dan film Anda akan bermain. Pada menu Flash player pergi ke Lihat> Unduh Settings dan memilih pengaturan yang paling lambat. Kemudian menguji film lagi dan Anda akan melihat preloader Anda bekerja sekarang!
