Simple is great !

Selasa, 15 Desember 2015

Tutorial Membuat Animasi Load Movie Menggunakan Macromedia Flash 8

Hello sobat blogger..? gimana kabarnya nih? pasti baik dong yaaa, kali ini aku akan membagikan tutorial membuat animasi load movie dengan tema "company profile". Aku akan membuat contoh profil online shopku BEFIRA Store.., langsung saja yuk simak!!!

1. Buka aplikasi macromedia flash kamu, pilih create new flash document karna kita akan membuat     dokumen baru.
2. Buat file index.swf, profil.swf, produk.swf, kontak.swf, order.swf, testimoni.swf 
    File index untuk tampilan utama animasi yang akan kita buat, file profil untuk menampilkan profil     dari online shop, file produk untuk menampilkan produk apa saja yang dijual pada online shop, file     kontak untuk menampilkan kontak online shop, file order untuk menampilkan cara order, dan yang     terakhir file testimoni untuk menampilkan testimoni dari pelanggan.
    Hasilnya seperti berikut ini 


3. Lalu format ukuran gambar kita atur sebagai berikut ini :


4. Buat 3 layer baru, action, tombol, dan background seperti ini :


5. Klik kanan pada ketiga layer tersebut pilih insert frame pada frame ke 25 seperti ini:


6. Selanjutnya buatlah background seperti ini : untuk tulisan menggunakan Text Tool, untuk kotak         yang berwarna hitam menggunakan Rectangle Tool, untuk gambar olshop dibuat dicorel draw lalu     diimport ke macromedia seperti ini:


7. Buat tombol profil, produk, kontak, order, dan testimoni. Caranya klik kanan pada tulisan tersebut lalu pilih Convert to Symbol seperti ini :




8. Setelah itu duplicate btn_profil menjadi btn_produk, btn_kontak, btn_order, btn_testi seperti ini:




9. Setelah membuat tombol, kemudian double klik pada tiap button tadi. Ubahlah warna caranya klik    kanan insert keyframe "over" sehingga kusor yang akan di klik mengarah pada tombol yang akan        berubah warna. Sebagai berikut ini tampilannya:  



Hasilnya akan seperti ini jika kursor kita arahkan pada tombol profil yang semula warna putih menjadi warna biru seperti tampilan berikut ini :



10. Isikan script dibawah ini pada layer action, caranya klik kanan layer action pilih action seperti berikut ini:


11. Isikan script pada tombol produk seperti ini :


Isikan format script yang sama seperti diatas pada file profil, produk, kontak, order, dan testimoni 
Isikan pada tombol profil
on (release)
{
loadMovieNum("profil.swf",1);
}

Pada tombol kontak:
on (release)
{
loadMovieNum("kontak.swf",3);
}

Pada tombol order:
on (release)
{
loadMovieNum("order.swf",4);
}

Pada tombol testi:
on (release)
{
loadMovieNum("testimoni.swf",5);
}

Isikan script tombol exit 
on (release)
{
fscommand("quit");
}


12. Buatlah tampilan profil, produk, kontak, order, dan testimoni sebagai berikut ini:






Untuk memberikan gambar, caranya seperti ini :

Drag icon bbm, line, dan wa kedalam tampilan kontak satu-satu yaa. Untuk mengambil gambar yang lain caranya pun sama seperti ini:


Setelah itu, jalankan animasi dengan tekan ctrl+enter maka tampilannya akan seperti ini:

TAMPILAN PROFIL

TAMPILAN PRODUK


TAMPILAN KONTAK

TAMPILAN ORDER

TAMPILAN TESTIMONI
---SEKIAN---

---SEMOGA BERMANFAAT---















0 komentar:

Posting Komentar

Popular Posts

Total Tayangan Halaman

Befira. Diberdayakan oleh Blogger.