Breaking News
recent

Tutorial Membuat Animasi Path, Movie Clip, Button Clip dan Action Macromedia Flash 8

Ahmad Akbar Mariuddin
14102004
S1 Informatika 2014

Yoo Assalamualaikum and what's up guys? sudah lama banget gue ga posting-posting lagi buat kalian yah. Soalnya gue lagi sibuk kuliah. Btw kembali ke topik, kali ini gue bikin tutorial untuk membuat animasi pat, movie clip, button clip dan action di aplikasi macromedia flash 8.
Oke pertama-tama yang harus disediakan yaitu aplikasi macromedia flash 8 yang kalian bisa download di internet. Nah setelah itu install dan bila sudah terinstal, buka aplikasi tersebut. 

Animasi Path
Bila aplikasi sudah terbuka maka tampilannya akan seperti di bawah ini. Maka pilih pilihan pertama yaitu new document.


Oke setelah membuat dokumen baru, maka akan tampil tampilan dokumen kosong seperti di bawah ini. Oke selanjutnya pilih rectangle tool pada tools seperti yang ada pada gambar dibawah ini.


Kemudian bila sudah memilih rectangle tool, maka selanjutnya yaitu membuat kotak di lembar dokumen dengan cara mengklik di dokumen dan menarik hingga tampil gambar kotak seperti gambar dibawah ini dan lepas klik tadi.


Apabila sudah membuat kotak, maka selanjutnya yaitu klik kanan pada kotak tersebut dan pilih convert to symbol...


Setelah itu atur settingan symbol seperti pada gambar di bawah ini yaitu tyoe nya ke Movie Clips dan pilih OK.


kemudian klik kanan pada layer dan pilih Add Motion Guide, bila tidak jelas dan tidak mengetahui lokasi layer, silahkan lihat gambar di bawah ini.


Setelah memilih pilihan Add Motion Guide, maka tampilannya akan seperti di bawah ini.


Kemudian buat lah garis untuk lintasan objek bergerak dengan menggunakan pencil tool. Setelah itu klik kanan pada layer guide di frame yang ke 30 dan pilih insert keyframe.


Kemudian klik kanan pada frame pertama di layer 1 dan pilih Create Motion Tween


Kemudian setelah itu pilih frame ke 30 pada layer guide dan klik kanan dan pilih insertkeyframe


Setelah memilih insertkeyframe, pindahkan kotak yang telah kita buat ke ujung garis yang telah kita gambarkan.


Langkah terakhir yaitu tekan CTRL+Enter untk melihat hasil animasi path yang telah kita buat.


 Dan berikut ini merupakan hasil gerakan kotak yang mengikuti garis yang telah dibuat



Animasi Movie Clips
 Okee pertama-tama buka new document kemudia apabila sudah terbuka, klik window pada menu bar dan pilih library.


Setelah itu jendela library akan muncul dan seretlah ke bagian kanan layar. Setelah bagian itu apabila library masih kosong, carilah gambar yang ingin kalian buat jadi animasi, bila kalian sudah mendapatkannya, kemudian blok semua gambar yang dipilih dan seret ke library yang dada di aplikasi macromedia flash 8 ini.


Kemudian langkah selanjutnya yaitu pilih insert yang ada di menu bar dan pilih New Symbol.


Setelah itu setting symbol tersebut dengan memilih tipe Movie Clip dan pilih OK.


Selanjutnya seret gambar pertama yang akan dibuat animasinya pada frame pertama.


Setelah diseret pada dokumen maka akan seperti pada gambar berikut ini, usahakan gambar yang diseret pas-pas di tengah dokumen yang ditandai dengan garis + .


Setelah itu klik kanan pada frame kedua dan pilih insert keyframe, hapus gambar yang ada pada frame kedua dan seret lagi gambar kedua yang merupakan terusan dari gambar sebelumnya.


Setelah itu klik kanan pada frame berikutnya dan pilih insert keyframe


Kemudian lakukan langkah-langkah seperti sebelumnya hingga gerakkan gambar yang kita inginkan. Dan selanjutnya yaitu pilih scene 1 yang terletak di atas layer.


Setelah memilih scene 1 dan fram pertama yang ada pada layer, selanjutnya seret animasi movie clip yang kita buat tadi ke bagian kiri atas dokumen.


Setelah animasi movie clip telah kita letakkan di bagian kiri atas, selanjutnya yaitu klik kanan pada frame ke 20 dan pilih insert keyframe kemudian seret animasi movie clip tadi ke bagian kanan dokumen.


Kemudian klik kanan pada frame pertama dan pilih Create Motion Tween.


Kemudian tekan ctrl+enter untuk melihat hasi animasi movie clip yang telah kita buat.



Animasi Button Clip
Oke seperti biasa buka dokumen baru pada macromedia flash 8


Kemudian klik insert yang ada pada menu bar dan pilih New Symbol


Setelah memilih New Symbol, setting symbol tersebut dengan type button dan pilih OK.


Maka pada frame yang ada di layer 1 akan berbentuk seperti di bawah ini.


Kemudian pilih oval tool dan bentukkan seperti pada gambar di bawah ini.


Kemudian klik kanan pada frame selanjutnya dan pilih insert keyframe.


Selanjutnya ubahlah warna ovel yang telah kita buat dengan menggunakan palet color yang ada di tool bagian kanan.


Selanjutnya klik kanan pada frame selanjutnya dan pilih insert keyframe begitupun setersunya hingga pada frame yang ke tiga..


Selanjutnya yaitu kembali ke scene dengan cara mengklik scene 1.


Setelah itu langkah selanjutnya yaitu seret animasi button yang telah kita buat tadi ke dokumen.


Langkah selanjutnya yaitu tekan ctrl+enter untuk melihat hasil animasi button clip. Pertama-tama warna oval berwarna merah bila tidak disentuh oleh kursor mouse.


Dan bila oval tadi disentuh oleh kursor mouse maka oval tadi aka berbuh warna menjadi biru, begitupun apabila di klik akan berbuah warna.


Animasi Action Script

Oke selanjut untuk membuat animasi action script ini, untuk memudahkan, gunakan dokumen sebelumnya sehingga tidak perlu membuat animasi dan dokumen baru. Nah gue lanjutkan, pertama-tama klik objek oval.


Setelah memlih objek, klik actions yang ada di kiri bawah dokumen untuk memberikan skrip.


Selanjutnya yaitu ketikkan skrip on (press) { }


Bila anda tidak mengingat harus mengetikkan skrip apa, maka disini ada pilihan untuk memudahkan kalian yaitu dengan cara memilih timeline control yang ada di kiri dokumen dan pilih gotoAndPlay


Setelah memilih gotoAndPlay maka skrip akan mucul dengan sendirinya seperti pada gambar di bawah ini.


Setelah itu buat layer baru dengan cara mengklik tombol new layer yang ada di bawah layer.


Pada layer 2 frame kedua, klik kanan dan pilih insert Blank Keyframe.


Selanjutnya yang dibutuhkan yaitu animasi objek selanjutnya yang akan ditampilkan setelah menekan tombol oval. Maka buka dokumen sebelumnya dan copy animasi movie clipnya.


Setelah itu paste ke library yang ada pada dokumen yang terakhir kalian buat.


Kemudian pilih animasi movie clip yang sudah dimasukkan di library tadi.


Seret animasi movie clip itu ke dokumen di bagian kiri bawah dokumen.


Selanjutnya klik kana pada frame ke 20 dan pilih insert keyframe.


Selanjutnya klik kanan pada frame kedua dan pilih Create Motion Tween


Selanjutnya yang harus dilakukan yaitu klik kanan pada frame pertama dan pilih action kemudian ketikkan stop()


Selanjutnya yaitu tekan ctrl+enter untuk melihat hasil animasi yang telah kalian buat. Sehingga animasi pertama yang akan tampil yaitu sebagai berikut.


Apabila button disentuh dengan menggunakan kursor maka akan berubah warna seperti pada gambar berikut ini.


Dan apabila button ditekan maka akan menampilkan animasi selanjutnya sehingga akan seperti berikut ini.


Bila animasi setelah di tekan tombol button selesai maka button pertama akan tampil kembali seperti gambar di bawah ini.


Sekian dan terimakasih telah membaca tutorial ini, kurang dan lebihnya mohon maaf. Wassalamualaikum.....
Unknown

Unknown

No comments:

Post a Comment

Powered by Blogger.