BELAJAR MACROMEDIA FLASH MX

Transkripsi

1 Online Courses BELAJAR MACROMEDIA FLASH MX 1. Membuat Jam Dinding Langkah - langkahnya sbb: 1. Buka Program Flash Start >> All Program >> Flash, pilih flash dokumen disini penulis menggunakan Flash MX 2004 namun tutorial ini bisa diterapkan di Adobe Flash versi berapapun termasuk Flash CS5 2. Buat lingkaran Gunakan oval tool (shortcut tombol: O), tips: tekan dan tahan tombol shift pada keyboard agar lingkaran bulat sempurna 3. Ubah warna fill jadi hitam, Gunakan text tool (Short cut tombol : T) dan tulis 1 per 1 nomor jam mulai dari 1-12 untuk penomoran angka gunakan Selection tool untuk meletakkan nomor - nomor tersebut pada bagian jam

2 4. Dengan Line Tool (N) buatlah 3 buah garis untuk penunjuk arah jam garis jam (pendek), garis menit (agak panjang), garis detik (panjang) 5. Seleksi garis yang paling pendek dengan selection tool (V) dan tekan F8 muncul jendela dan masukkan jam_mc dan pilih movie clip sebagai type serta pastikan titik registrationnya berada di tengah bagian bawah lalu tekan ok.

3 Seleksi movie clip jam_mc di Lembar kerja kemudian tekan Ctrl+F3 untuk memunculkan panel properties. Pada panel properties yang muncul masukkan jam_mc sebagai instance name. 6. Sama seperti di atas Seleksi garis kedua (agak 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. Seleksi movie clip menit_mc. Pada panel properties yang muncul masukkan menit_mc sebagai instance name. 7. Sama seperti di atas Seleksi garis ketiga (paling 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. Seleksi movie clip detik_mc. Pada panel properties yang muncul masukkan detik_mc sebagai instance name. 8. Satukan dan letakkan garis dengan urutan jam lalu menit kemudian detik dan letakkan di dalam tempat jam

4 9. Setelah semuanya terpasang, klik frame 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut : //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 Masukkan code script berikut ini: //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;

5 10. Tekan Ctrl+Enter untuk melihat hasilnya. kira - kira seperti ini: Animasinya bisa diexport dalam bentuk flash movie dengan cara klik File >> Export movie, beri nama dan pilih format swf seperti ini: Dan Jarum Jam akan bergerak sesuai jam pada computer. Terimakasih Mari kita ke tutorial berikutnya

6 D A N N Y 2.MEMBUAT KIPAS ANGIN Membuat Animasi Berputar (Kipas Angin) LANGKAH-LANGKAH 1. Siapkan Kipas angin, Lihat arah berputarnya, jangan lamalama nanti pusing, wkwkwk Nyalakan komputer dan buka program Flash, Disini saya memakai Adobe Flash CS 4 3. Buat Object 2 buah segitiga + 1 Buah object lingkaran di Lembar kerja flash Caranya: Untuk membuat Segitiga gunakan PolyStar Tool pada toolbar, Untuk Pengaturan gunakan Style: Polygon, Number Of Side: 3 Untuk membuat Lingkaran gunakan Oval Tool dan tekan dan tahan tombol shift agar lingkaran bulat sempurna Petunjuk Gambar IG 4. Atur gambar sehingga membentuk Sebuah baling baling kipas dan seleksi semuanya lalu tekan CTRL + G (Group) untuk menggabungkan 3 object tersebut menjadi 1 kesatuan

7 Petunjuk Gambar IG 5. Sekarang waktunya membuat Frame pada Layer 1 klik Frame 50 dan pilih insert Frame Petunjuk Gambar IG 6. Masih di Frame 50, klik kanan lagi dan sekarang pilih Create

8 Classic Tween 7. Pada Properties, atur Tweening, pilih Rotate: CW (Searah jarum jam) Petunjuk Gambar IG Setelah selesai, tekan F6 di frame 50 untuk memunculkan keyframe Lihat hasilnya..kipas sudah berputar Terimakasih Mari kita ke tutorial berikutnya D A N N Y