Cari Blog Ini

Jumat, Februari 01, 2013

cara membuat animasi jam dinding

1. Siapkan Gambar yang akan di beri jam Analog , seperti contoh saya menggunakan gambar bulat berikut :


2. Buka Program Macromedia flash 8 , kalo belum punya kamu bisa cari di google dan harus cari versi portablenya, setelah membuka program tersebut akan muncul jendela seperti di bawah :


3. Selanjutnya pilih Flash Document seperti gambar di atas , setelah itu tekan tombol Ctrl+F3 pada keyboard, nanti akan ada pilihan di bawah dan di situ kamu bisa atur ukuran background sesuai gambar yang di inginkan , misalnya saya akan reseize gambar width : 240 dan height : 240 .

4. lalu import  gambar yang di inginkan dengan meng klik File yang ada di bagian atas pojok sebelah kiri lalu >> Import >> Import To Stage , setelah itu cari gambar mana yang kamu mau, sesuai dengan resolusi gambar tersebut, kalo sudah ada klik OPEN.

5. Selanjutnya klik 1 kali pada keyboard angka T ( Text Tool ) dan buat angka 1 sampai 12 , seperti contoh:


6. Lalu susun satu per satu angka yang telah di buat , Susun seperti halnya jam analog ,
7. Sesudah selesai di susun, selanjutnya buat 3 garis, garis jam ,garis menit dan garis detik di background yang berwarna abu abu, seperti contoh :


8. Selanjutnya tekan tombol V ( Selection Tool ) pada keyboard, klik garis jam yang tadi di buat lalu tekan tombol F8 pada keyboard dan isi  Name denganJam_mc, Type berada di Movie Clip dan Registration berada di bawah , kalo da ngerti liat gambar di bawah :


9. Sesudah itu isi <instance name> yang ada di pojok kiri bawah sesuai dengan nama di atas yaitu Jam_mc , liat gambar di bawah


10. Selanjutnya untuk garis menit dan detik ulangi langkah dari point 8 - 9 , namun isi Name dan <instanc e name> dengan , Menit = Menit_mc , Detik =Detik_mc .

11. Sesudah itu tumpangkan garis Jam , Manit dan Detik , di bagian tengah gambar dengan urutan jam di paling bawah menit di tengah dan detik yang terakhir , maksudnya seperti ini :


12. klik Frame 1 yang ada di pojok kiri atas ,kalo ga tau liat gambar berikut yang di kotak warna merah dan klik di bawah angka 1  :


13 . Terakhir klik Block All yang ada di bawah lalu Copy Kodenya, lalu tekan tombol F9 pada program Macromedia Flash 8 dan paste kode yang di copy di kolom putih Action 
1. Siapkan Gambar yang akan di beri jam Analog , seperti contoh saya menggunakan gambar bulat berikut :


2. Buka Program Macromedia flash 8 , kalo belum punya kamu bisa cari di google dan harus cari versi portablenya, setelah membuka program tersebut akan muncul jendela seperti di bawah :


3. Selanjutnya pilih Flash Document seperti gambar di atas , setelah itu tekan tombol Ctrl+F3 pada keyboard, nanti akan ada pilihan di bawah dan di situ kamu bisa atur ukuran background sesuai gambar yang di inginkan , misalnya saya akan reseize gambar width : 240 dan height : 240 .

4. lalu import  gambar yang di inginkan dengan meng klik File yang ada di bagian atas pojok sebelah kiri lalu >> Import >> Import To Stage , setelah itu cari gambar mana yang kamu mau, sesuai dengan resolusi gambar tersebut, kalo sudah ada klik OPEN.

5. Selanjutnya klik 1 kali pada keyboard angka T ( Text Tool ) dan buat angka 1 sampai 12 , seperti contoh:


6. Lalu susun satu per satu angka yang telah di buat , Susun seperti halnya jam analog ,
7. Sesudah selesai di susun, selanjutnya buat 3 garis, garis jam ,garis menit dan garis detik di background yang berwarna abu abu, seperti contoh :


8. Selanjutnya tekan tombol V ( Selection Tool ) pada keyboard, klik garis jam yang tadi di buat lalu tekan tombol F8 pada keyboard dan isi  Name denganJam_mc, Type berada di Movie Clip dan Registration berada di bawah , kalo da ngerti liat gambar di bawah :


9. Sesudah itu isi <instance name> yang ada di pojok kiri bawah sesuai dengan nama di atas yaitu Jam_mc , liat gambar di bawah


10. Selanjutnya untuk garis menit dan detik ulangi langkah dari point 8 - 9 , namun isi Name dan <instanc e name> dengan , Menit = Menit_mc , Detik =Detik_mc .

11. Sesudah itu tumpangkan garis Jam , Manit dan Detik , di bagian tengah gambar dengan urutan jam di paling bawah menit di tengah dan detik yang terakhir , maksudnya seperti ini :


12. klik Frame 1 yang ada di pojok kiri atas ,kalo ga tau liat gambar berikut yang di kotak warna merah dan klik di bawah angka 1  :


13 . Terakhir klik Block All yang ada di bawah lalu Copy Kodenya, lalu tekan tombol F9 pada program Macromedia Flash 8 dan paste kode yang di copy di bawah ini



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

setelah itu tekan ctrl+enter    selesai



          selamat mencoba          


Tidak ada komentar:

Posting Komentar