Cara Membuat Jam Flash

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

ActionScript2

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.
ActionScript2
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.
ActionScript2
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");
};

ActionScript2


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

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

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

19 komentar:

  1. makasih infonya mas bro,
    ta coba ya....

    BalasHapus
  2. Thank you very much for the great and amazing tutorial. I really want to make this Baby clock so bad, thanks for helping out with the source codes and all, and more power! :)

    BalasHapus
  3. tutorialnya sangat bermanfaat nih

    BalasHapus
  4. Luarbiasa kumplit tutorialnya.
    Perlu dicoba neh :-)

    Salam,

    BalasHapus
  5. infonya sangat kren..sangat membantu... thanks gan

    BalasHapus
  6. bagus infonya nanti pasti saya coba

    BalasHapus
  7. keren,,,, bisa buat jam sendiri d rumah

    BalasHapus
  8. Wah, ternyata gak sulit ya bikin jam flash itu :-)

    keep posting gan :)

    BalasHapus
  9. saya velim pernah membuat jam flash
    terima kasih sudah dikasih tutorialnya :)

    BalasHapus
  10. Tutorial bagus neh.. adakah tutorial Flash AS2 & MDMZinc yang bahas tentang video, sound dan save ke jpg, klo ada bisa bantuan gk? Thnx.. :-)

    BalasHapus

Like us on Facebook
Follow us on Twitter
Recommend us on Google Plus
Subscribe me on RSS