Jam Analog

Berikut adalah tutorial untuk membuat jam analog, iniadalah cara sederhana, kamu bisa mengembangkannya sendiri untuk lebih baik lagi

  1. Buatlah flash document.

  1. Buatlah sebuah gambar seperti di bawah ini. Anda dapat menggunakan oval tool, text tool, dan panel transform untuk membuatnya.

Untitled.png

  1. Buatlah tiga buah garis (jam, menit, detik)

  1. Seleksi garis yang paling kecil, kemudian tekan F8. Pada panel yang muncul masukkan jam_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
q.png

  1. Seleksi movie clip jam_mc di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan jam_mc sebagai instance name.

w.png

  1. Seleksi garis kedua (garis yang tidak terlalu panjang), kemudian tekan F8. Pada panel yang muncul masukkan detik_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
r.png

  1. Seleksi movie clip detik_mc di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan detik_mc sebagai instance name.

t.png

  1. Seleksi garis ketiga (garis yang paling panjang), kemudian tekan F8. Pada panel yang muncul masukkan menit_mc dan movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.
y.png

  1. Seleksi movie clip menit_mc di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan menit_mc sebagai instance name.

  1. Letakan movie clip jam_mc di tengah lingkaran yang kita buat sebelumnya.
a.png

  1. Selanjutnya letakan movie clip menit_mc di tengah lingkaran (ditempat yang sama movie clip jam_mc berada).

  1. Lalu letakan juga movie clip detik_mc di tengah lingkaran (ditempat yang sama movie clip jam_mc dan menit_mc berada).

  1. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :

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

  1. Tekan Ctrl+Enter untuk melihat hasilnya.


Komentar

Posting Komentar

Postingan populer dari blog ini

Gambar
Who doesn't know Yakult? Yakult's unique good bacteria suppresses the harmful bacteria present in our intestine! Beneficial bacteria can help digestion, make vitamins and simulate immune cells. Harmful bacteria disturb the activity of the beneficial ones and produce harmful substances that affect your health. Unbalanced diet, high stress, less sleep, and lack of daily exercise can all put your digestive system out of balance, which then gives harmful bacteria the opportunity to multiply. As a result, you may suffer from poor digestion or week immunity. Love your guts, drink Yakult every day. . . . .
Baca selengkapnya

Motion Guide

Gambar
Motion guide adalah salah satu fasilitas dari flash yang digunakan untuk membuat animasi motion tween bergerak sesuai jalur (guide) yang telah kita buat. Hasil animasi motion guide ini selain halus (karena motion tween) juga lebih teratur karena animasi bergerak sesuai jalur yang kita buat. Berikut adalah contoh pembuatan motion guide: Buka aplikasi flash Buat objek lingkaran, setelah itu tekan F8. Berikan nama bola dengan type movie clip dan registration posisi di tengah. Pilih Frame 50 dan klik kanan pilih insert keyframe atau tekan F6 pada keyboard. Klik tombol add motion guide pada timeline, sehingga memunculkan layer baru add motion guide Klik frame 1 layer Guide. Buat garis lintasan seperti gambar dibawah ini. Klik kembali frame 1 layer 1 letakkan posisi tengah lingkaran tepat di ujung garis lintasan sebelah kiri. Klik kembali frame 1 layer 50 letakkan posisi tengah lingkaran tepat di ujung garis lintasan sebelah
Baca selengkapnya

Frame to frame

Gambar
Animasi frame by frame ini adalah animasi sederhana dengan membuat objek yang berbeda-beda pada setiap framenya. Animasi ini dibuat hanya dengan menggunakan 1 layer dan beberapa frame. Berikut langkah-langkahnya. Buka aplikasi Flash Pada frame 1 buat objek lingkaran (dengan oval tool)  dan garis (dengan line tool). Posisikan seperti gambar dibawah ini. Pada frame 2 klik kanan pada mouse, pilih pilihan insert keyframe atau tekan F6 pada keyboard. Posisikan lingkaran lebih rendah daripada posisi lingkaran di frame 1. Pada frame 3 klik kanan pada mouse, pilih pilihan insert keyframe atau tekan F6 pada keyboard. Posisikan lingkaran menempel dengan objek garis. Pada frame 4 klik kanan pada mouse, pilih pilihan insert keyframe atau tekan F6 pada keyboard. Ubah bentung lingkaran menjadi lebih membentuk oval dengan free transform tool atau tekan huruf Q pada keyboard. Pilih kembali frame 3, klik kanan lalu pilih pilihan copy frame, lalu pada f
Baca selengkapnya