LANGKAH-LANGKAH MEMBUAT PROGRAM

Transkripsi

1 Dede Jamaludin Nama Halaman : Kesejajaran Siapkan stage berukuran 600x400 pixels dengan background berwarna hitam, frame rate 20 fps. Buatlah dua buah kotak rectangle tool untuk stage judul dan stage isi dengan warna dan ukuran yang berbeda. Setting ukuran kotak untuk stage judul lebih kecil daripada stage untuk isi. Nah sekarang kita sudah punya backgroundnya, rename layer ini dengan nama background. Kunci layer background, kemudian buat layer baru dan beri nama button. Pada layer button, kita akan membuat beberapa tombol. Caranya, pada stage isi, buat sebuah kotak rectangle tool dengan sudut set corner radius=15, kemudian buatkan pula text tool bertuliskan tentang program untuk tombol ini. Dengan cara yang sama buat 5 buah tombol lainnya dengan nama latar belakang, sasaran&tujuan, Euclidean geo., Riemannian geo., dan kesejajaran. Langkah selanjutnya, seleksi tombol tentang program, klik kanan lalu convert to symbol, pilih button dan beri nama tentang program_btn. Lakukan hal yang sama untuk 5 tombol lainnya. Eh hampir saja lupa, pada kedua ujung stage judul, buatkan pula tombol untuk home dan exit, setting kedua tombol ini menjadi button seperti tadi. Tahap membuat tombol sudah selesai, tapi kurang menarik rasanya kalau tidak kita kreasikan dengan animasi. Caranya mudah, double klik pada tombol yang akan kita animasikan. Lihat pada layer, diatas kolom timeline pada layer ini terdapat tulisan up, over, down, dan hit. Kita hanya akan menggunakan frame up dan over saja. Klik kanan pada frame over, lalu pilih insert keyframe. Klik pada frame ini, lalu ubah warna tombol yang kita animasikan tadi 1

2 dengan warna berbeda dengan pada frame up. Maksudnya, frame up berarti kondisi tombol pada saat keadaa biasa, dan frame over berarti kondisi ketika mouse diatasnya. Sedangkan frame down adalah kondisi ketika tombol ditekan dan frame hit adalah kondisi setelah tombol ditekan. Kunci layer button, buat layer baru dan beri nama isi. Pada layer isi, kita akan mengisinya dengan materi tentang program kita. Sebelumnya, terlebih dahulu kita buat stage untuk isi materi ini. Caranya, buat sebuah kotak rectangle tool secukupnya (sesuai konten materi yang akan kita tampilkan). Beri warna yang berbeda dengan warna pada layer background. Klik kanan pada kotak ini lalu pilih convert to symbol, pilih movie clip dan beri nama isi_mc. Berikutnya, double klik pada kotak ini, dan wah ada apa ini..? Rupanya muncul timeline dan layer name yang baru. Tidak usah bingung, ini adalah ruang kerja didalam movie clip isi_mc. Rename layer stage isi ini dengan nama background. Kunci layer background, lalu buat layer baru dengan nama isi materi. Masih pada layer isi materi, klik kanan pada timeline, lalu insert keyframe. Pada stage dibawahnya, buatlah tulisan tentang materi yang akan kita tampilkan pada program ini. Misal, materi pada halaman ini adalah tentang kesejajaran. Maka, klik text tool lalu buatlah tulisan materi ini pada stage isi materi. Untuk membuat halaman lain, lakukan hal yang sama mulai dari insert keyframe dan seterusnya. Oleh karena halaman ini memerlukan gambar ilustrasi, maka buatlah ilustrasinya dengan cara mengklik line tool, lalu buatlah sketsa gambar tersebut. Supaya lebih animatif, seleksi sketsa ilustrasi yang telah kita buat, lalu klik kanan dan pilih convert to symbol, pilih movie clip. Double klik sketsa gambar tadi, lalu buat perubahan animasi yang berbeda tiap rentang waktu tertentu pada timeline dengan cara insert keyframe, klik pada frame-10 (optonal) dan setting perubahan bentuk yang ingin kita tampilkan dengan mengubah bentuk ilustrasi grafik yang berbeda pada setiap keyframe yang kita input tadi. 2

3 Ada lagi, masih pada stage isi materi, buat tombol berbentuk tanda panah dibagian ujung kanan bawah stage dengan menggunakan line tool untuk tombol next, kemudian convert to symbol, pilih button. Sampai disini, semua tampilan sudah kita desain. Namun, urutannya masih belum teratur. Agar tombol dan halaman yang muncul saling sinkron, kita perlu membuat script yang bersesuaian. Mari kita mulai cara membuat scriptnya. Sebelumnya, pastikan kita berada di posisi awal. Terlebih dahulu klik tombol scene 1 yang berada diatas layer name. nah, sekarang kita berada di posisi awal lagi. Pertama-tama, klik pada layer button, kunci layer yang lainnya. Kita akan membuat script perintah untuk masing-masing tombol yang sudah kita buat. Pada stage judul, kita buat script untuk tombol home. Caranya, seleksi tombol home, lalu buka panel action script lalu ketikkan script berikut : gotoandstop(1); Maksudnya : pada saat tombol diklik lalu dilepaskan {on (release), maka berhenti pada frame ke-1 (halaman depan/home). Masih pada stage judul. Untuk script pada tombol exit. Caranya, seleksi tombol exit lalu buka panel action script di bawah dan ketikkan script berikut : fscommand("quit"); Maksudnya : pada saat tombol diklik lalu dilepaskan {on (release), maka program akan keluar(exit). Sekarang, kita buat perintah script untuk tombol yang ada pada stage isi. Misal untuk tombol kesejajaran_btn, seleksi tombol ini lalu ketikkan script berikut : 3

4 n=6 gotoandplay( nextframe ); Maksudnya : pada saat tombol diklik lalu dilepaskan {on (release), maka nilai n=6 menunjukkan movie clip isi materi frame ke-6. Maka, halaman ini akan ditampilkan ketika tombol diklik (nextframe). Dengan cara yang sama, lakukan perintah script pada tombol lainnya dan jangan lupa sesuaikan dengan halaman yang ingin ditampilkan sesuai lokasi frame pada timeline. Kok belum berfungsi? Maaf, ada yang terlewat sedikit. Untuk menjalankan dan menghentikan movie clip isi_mc, kita belum menghubungkannya dengan perintah gotoandstop yang tadi. Bagaimana caranya? Kita buat layer baru dengan nama action. Pada frame pertama, kita ketikkan script berikut: Stop ( ); Maksudnya : agar movie clip yang akan kita tampilkan tidak muncul berulangulang, maka kita ketikkan script (stop); agar halaman yang tampil cukup muncul satu kali saja. Pada frame ke-2 layer action, ketikkan script berikut : isi_mc.gotoandstop (n); Maksudnya : jalankan dan hentikan movie clip berlabel isi_mc pada frame ke-n. Script inilah yang menghubungkan tombol dengan movie clip isi_mc sehingga saling sinkron satu sama lain. O iya, ada yang masih ingat dengan tombol tanda panah???, kita belum memberinya script untuk perintahnya. Mudah saja, double klik pada stage isi materi, lalu seleksi tombol tanda panah tadi dan ketikkan script pada panel action script dibawahnya berikut ini : 4

5 n=7; nextframe(); Maksudnya : pada saat tombol diklik lalu dilepaskan {on (release), maka nilai n=7 menunjukkan movie clip isi materi frame ke-7. Maka, halaman ini akan ditampilkan ketika tombol diklik (nextframe). Perlu diketahui, script diatas tidak dihubungkan lagi dengan perintah gotoandstop(nextframe); sebab tombol tanda panah berada si dalam movie clip isi_mc. Berbeda dengan tombol pada layer button yang berada diluar movie clip isi_mc, sehingga bisa dihubungkan. Sedangkan jika tombol tanda panah ini menggunakan koneksi gotoandstop(nextframe);, maka script akan error. Nah, sekarang setiap tombol sudah berpasangan, lalu bagaimana cara mereka tampil?, agaknya kita perlu mendandaninya dengan menggunakan motion tween. Caranya, pilih layer isi lalu kunci layer lainnya supaya tidak terganggu. Klik kanan pada frame ke-10, lalu insert keyframe. Pada selang antara frame 2-9, klik kanan lalu pilih create motion tween. Sketsa perubahan bentuk atau posisi yang diinginkan dengan merubah posisi awal (frame-1) dan akhir (frame-10). Kita juga bisa merubah proses perubahan bentuknya dengan melihat properti motion tween pada panel properties. Lupa lagi, kita belum memberi judul untuk program ini. Pada stage judul kita ketikkan judul Kontroversi Postulat Kesejajaran-Euclidean vs. Riemannian Geometry. Agar lebih menarik, kita set tampilan judul kedalam animasi dengan cara, seleksi text judul kemudian klik kanan dan pilih convert to symbol, pilih movie clip. Double klik pada text judul kemudian insert keyframe pada frame-2 dan ke-3(optional). Ubah warna pada frame ke-2 dan ke-3 sehingga text judul akan berubah warna ketika program dijalankan. Lakukan hal yang sama pada text visit di stage isi paling bawah sehingga text berubah menjadi movie clip. Seleksi text tersebut lalu double klik 5

6 dan masukkan alamat asli (URL) blog pada panel properties. Maka, ketika link tombol ini ditekan akan langsung memanggil alamat blognya. Apalagi ya,hmmm supaya program kita semakin ramai, masukkan perintah script untuk memanggil sound/suara. Caranya, posisikan selection tool pada frame pertama dilayer background. Lalu ketikkan script berikut : my_sound.loadsound("ding.mp3", true); Maksudnya : kita memanggil sound ding.mp3 (.mp3 only), ketika halaman home ditampilkan. Copy script pemanggil suara tadi lalu paste di awal/ tengah/ akhir/ ketiganya pada timeline movie clip isi_mc. Maka suara ding.mp3 akan berbunyi ketika movie clip isi_mc berada di posisi awal/tengah/akhir pada timeline. Catatan : file ding.mp3 harus disimpan didalam folder yang sama dengan file program.exe Selamat mencoba...! -Selesai- 6