Membuat Menu Sederhana Di Macromedia Flash 8

Membuat Menu Sederhana

Assalamualaikum Wr.Wb
Kali Ini Saya Akan Membuat Tutorial Cara Membuat Menu Sederhana Menggunakan Macromedia Flash 8

Langsung Saja

Sebelum Saya Menggunakan Macromedia Flash 8 saya akan membuat tombol di Microsoft Power Point

Seperti Gambar dibawah

 

Lalu Pindahkan tombol yang ada di power point di macromedia flash 8

Klik Kanan Pada gambar tombol MULAI dan pilih menu CONVERT TO SYMBOL 

Maka Akan muncul jendela menu dari pilihan tersebut , pilih type menjadi Button dan ganti nama dengan nama tbl_mulai

Klik Kanan lagi dan pilih menu ACTION pada menu

Setelah pilih menu ACTION maka akan muncul jendela untuk tempat meng-coding

Disini Saya Menggunakan Menu Yang ada pada jendela ACTION,Pilih add a new item to script, Pilih global function, movie clip control, kemudian pilih on,release,
Kemudian Ketikkan "gotoandstop (“menu”,1);"
Agar Animasi Berhenti ketikkan juga pada jendela action yaitu "stop();"

Di Scene Berikut tambahkan teks dan tuliskan WELCOME 

Tambahkan Layer baru yang fungsinya buat menaruhkan gambar home dan tambahkan gambar home di layer 2 tersebut

Kali Ini pada gambar home saya akan membuat jadi tombolnya dengan cara sebelumnya menggunakan menu convert to symbol dan mengubah nama menjadi tbl_home

Pilih Menu Action pada gambar HOME dan Ketikkan coding seperti pada coding diatas

Untuk Scene Selanjutnya Saya Akan menambahkan Teks “Apakah Anda Yakin Untuk Keluar ?”-YA-TIDAK

Tapi Sebelumnya Saya Akan menambahkan Layer terlebih dahulu
 

Lakukan Seperti biasa meng-conversikan teks menjadi tombol di menu CONVERT TO SYMBOL dan ganti namanya menjadi tbl_ya

 

Dan kali ini pada tombol YA Saya akan membuat fungsinya untuk mengeluarkan Animasi

Seperti biasa pilih menu ACTION dan ketikkan coding berikut

Ketikkan Code pada Action Seperti Gambar dibawah atau copy saja coding tersebut

=======================CODING ACTION FOR EXIT===========================

on (release) {fscommand("quit",true);

}

Note : Fungsi Coding Akan Berfungsi Setelah Animasinya Kalian Export Ke File SWF

Membuat Animasi Pesawat Sederhana.

AssalamualaikumWarahmatullahi Wabarakatu. Kali ini Saya mau berbagi sedikit tentang cara membuat animasi pesawat sederhana.

1.Buatlah tampilan utama dengan menggunakan Rectangle Tool dan beri warna sepeti dibawah ini.

 

2. Buatlah layer baru dengan nama “Selamat Datang” dan buatlah tulisan “Selamat Datang” dengan menggunakan Text Tool pada bagian luar layar kerja Anda.

3.Klik kanan dan pilihlah perintah Create Motion Tween pada frame ke-1

 

 

4. Klik kanan dan pilihlah perintah Create Motion Tween pada frame ke-10,dan pindahlah tulisan “Selamat Datang” pada bagian tengah layar kerja Anda dan ubahlah ukuran Text tersebut sedikit lebih besar dengan menekan Q pada keyboard. Dan buat settingan frame seperti berikut.

5.Langkah selanjutnya,klik menu Insert dan pilih perintah Scene. Berikutnya buatlah tampilan loading,untuk langkah ini bisa Anda lihat di upload-tan loading saya sebelumnya. LINK BLOG

6.Kemudian tambah scene,lalu pada lembar kerja baru buatlah design sperti berikut,design ini saya buat dengan menggunakan Photoshop. Hehe…

7.Kemudian tambah layer dan namai Pesawat dan Listrik,lalui masukkan icon Pesawar dan Listrik sesuai nama layer yang sudah Anda buat.

8.Pada layer pesawat,pilih perintah Create Motion Tween,lalu pilih perintah Insert Keyframe pada frame-frame di timeline,buatlah Motion seperti gambar berikut. Pada setiap frame,ubahlah gaya pesawat agar terlihat perbedaannya.

9.Lalu untuk listrik,buat Insert Frame,buatlah pada setiap frame muncul listrik,dan bersaelang satu frame pindah listrik pada luar lembar kerja Anda.

10.Tekan Ctrl+Enter untuk menjalankan animasi. :p

Membuat Tampilan Biodata Mahasiswa.

Asssalamualaikum Warahmatullahi Wabarakatu. Kali ini Saya mau berbagi cara membuat tampilan biodata sederhana.


1.Buatlah tampilan utama seperti yang Anda inginkan,disini Saya sudah menggunakan design tampilan utama yang sudah Saya buat pada aplikasi Photoshop.

2.Buatlah layer baru dengan nama “Selamat Datang” dan buatlah tulisan “Selamat Datang” dengan menggunakan Text Tool pada bagian luar layar kerja Anda.

3.Klik kanan dan pilihlah perintah Create Motion Tween pada frame ke-1

4. Klik kanan dan pilihlah perintah Create Motion Tween pada frame ke-10,dan pindahlah tulisan “Selamat Datang” pada bagian tengan layar kerja Anda.

5.Untuk menampilkan background yang sudah didesign,lakukan hal yang sama pada Layer yang terdapat design,yaitu Klik kanan dan pilihlah perintah Inserrt keyframe pada frame ke-30

6.Langkah berikutnya kita membuat tampilan loading,pertama buatlah layer baru dan rename layer tersebut dengan nama “loading” dan letakkan layer loading diatas layer selamat datang. Kemudian pilihlah perintah Inserrt keyframe pada frame ke-10 untuk menampilkan loading setelah selamat datang selesai muncul. Aktifkan Oval Tool lalu tekan Shift+Drag, untuk membuat bulatan sempurna dan beri warna sesuai selera Anda.

7. Copy Bulatan tadi dengan cara klik kanan pada objek/bulatannya lalu klik kanan Paste in Place (agar objek yang dicopy tadi dipastekan ditempat semula),\
 

8. Buatlah 4 buah garis kotak dengan menggunakan Ractangle Tool dan beri warna seperti pada gambar dibawah. Setelah itu tempatkan ke-4 garis kotak tadi seperti gambar dibawah ini.

9. Pilih salah satu kotak tadi maka kotak yang lainnya pun akan ikut terpilih, tekanDelete pada Keyboard, dan hasilnya akan seperti ini.

10. Pilih salah satu potongan bulat tadi, tekan F8 > pada pilihan Type pilih Movie clipdan untuk nama bisa kamu sesuaikan.

11.Buatlah layer baru, beri nama (contoh : Potongan 1) untuk penempatan potongan bulat tadi yang sudah diubah menjadi Movie clip dengan cara  klik kanan Copy > pilih layer baru > klik kanan Paste in Place.

12. Double klik pada potongan bulat yang sudah diubah menjadi Movie clip tadi maka akan muncul tampilan timeline baru yang masih kosong

13. , klik kanan pada frame 16 lalu pilih Insert Keyframe.

14.Klik kanan pada Pertengahan frame 1-16 lalu pilih Create Motion Tween.

15. Klik frame 16 lalu klik pada potongan bulatnya, pada Property Inspector (F9) pilihColor : Alpha 0%, Lihat gambar dibawah.

16. Double klik sembarang pada stage, ulangi langkah ke 10-15 untuk potongan bulat yang lainnya secara berurut, lihat gambar dibawah

17.Langkah selajutnya,pilihlah menu Insert dan pilih perintah Scene,maka akan muncul kanvas baru. Kemudian pasang lagi background yang sudah Anda design pada kanvas kerja baru Anda.

18.Buatlah layer baru dan pilihlah perintah Text Tool untuk membuat text Biodata seperti halnya Anda memubuat text Selamat Datang.

19.Kemudian buatlah perintah Create Motion Tween pada frame 1 di Layer Text Biodata tersebut,dan pada frame ke 10 pilihlah perintah Insert Keyframe dan geserlah text biodata tersebut ke bagian tengah,tekan Q pada keyboard untuk membesarkan ukuran text biodata tersebut.

20.Lalu pada frame buatlah perintah Craete Motion Tween,ubahlah ukuran Text Biodata tersebut ke ukuran yang lebih kecil dan geserlah pada bagian atas.

21.Buatlah layer baru untuk membuat text selanjutnya,dan buat lah text yang beruliskan huruf N.

22.Geserlah titik hitam pada frame 30 dan pilihlah perintah Create Motion Tween,kemudian pada frame ke 35 pilihlah perintah Insert Keyframe dan geser huruf N pada bagian seperti gambar berikut.

21.Lakukan langkah ke 21-22 untuk membuat text berikutnya,dan aturlah jarak antar frame dengan jarak 5 frame dan varian nama layer yang berneda,seperti gambar dibawah.

22.Buatlah layer baru untuk membuat text selanjutnya,dan buat lah text yang beruliskan nama Anda.

22.Geserlah titik hitam pada frame 60 dan pilihlah perintah Create Motion Tween, lalu pada frame ke 65 pilihlah perintah Insert Keyframe dan geser text nama pada bagian seperti gambar berikut

23. Lalu pada frame ke 70 pilihlah perintah Insert Keyframe dan geser text nama pada bagian seperti gambar berikut. 

24.Ulangi langkah 21-23 untuk membuat tampilan text Kelas dan Jurusan.

25. Berikutnya input gambar pas foto Anda ke dalam kanvas kerja Anda.

26. Geserlah titik hitam pada frame 175 dan pilihlah perintah Create Motion Tween, lalu pada frame ke 185 pilihlah perintah Insert Keyframe dan geser foto pada bagian seperti gambar berikut. Jangan lupa ubah ukuran besar foto agak lebih besar,agar efek zoomnya dapat terlihat. Lakukan hal yang sampai foto terletak pada bagian dan ukuran yang Anda inginkan.

27.Kemudian block semua layer pada frame yang sesuai dengan panjang durasi animasi yang Anda inginkan,dan klik kanan pilih perintah Insert Frame.

28. Langkah selajutnya,pilihlah menu Insert dan pilih perintah Scene lagi,maka akan muncul kanvas baru. Kemudian pasang lagi background yang sudah Anda design pada kanvas kerja baru Anda. Pada scene terakhir ini,lakukan penambahan text seperti pada langkah-langkah sebelumnya beserta dengan perintah Create Motion Tween-nya. Sesuaikan text dengan kreasi Anda.

29.Pada bagian akhir ini Saya mencoba membuat sedikit tentative,dengan menambahkan splash yang seolah menutup akhir dari aplikasi ini. Design splash yang Saya gunakan ini sebelumnya  sudah saya desing pada Aplikasi Photoshop.

30.Aturlah splash pada luar kanvas,dan lakukan perintah Create Motion Tween dan geserlah splash pada tempat lain (seperti membuat motion text pada langkah-langkah sebelumnya) hingga menutupi semua lembar kerja.

30.Kemudian tekan Ctrl+Enter untuk menjalankan animasi tersebut.