Posted in Diary, Flash
Email This Post
Print
Senin pagi, 28 Januari 2008 10.00 merupakan hari pertama Ujian Akhir Semester saya. Dengan bakat “M” yang saya miliki, saya baru belajar jam 7 pagi
Berhubung materi setelah UTS tentang Actionscipt dan saya jarang masuk kuliah + ga pernah belajar, dengan dipaksakan saya selesaikan baca buku 123 Tip & Trik Action Script Flash MX 2004, tujuannya adalah menambah pembendaharaan script dan praktek waktu ujian
. 10.10 buku baru selesai ditengok, lagi-lagi saya terlambat, dengan bantuan Si Ipin saya sampai di kampus, langsung menghadap dosen minta ijin ikut ujian. Setelah diijinkan, dilayar ditampilkan animasi kurang lebih seperti dibawah ini :
Dalam hati saya bersyukur, ujiannya hanya satu soal. Tapi bingung juga, gimana cara buatnya. Dari animasi itu saya mencatat beberapa kriteria :
- dalam animasi terdapat empat objek, sebut saja objek_1, objek_2, control_1, control_2
- objek_1 berada diluar objek_2, keduanya berputar dalam arah yang berbeda
- control_1 untuk mengontrol objek_1 dan control_2 untuk mengontrol objek_2. kontrol hanya sebatas menghentikan dan meneruskan putaran dari objek.
Sebelum mengerjakan saya menemui beberapa kendala, bagaimana menggambar objek
Bagaimana control mengontrol objek
Bukan maksud menggurui, buat para sesepuh mending baca saya posting lainnya atau kasih koreksi scipt ok
Berikut ini langkah-langkah yang saya lakukan * sorry ngga pake gambar
*
Menggambar Objek
Untuk menggambar objek saya menggunakan corel draw * untung waktu dikasih materi cara menggabar objek saya masuk, lucky me
*. Pertama, saya pilih Ellipse Tool (F7), kemudian sambil tekan Ctrl saya drag mouse untuk membuat lingkaran (fill dan outline color dibuat sama warnanya, saya gunakan kuning), kemudian saya tekan tombol P untuk men-center lingkaran. Kedua, membuat sebuah persegi panjang yang ukurannya lebih panjang dari diameter lingkaran, saya gunakan Rectangle Tool (F6) fill & outline color dibuat sama dengan lingkaran, kemudian tekan tombol P untuk mengetengahkan. Ketiga, dalam keadaan persegi panjang masih terpilih tekan tombol Ctrl dan + bersamaan untuk mengcopy objek, kemudian pada property angle rotation ketikkan angka 90 & enter, maka akan menghasilkan objek pesegi panjang bersilangan (palang), buat 2 objek dengan cara yang sama dengan nilai rotasi 145 & 225. Object ini akan digunakan dalam flash dan kita sebut mc_1. Untuk melihat hasilnya, bisa dilihat dibawah. Untuk mempermudah memisahkan gambar kedepannya, lakukan grouping pada object-object ini dengan cara pilih semua object (Ctrl+A) kemudian pilih menu Arrange > Group (Ctrl+G).
Selanjutnya kita harus menggambar objek satunya. Seperti sebelumnya gunakan Ellipse Tool untuk membuat lingkaran, pilih warna yang berbeda dari sebelumnya, misal hijau, sambil menekan Ctrl buatlah lingkaran pada gambar diatas dengan diameter yang lebih kecil, dan untuk memastikan posisi lingkaran ditengah, tekan tombol P.
Kemudian kita akan membagi lingkaran bagian dalam (berwarna hijau) menjadi empat bagian dengan cara menggambar 2 persegi panjang menggunakan warna yang sama dengan lingkaran bagian luar (kuning), kedua persegi panjang tersebuat disusun membentuk sebuah palang. Caranya gunakan Rectangle Tool, buat persegi panjang dengan ukuran yang sama dengan persegi panjang sebelumnya secara vertikal, panjang persegi panjang tidak lebih dari diameter lingkaran luar. Posisikan persegi panjang ini ditengah halaman dengan menekan tombol P. Copy persegi panjang ini dengan cara seperti sebelumnya dan ubah angle rotation menjadi 90. Maka akan dihasilkan gambar seperti dibawah ini.
Hmm … masih kurang beberapa gambar, lanjut … Selanjutnya kita buat lingkaran dengan diameter tidak lebih dari lebar perpotongan dua persegi panjang sebelumnya, dan lingkaran ini memiliki warna yang sama dengan warna lingkaran sebelumnya (hijau). Dengan rectangle tool kita buat kembali persegi panjang membentuk palang dengan panjang melebihi sedikit dari diameter lingkaran ketiga. Langkah-langkahnya sama dengan sebelumnya, sehingga gambar menjadi seperti berikut.
Kemudian dibuat 4 gambar panah yang memiliki arah yang berbeda dan mata panah diluar lingkaran kedua (hijau). Untuk membuat panah gunakan arrow tool pada basic shape dan pilih fill color hijau. Untuk membuat panah lainya dapat digunakan metode copy seperti sebelumnya dan arah dapat diubah pada property angle rotation. Sehingga gambar menjadi seperti dibawah ini.
Kemudian pisahkan group objek yang dibuat sebelumnya, dan lakukan grouping pada gambar-gambar yang baru dibuat. Sehingga gambar menjadi seperti ini.
Sebelum beralih ke Macromedia Flash, export terlebih dahulu gambar yang telah dibuat kedalam flash object, caranya klik File>Export kemudian pada bagian Save as type pilih SWF, pilih lokasi dan nama file kemudian tekan Export dan OK.
Membuat Animasi
Untuk membuat animasi saya gunakan Macromedia Flash MX. Dengan menggunakan object yang telah kita gambar sebelumnya, dua buah tombol dan sedikit action script maka animasi seperti diatas dapat dibuat. Langkah-langkahnya adalah sebagai berikut :
- Import swf object yang kita buat dengan cara klik File > Import to Stage
- Pilih Object pertama kemudian buat sebuah movie clip dari objek tersebut dan beri nama, misalkan mc_1. Caranya pilih object pertama kemudian tekan tombol F8, ketikan nama dari movie clip pada bagian name dan pilih Movie Clip kemudian tekan tombol OK. Dalam keadaan terpilih, buka panel properties pada bagian instance name isi dengan mc_1.
- Lakukan juga pada object yang lain seperti halnya langkah diatas, simpan dengan nama movie clip dan instance name yang berbeda, misal mc_2.
- Buat dua buah tombol dimana tombol 1 akan digunakan untuk mengontrol mc_1 dan tombol 2 untuk mengontrol mc_2. Sehingga pada stage kurang lebih seperti dibawah ini (klik gambar untuk memperbesar) :
- Kemudian gabungkan mc_1 dan mc_2 dengan mengetengahkan kedua-duanya pada stage, caranya pilih mc_1 dan mc_2, buka panel align, aktifkan Align/Distribute to Stage, klik Align Horizontal Center dan Align Vertical Center. Maka posisi mc_1 danmc_2 akan berada ditengah-tengah stage seperti gambar dibawah ini.
- Selanjutnya kita masukkan script pada masing-masing object (mc_1, mc_2, tombol1 dan tombol2). Caranya, pilih object yang akan diberi script lalu tekan F9 kemudian ketikan script seperti dibawah ini :
mc_1 script
mc_2 script
tombol1 script
tombol2 script
Membuat animasi selesai. Untuk fungsi dari script dapat dilihat di Flash Help (F1). Buat yang ingin source code dapat didownload disini dan apabila ada pertanyaan bisa hubungi saya lewat comment atau YM.
Alhamdulillah ujian praktek selesai meski 30 menit pertama terbuang gara2 komputer restart
Sore hari-nya saya ujian English III, tiap kuliah isinya hanya presentasi & diskusi, dari pengalaman UTS kemarin jadi tau gimana model soal-nya tp tetep aja belajarnya dadakan. Multimedia Lanjutan masih mending 3 jam sebelum ujian, English 1 jam sebelum ujian br belajar
Tapi setelah mengerjakan soal dengan pede-nya nilai B sudah ditangan *sambil nulis huruf B ditangan
* semoga dapat A *bayangin huruf A*
Bubye
Bookmark: Del.icio.usSpurlFurlSimpyBlinkDigg
RSS feed for comments on this post | TrackBack URI for this post
You may Leave a comment or Subscribe to Comments RSS or Trackback this entry.
2 comments so far
Leave a comment
Please be polite and on topic. Your e-mail will never be published.











thank’s bgt yaaah…..
[Reply]
spypark.reborn reply on May 3rd, 2008:
you’re welcome
[Reply]