Mungkin kebanyakan orang beranggapan membuat jam digital di flash sangatlah susah... :#
Orang yang beranggapan seperti itu biasanya belum pernah mencari tahu cara
membuatnya dan mungkin juga dia hanya menebak-nebak saja... :x
Nah kali ini saya akan memberi tahu cara membuat jam digital dengan format 24 jam dengan mudah... :D
teman2 hanya perlu mengukuti langkah-langkah dibawah ini :
Langkah awal bisa di lihat disini.
Langkah selanjutnya:
1) Pada Frame 1 Buatlah 5 Text(Static Text) dengan menggunakan Text Tool.
sehingga hasilnya seperti dibawah ini :
2) Pada Teks yang berisi angka N0L "00" Ubahlah Properties dari Static Text menjadi Dynamic Text, dengan masing2 Var: jam, menit, detik.
Lihat Keterangan Gambar dibawah:
Contoh mengubah Static Text menjadi Dynamic Text:
a) Klik pada Teks pertama yang berisi angka NOL "00".
Lihat gambar dibawah:
b) Ubahlah Properties Static Text menjadi Dynamic Text, lalu isi pada kolom Var: jam.
hasilnya akan seperti berikut :
c) Lakukan hal yang sama pada teks yang berisi angka NOL "00" ke 2 dengan var: menit, dan Teks ke 3 dengan var: detik.
3) Klik pada Frame 1 lalu tekan Tombol F9 untuk memunculkan Jendela Action, kemudian Copy Script dibawah ini ke dalam jendela Action:
onEnterFrame = function () {
waktu = new Date();
jam = waktu.getHours();
menit = waktu.getMinutes();
detik = waktu.getSeconds();
if (jam<10)>
jam = "0"+jam;
}
if (menit<10)>
menit = "0"+menit;
}
if (detik<10)>
detik = "0"+detik;
}
}
Script yang telah di Paste ke dalam Jendela Action.
Setelah Script di paste ke dalam jendela Action, pastikan pada Frame 1 terdapat Tulisan a, ini menandakan bahwa Script sudah terpasang pada Frame 1.
Lihat gambar dibawah:
4) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.
5) Untuk menjadikan File SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).
6). Semoga Berhasil...lihat hasilnya di bawah ini...
nb: -> Font yang saya gunakan DigifaceWide
-> Insert Comment...!!!
-> Created By : yHuS_dCc_X ----- Anak Sengkang Crew
Back to Home
Membuat Jam Digital
Membuat Animasi Berputar
Untuk membuat animasi objek berputar, ada 2 cara yang bisa dilakukan yaitu dengan menggunakan Motion Rotate atau ActionScript :D.
CARA 1
Membuat Animasi Berputar dengan Motin Rotate.
Langkah Awal bisa dilihat disini.
1) Buatlah sebuah objek di stage misalkan persegi panjang.
Lihat Gambar di bawah:
2) Klik kanan objek tersebut lalu pilih Convert to Symbol...
3) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :
Pastikan Titik Koordinat berada di tengah.
4) Klik pada Frame 30, kemudian tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat Gambar dibawah :
5) Klik pada Frame 1 kemudian ubah Properties "Tween: None" menjadi "Tween: Motion" lalu pada "Rotate: Auto" menjadi "Rotate: CCW".
Lihat Gambar dibawah :
6) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.
7) Lihat Hasilnya Dibawah ini:
CARA 2
Membuat Animasi Berputar dengan ActionScript.
1) Buatlah sebuah objek di stage misalkan persegi panjang.
2) Klik kanan objek tersebut lalu pilih Convert to Symbol...
3) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
dan Pastikan titik koordinatnya berada ditengah
4) Klik Objek tersebut lalu tekan Tombol F9 (Untuk memunculkan jendela Action).
5) Masukkan Script di bawah ini ke dalam jendela Action.
onClipEvent (enterFrame) {
_rotation += 15;
}
Sehingga hasilnya seperti dibawah ini:
Lihat Hasil kerja anda dengan menekan Ctrl+Enter.
6) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).
7). Semoga Berhasil...lihat hasilnya di bawah ini...
NB: -> Frame rate yang digunakan : 50.
-> Insert Comment...!!!
Back to HOME
Membuat Motion Guide
Motion guide adalah animasi motion tween yang bergerak sesuai jalur (guide) yang telah kita buat.
Langkah Awal bisa di lihat disini.
Langkah Selanjutnya :
1) Klik kanan pada layer 1 lalu pilih Add Motion Guide.
Lihat gambar dibawah :
Sehinnga hasinya seprti dibawah :
2) Klik tahan pada icon Rectangle Tool, lalu pilih Oval Tool.
Lihat gambar dibawah :
3) Klik pada Layer 1 dan buat lingkarang kecil yang menyerupai bola.
Lihat gambar dibawah :
4) Klik kanan pada pada objek bola tersebut lalu pilih Convert to Symbol....
5) Kotak dialog Convert to Symbol akan muncul, tuliskan sembarang nama pada bagian Name.
misalx : "dcc" lalu OK.
Lihat Gambar dibawah :
6) Klik Stroge Tool lalu pilih warna abu-abu atau warna kesukaan anda, kemudian klik Fill Color lalu pilih tanpa warna.
Lihat gambar dibawah :
7) Klik ikon Oval tool yang ada pada Toolbox.
8) Klik pada layer Guide: Layer 1.
9) Buat objek elips pada stage atau canvas.
Lihat gambar dibawah :
10) Klik ikon Eraser Tool yang ada pada Toolbox.
11) Hapus bagian objek elips menggunakan Eraser Tool, sehingga hasilnya sbb:
Lihat gambar dibawah :
12) Klik ikon Selection Tool yang ada pada Toolbox.
13) Letakkan gambar bola (symbol dcc) tepat di salah satu ujung elips.
Lihat gambar dibawah :
Pastikan bulatan kecil di tengah gambar bola menyatu dengan ujung garis elips.
14) Pada layer Guide: Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :
15) Pada Layer 1, klik pada Frame 30 lalu tekan Tombol F6 untuk menjalankan Insert KeyFrame.
Lihat gambar dibawah :
16) Pada Layer 1 di Frame 30, letakkan gambar bola tepat di ujung garis Elips yang kedua.
Lihat gambar dibawah :
17) Klik kanan pada salah satu Frame di layer 1 lalu pilih Create Motion Tween.
Lihat gambar dibawah :
18) Lihat Hasil kerja anda dengan menekan Ctrl+Enter.
19) Untuk menjadikan file SWF pilih File> Export> Export Movie jangan lupa Save as type (Flash Movie(*.swf)).
20). Semoga Berhasil...lihat hasilnya di bawah ini...
nb: -> Kecepatan putaran bola tergantung dari nilai Frame Rate.
-> Insert Comment...!!!
Back to HOME