Modul 4 : Grafika dan Multimdia

Berkaitan dengan mata kuliah yang berhubungan dengan MULTIMEDIA, khususnya tugas dari dosen membuat Animasi bergerak, maka pada kesempatan kali ini saya akan mencoba sedikit berbagi penjelasan bagaimana membuat animasi bergerak dengan pola Gambar Capung

Langkah-Langkahnya adalah :

*.Buka Aplikasi Macromedia Flash 8 pilihFlash Document

*.Buat pola untuk sayap dengan menggunakan oval Tool, kemudian pada bagian Stroke Color hilangkan garis untuk polanya dan pilih warna sesuai yang diinginkan pada Fill Color.

 

*.Kemudian bentuk pola menyerupai sayap capung dengan cara memilih Selection Tool, arahkan kursor panah pada pojok pinggir pola yang digambar,kemudian setelah kursor memberikan tanda tertentu (garis melengkung) tekan dan lalu Tarik untuk membentuk pola. Setelah itu untuk motif sayap buat lingkaran kecil bulat dan lonjong dari Oval Tool, untuk motif garis melengkungnya gunakan Pencil Tool kemudian satukan bersama pola gambar sayap, seperti pada gambar berikut.

*.Setelah pola sayap dibuat seperti diatas, Pilih kedua pola tersebut dengan menggunakan Selection Tool, kemudian pilih MenuModify -> Group ( Ctrl + G ), lalu copy pola dengancara klik Kanan -> Copy, Klik Kanan -> Paste.Setelah itu balik Pola yang tercopy seperti gambar yang bercermindengan memilih MenuModify -> Transform -> Flip Horizontal,hingga seperti gambar berikut.

*.Setelah itu buat pola Badan, Kepala dan ekor capung dengan kembali menggunakan Oval Tool, bentuk dan gabungkan menjadi satu, kemudian pilih ketiganya dengan Selection Tool, kemudian gabungkan dengan memilih MenuModify -> Group ( CTRL + G ).Jangan lupa untuk menggabungkan badan dengan sayap, kemudian groupkan dengan cara seperti sebelumnya.

*.Setelah Pola badan sayap sudah jadi, gabungkan pola tersebut, buat gambar kaki dengan menggunakan Pencil Tool.

*.setelah itu pilih lagi semua objek menggunakanSelection Toolkemudian pilih MenuModify -> Convertto Symbol maka akan  muncul konfirmasi berikut.

*.Ubah nama pada kolom Name,pilih Movie Clip dan centang bagian tengah pada Registration kemudian pilih OK,maka pada kolom library akan muncul Movie Clip dengan nama Capung beserta gambar pola capung yang dibuat tadi. Setelah itu klik gambar dua kali pada layar kerja sampai muncul movie clip dengan nama Capung di bagian Timeline pojok kiri atas.

 

*.Setelah itu gambar kembali di seleksi lagi secara keseluruhan menggunakan Selection Tool, kemudian pilih kembali MenuModify -> Timeline -> Distribute to layers ( CTRL + Shift + D )yang berfungsi untuk menambah dan menampilkan editor Layer pada bagian Layer. Pada bagian editor layer akan muncul beberapa layer dari sayap bagian kanan, kiri dan badan yang bisa diketahui saat kita meng klik bagian-bagian dari gambar pola capung tersebut, Layer tersebutpun dapat di ubah namanya sesuai dengan bagian pada pola gambar.

*.Pada editor layer bagian badan klik timeline titik angka 5, kemudianklik kanan -> insert frame dan kunci.

*.Kemudian untuk Layer sayap bagian kiri dan kanan klik keduanya pada timeline titik angka angka 1, tekan Shift->klik pada timelinenya,kemudian klikKanan -> Create Motion Tween.

*.Setelah  itu pada gambar capung pilih atau Klik setiap bagian dengan  menggunakan Free Transform Tool kemudian klik bagian sayap kanan dan Tarik titik sumbu  tengah yang ada pada bagian  tersebut ke bagian tengah badan sebagai titik tumpuh pada saat sayap bergerak nantinya, ulangi perintah tersebut pada sayap kiri capung.

*.Setelah  itu pada atur editor Layer untuk bagian sayap kanan dan kiri pada timelinenya buatkan frame dengan  titik angka 6 pada timelinenya untuk batasan  poros sayap pada saat bergerak terbuka caranya klik pada angka titik 6 untuk bagian  sayap kanan dan kiri,Klik Kanan -> Insert Keyframe dan lakukan hal yang sama pada titik angka 3 untuk batasan poros sayap saat menutup. Perhatikan gambar berikut, tanda bulat hitam pada timeline layer adalah keyframe yg sudah dibuat.

*.Setelah dibuatkan Frame seperti diataspada editor timeline Layer, klik gambar pada layar editor kemudian transform bagian sayap Kanan dan kiri, Tarik sumbu tengah yang ada pada bagian pola dan Tarik ketengah bagian badan capung seperti berikut.

*.Setelah itu jalankan Gambar dengan masuk dimenuControl -> test Movie atauCTRL -> ENTER.

*.Kemudian Pada Layer 1,buatkan KeyFrame pada timelinenya dan sejajarkan dengan timeline yang sebelumnya, klikkanan -> Insert Keyframe , kemudian kembali klikkanan -> Actionpada pojok bawah kotak pilihan Menu, dan akan tampil gambar editor padaAction Frameyang ada dipojok bawah kiriEditor Macromediaseperti berikut :

*.Kemudianpilih Global Function -> Timeline Controldan pilihGoToandPlayklik double sampai muncul pada editor,kemudian untuk yang dalam kurung ganti dengan angka -1 yang berarti mengambil daripada Layer -1, setelah itu pilih Scene 1 dan jalankan kembali Movie clip capungnya.

BAGIAN KE-2 MEMBUAT ANIMASI CAPUNG TERBANG

 

*.Langkah pertama adalah Pilih atau Klik gambar Capung pada layar kerja dan perkecil menggunakan Selection Tool, kemudian seret ke pinggir editor lembar kerja.

  

 

*.Setelah  itu Layer 1 ganti nama menjadi Capung dengan cara klik double sampai kursor berkedip, ketikan nama dan tekan ENTER.

*.Kemudian Buatkan Motion Tween di Layer 1 yang sudah diganti namanya tadi pada Timeline titik angka satu dengan cara KlikKanan-> Create Motion Tween,selanjutnya Buatkan pula Keyframe pada sembarang titik angka pada editor Timelinenya, misalnya angka timeline 70, perhatikan gambar*.Setelah itu pilihAdd Motion Guide, danakan muncul Layer baru pada editor Layer yang bernamaGuide Capung.

*.Setelah itu Kunci pada Layer Capung.

*.Setelah  itu pada Layer Guide Capung, klik titik angka 1 pada Timeline, kemudianpilih Pen Tool pada pilihan MenuTool di lembar kerja Macromedia kemudian buat rute atau jalur terbang capung dengan cara perklik bagian tengah badan capung, klik – Tarik sampai membentuk pola seperti pada gambar dan kembali klikSelection Tool hingga membentuk alur terbang Capung.

*.Setelah itu buka kembali kunci pada Layer Capung, klik pada titik angka 1 pada Layer Capung pilihFree Transform Tool-> klik gambar capung dan hadapkan ke arah rute awal sepertipada gambar berikut.

*.Setelah itu klik lagi angka titik akhir 70 pada timeline dan ubah kembali posisi capung ke titik akhir pola rute yang dibuat seperti pada gambar.

*.Untuk melihat bagaimana bentuk gerakterbang Capung, klik dan geser – gesercenter Frame yang ada pada Timeline

 

*.Dan langkah terakhir adalah klik sembarang pada timeline gambar diatas untuk mengatur agar gambar mengikuti pola rute terbang yang sudah dibuat tadi, kemudian pada properties Bagian bawah akan muncul gambar seperti berikut dan centang bagianOrient to path.