Untuk tutorial kali ini kita akan membuat BBYClock yg sudah di posting di
blog ini.
Alat yg diperlukan :
1. Adobe Flash 5.5
2. MDM Zinc Versi berapapun, disini saya mnggunakan V4.0.0
3. Foto bayi yang unyu
Kita mulai langkah awal :
1. Buka adobe flash yg kalian miliki disini saya menggunakan versi Adobe Flash 5.5, lalu buat project baru dengan ActionScript2.
Lakukan setup awal lihat screenshot di bawah ini:
Untuk Properti nya FPS diisi 24, untuk ukurannya menggunakan 250 x 300 px, dan dipublish dengan menggunakan flash 8.
2. Masukan Foto bayi dengan cara import atau drag langsung ke workspace,sesuaikan foto dengan workspace lalu klik foto dan pilih BreakApart atau dengan ctrl+B
3. Hapus background foto dengan menggunakan Tool Eraser atau tekan E pada keyboard.
4. Pisahkan Kepala dengan badannya lihat screenshoot
5. Pilih kepala dengan badannya buat movie clip (MC) dengan nama bby animate, atau terserah apasaja. lakukan pengeditan pada Mc bby animate, buat kepala dan badan bayi menjadi masing masing movie clip saya buat kepala dengan nama bby_head dan badan dengan nama bby_body untuk kepala buat titi rotasi nya sesuai gambar di atas dengan tanda hijau.
6. masih didalam Mc bby animate, hubungkan kepala dengan badan lalu buat animasi motion tween lihat gambar di bawah ini.
7. Pisahkan layer kepala dan badannya. buat animasi dengan menggerakan kepala bayi dari kanan ke kiri (dari frame 1 s/d 30) dan dari kiri ke kanan ( dari frame 31 s/d 60 ) lihat gambar di atas. sampai disini kita telah membuat animasi bayinya.
8. selanjutnya buat jam dengan lingkaran dan buat pula beberapa movie clip baru sesuai gambar di bawah ini. dibuat sama persis tp anda bisa buat dengan cara sendiri.
9. Buat movie clip dan button sesuai gambar setelah itu buat layer sama persis sesuai gambar.
10. Jika sudah selesai mualai masukan ActionScrip Pada Frame 1 layer 1.
Script :
//Intitial awal untuk tombol stay ontop
sot._visible = true;
sot_c._visible = false;
//script tombol menggunakan script MDM Zinc
sot.onPress = function()
{
sot._visible = false;
sot_c._visible = true;
mdm.Application.bringToFront();
};
sot_c.onPress = function()
{
mdm.Application.sendToBack();
sot._visible = true;
sot_c._visible = false;
};
exit.onPress = function()
{
mdm.Application.exit("idebagusku","Mau Keluar dari program?");
};
about.onPress = function()
{
mdm.Dialogs.prompt("Kunjungi www.idebagusku.com");
};
11. edit MovieClip Clock pada layer ac masukan scrip berikut ini
Script :
onEnterFrame = function () {
waktu = new Date();
jam = waktu.getHours();
menit = waktu.getMinutes();
detik = waktu.getSeconds();
if (jam>12) {
jam -= 12;
}
jam_mc._rotation = jam*30+(menit/2);
menit_mc._rotation = menit*6;
detik_mc._rotation = detik*6;
};
12. Setelah selesai semua save projek yg kalian buat dengan nama bby Clock, tekan CTRL+ENTER lalu akan ada tampilan jam kreasi kalian.
13. Keluar dari ADOBE FLASH, buka MDM ZINC, lalu pilih new projec dan pilih file adobe yang kalian buat tadi. nanti akan ada perfiew nya. yang kalian perlu lakukan seting mdm zinc nya sama persisi dengan gambar di bawah ini.
14. Setelah selesai Pilih tab Project > Build Project > Build. dan BBY Clock pun selesai dibuat.
Jika kalian Bingung dengan penjelasan di atas bisa download Source nya di bawah ini.
http://code.google.com/p/jam-flash-idebagusku/downloads/list
Ditulis Oleh : Adit - Penulis Tamu
I very like anime, i am a flash developer
Ingin tulisanmu ada di blog ini? Silahkan lihat halaman Jadi Penulis
