Jumat, 30 September 2016

Pada pembahasan ini saya akan berbagi tutorial Flash yaitu tentang Cara Membuat Animasi Jam Dinding. Bagi anda yang belum tahu Cara Membuat Animasi Jam Dinding dari Flash, silahkan anda ikuti langkah pembuatannya sebagai berikut ini:
1. Pertama anda jalankan Program Flash, di sini saya praktekkan menggunakan Flash MX 2004 tetapi tutorial ini juga dapat diterapkan di Adobe Flash versi berapapun.
2. Selanjutnya buatlah lingkaran menggunakan oval tool (shortcut keyboard: O), Supaya lingkaran bisa membentuk bulat sempurna anda tekan dan tahan tombol shift pada keyboard.
Cara Membuat Jam Dinding

3. Anda ubah warna fill menjadi hitam, menggunakan text tool (Shortcut tombol : T) kemudian anda tuliskan satu persatu Angka jam dari angka 1 – 12.
Untuk meletakkan nomor-nomor tersebut pada bagian jam anda bisa menggunakan Selection tool.
Cara Membuat Jam Dinding

4. Buatlah 3 buah garis melalui Line Tool (N). 3 Buah garis tersebut sebagai penunjuk arah jam, gais pendek (jam), garis agak panjang (menit), garis panjang (detik).
Cara Membuat Jam Dinding

5. Selanjutnya gunakan selection tool (V) untuk menyeleksi garis paling pendek  dan tekan F8 maka muncul jendela anda ketikkan jam_mc dan pilih movie clip. Pastikan titik registrationnya ada di bagian tengah bawah, setelah itu klik Ok..
Cara Membuat Jam Dinding

Di lembar kerja anda seleksi movie clip jam_mc lalu tekan pada keyboard CTRL dan F3 maka muncul panel properties. Di panel properties yang tampil masukkan jam _mc sebagai instance name.
Cara Membuat Jam Dinding

6. Seperti pada langkah ke 5.
Garis agak panjang anda seleksi, lalu anda tekan F8. Di panel yang tampil ketikkkan menit_mc dan pilih type movie clip. Pastikan bahwa titik registrationnya ada di bagian tengah bawah kemudian klik OK.
Anda seleksi movie clip menit_mc. Di bagian panel properties yang tampil anda masukkan menit_mc sebagai instance name. 
7. Seperti pada langkah ke 5 dan 6.
Garis yang paling panjang anda seleksi, setelah itu tekan F8. Di bagian panel yang muncul anda ketikkan detik_mc dan pilih type movie clip. Pastikan titik registrationnya ada di bagian tengah bawah setelah itu klik OK.
Anda seleksi movie clip detik_mc. Di bagian panel properties yang tampil anda masukkan detik_mc sebagai instance name.
8. Letakkan jadi satu, letakan garis dengan urutan jam, kemudian menit, kemudian detik di dalam tempat jam.
Cara Membuat Jam Dinding

9. Jika sudah terpasang semua, anda klik frame 1 lalu tekan F9. Di bagian panel action yang munul ketikkan kode script berikut:
Cara Membuat Jam Dinding

Masukkan code script berikut ini:
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;
};
10. Sudah selesai, jika ingin melihat hasilnya tekan Ctrl tahan dan Enter..
Cara Membuat Jam Dinding

Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf
Jika anda ingin mengexport animasi dalam bentuk flas movie caranya yaitu: klik File >> Export movie, kemudian beri nama dan pilih format swf.
seperti ini:

Tidak ada komentar:

Posting Komentar