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















Senin, 30 November 2015

Membuat Kipas Angin Mode Lambat dan Cepat Menggunakan Macromedia Flash 8

Hello sobat blogger, masih bertema multimedia nih… Kali ini aku akan membagikan tutorial membuat kipas angin mode cepat dan lambat, daripada kelamaan basa-basi langsung simak aja yuk tutorial dari aku… cusss..


     1.      Buka aplikasi Macromedia Flash anda, pilih lembar kerja baru maka tampilannya seperti ini:
     2.      Buat layer baru, kemudian pada layer 1 ganti nama dengan mc_kipas, buat kipasnya menggunakan rectangle tool atau oval tool maka hasilnya akan seperti berikut: 



     3.    Klik gambar kipas, convert to symbol beri nama mc_kipas pilih option movie klip lalu pilih OK seperti ini :
 


      4.      Klik 2x pada gambar kipas, maka akan masuk di movie klip. Buat 3 layer baru yaitu: layer kipas, tombol dan body seperti ini:


      5.      Pada layer kipas dan tombol digembok terlebih dahulu agar tidak bisa diedit seperti ini: 


      6.      Buat body kipas pada layer body seperti gambar berikut ini yang warna merah.


7.    Buat tiga tombol, play, lambat, dan cepat menggunakan lingkaran, lalu di convert to symbol seperti ini :




    8.   Buat dua layer dengan nama layer  label dan action. Pada label di frame 1 tambahkan keyframe kemudan beri nama stop, frame 2 beri nama lambat dan pada frame 35 beri nama cepat, serta jangan lupa untuk insert frame pada frame ke 50. Seperti ini hasilnya :


Buat nama frame label : stop, lambat, cepat.





9.    Pada layer action frame 1 masukan script stop() seperti ini:



Lalu compile jika benar hasilnya akan seperti ini:


    10.      Insert keyframe > action > isi script gotoAndPlay(‘lambat’); dan gotoAndPlay(‘cepat’); pada layer action seperti ini:




11.    Pada layer kipas insert dua keyframe yang pertama sejajar dengan label cepat dan yang kedua pada frame terakhir. Lalu create motion tween seperti ini: 



12.    Pada motion tween pilih properties > rotate, kita ganti menjadi CW/CCW. begitu juga dengan tween yang kedua. Ingat jika yang pertama CW yang kedua juga harus CW, karena jika yang pertama CW dan yang kedua CCW atau sebaliknya nanti saat diplay kipas yang berputar tidak searah.


---TERIMAKASIH--

SELAMAT MENCOBA ! GOOD LUCK


Popular Posts

Total Tayangan Laman

Befira. Diberdayakan oleh Blogger.