andi

Breaking News
Loading...
Jumat, 29 Maret 2013

CARA MEMBUAT JAM ANIMASI FLASH

08.42

Adapun langkah-langkah dalam membuat jam animasi flash adalah sebagai berikut :
1.     Buka applikasi Macromedia anda, kemudian klik Flash Documentpada bagian Create New.
Membuat Jam Animasi Flash Analog
Gambar.1

2.     Setelah muncul halaman baru, selanjutnya tekan Ctrl+F3 pada keyboard netbook/computer anda, sehingga muncul halaman seperti gambar dibawah.
Membuat Jam Animasi Flash Analog
Gambar.2
Pada halaman Document Properties seperti gambar no.2 diatas, silahkan isi form yang terdapat disana, dan ganti ukuran default media dengan ukuran jam yang ingin anda buat (contoh : 200 x 200 px), selanjutnya klik OK.
Tekan Ctrl+F3 lagi untuk kembali kehalaman semula.
Pada bagian ini, anda juga bisa menggunakan ukuran gambar/foto yang terdapat pada netbook/computer anda. Jadi, sebelum membukaMacromedia Flash, silahkan edit  terlebih dahulu file gambar/foto yang tersimpan pada netbook/computer anda, contohnya seperti file gambar logo WP yang saya buat dibawah. Anda juga bisa menggunakan foto anda sendiri sebagai background jam animasi flash.
3.     Setelah gambar/foto anda sudah siap, langkah berikutnya adalah, klik menu File–>Import–>Import to Stage
Membuat Jam Animasi Flash Analog
Gambar.3
4.     Setelah gambar/foto yang anda import ke stage sudah muncul, selanjutnya klik menu Text Tool atau tombol pada keyboard anda.
Membuat Jam Animasi Flash Analog
Gambar.4
Selanjutnya buatlah teks area pada gambar/foto dan tulis angka 1sampai 12 secara terpisah. (Perhatikan gambar no.4 diatas)
5.     Langkah selanjutnya, klik Ctrl+F3 pada keyboard untuk mengatur ukuran dan warna angka pada Text Properties.
Membuat Jam Animasi Flash Analog
Gambar.5
Setelah selesai, klik Ctrl+F3 untuk menyembunyikan halaman text properties.
Selanjutnya, geser angka sampai 12 tersebut seperti pada posisi angka jam pada umumnya, sehingga tampak seperti pada gambar no.6 dibawah.(Klik Selection Tool untuk menggeser)
6.     Langkah berikutnya, klik Line Tool pada menu, atau tombol pada keyboard anda, kemudian buatlah 3 buah garis untuk penunjuk arah jam (jam, menit, detik) seperti pada gambar dibawah.
Membuat Jam Animasi Flash Analog
Gambar.6
Langkah berikutnya, klik Selection Tool atau tekan tombol pada keyboard anda. Selanjutnya, klik garis pendek (jam) yang telah anda buat, kemudian tekan F8 pada keyboard anda.
Membuat Jam Animasi Flash Analog
Gambar.7
Pada halaman yang muncul seperti gambar diatas, pada kolom Name, ganti teks yang ada dengan jam_mc, pilih Movie klip untuk Type, dan pastikan titik Registration berada pada baris tengah bawah. Selanjutnya klik OK.
7.     Langkah berikutnya, tekan Ctrl+F3 untuk menampilkan halaman property.
Membuat Jam Animasi Flash Analog
Gambar.8
Pada gambar diatas, klik kolom <Instace Name> dan ganti denganjam_mc.
8.     Selanjutnya klik garis ke-2 (menit) kemudian tekan F8, ganti Name dengan menit_mc. Selanjutnya tekan Ctrl+F3 pada keyboard, ganti<Instance Name> dengan menit_mc.
9.     Langkah berikutnya, klik garis ke-3 (detik) kemudian tekan F8, gantiName dengan detik_mc. Selanjutnya tekan Ctrl+F3, ganti <Instance Name> dengan detik_mc.
10.     Langkah selanjutnya, geser ke-3 garis tersebut satu persatu, dan letakkan pada gambar/media (ditumpuk) dengan posisi garis pendek (jam) terletak paling bawah, kemudian garis menit, dan yang terakhir garis panjang (detik).
Membuat Jam Animasi Flash Analog
Gambar.9
11.     Selanjutnya klik dibawah angka 1 pada halaman frame, kemudian tekan F9.
Pada halaman Action yang muncul, copy kode dibawah kemudian paste pada halaman tersebut.
//perintah yang dijalankan ketika frame dimainkan
onEnterFrame = function () {
                //membuat variable waktu sebagai date object
                waktu = new Date();
                //membuat variable jam dengan nilai sama dengan jam pada komputer
                jam = waktu.getHours();
                //membuat variable menit dengan nilai sama dengan menit pada komputer
                menit = waktu.getMinutes();
                //membuat variable detik dengan nilai sama dengan detik pada komputer
                detik = waktu.getSeconds();
                //digunakan jika komputer menggunakan sistem 12 jam
                //jika nilai variable jam lebih dari 12 maka akan dikurangi 12
                if (jam>12) {
                                jam -= 12;
                }
                //movie clip jam_mc akan berotasi sesuai nilai variable jam dikali 30 yang ditambah nilai variable menit di bagi 2
                jam_mc._rotation = jam*30+(menit/2);
                //movie clip jam_mc akan berotasi sesuai nilai variable menit dikali 6
                menit_mc._rotation = menit*6;
                //movie clip detik_mc akan berotasi sesuai nilai variable detik dikali 6
                detik_mc._rotation = detik*6;
};a
Membuat Jam Animasi Flash Analog
Gambar.10
Selanjutnya tekan Ctrl+ENTER untuk melihat hasilnya.
12.     Simpan jam animasi anda dengan mengklik File–>Export–>Export Movie.
Pada halaman berikutnya, pilih type Flash Movie(*.swf) kemudian klikSave, dan pada halaman terakhir klik OK.

2 komentar:

  1. Komentar ini telah dihapus oleh pengarang.

    BalasHapus
  2. Hi,
    We have found harmful links in the footer of your site http://andifaisal-bugis.blogspot.se there is links that points to my site, google panelized our site because of the links. Please change theme to get rid of the links.
    If you don't know where to find them I made a video showing you were in the footer they are located.
    Easiest way to get them away is to replace the theme whit a other free one.

    I made a video to show were the links:
    http://screencast.com/t/84VtI68afC

    Best Regards
    Andreas

    BalasHapus

 
Toggle Footer