Langkahlangkah untuk membuat animasi traffic light bisa dilakukan seperti langkah di bawah ini: 1. Buka aplikasi macromedia flash 8, lalu pilih flash document pada menu Create New 2. Langkahlangkah membuat animasi: Buka program macromedia flash 8 di komputer anda. Kemudian akan muncul seperti ini, pilih " Flash Document ". Kemudian akan tampil area kerja ( stage ). Lalu rubah ukuran kertas atau area kerja menjadi : panjang (widht) = 1140 px dan lebar (height) = 400.1 px. Jika sudah tekan " OK ". Animasianimasi dapat dibuat dengan lebih sederhana, cepat dan lebih menarik menggunakan Flash MX karena adanya kelebihan yang dimiliki oleh Flash MX. B. Area Kerja Macromedia Flash 8 Macromedia Flash MX mempunyai area kerja yang terdiri dari enam bagian pokok yaitu : Menu Berisi kumpulan instruksi atau perintah-perintah yang digunakan dalam 11buka macromedia flash 8. 1.2pilih flash documen. 1.3buat gambar contoh stick man. 1.4membuat stick man ke 2, sebelum membuat stick man ke 2 tekan tombol F6 terlebih dahulu. 1.5setelah F6, pilih onion skin lalu hapus gambar stick man yg di buat lalu buat lagi berdasarkan banyangan stick man pertama. 1.6 dan seterusnya agan pake cara gw ini Ingatlah Flash akan melakukan animasi sebanyak 24 frame per detik pada pengaturan standar, yang artinya gerakan tween ini akan membutuhkan waktu satu detik ketika dianimasikan. Ketika Anda membuat gerakan tween, secara otomatis Anda dipindahkan ke frame terakhir dari tween. 5. Buatlah lintasan objek. Videoini berisi toturial animasi yang dibuat dengan macromedia flash 8 yang berisikan cara membuat sebuah figure stickman serta text animasi. Mohon maaf vid eG6WM5. Kompasiana adalah platform blog. Konten ini menjadi tanggung jawab bloger dan tidak mewakili pandangan redaksi Kompas. Macromedia Flash 8 adalah program pembuat animasi yang berukuran kecil. Program ini adalah pilihan yang tepat untuk membuat animasi sederhana. maka pada kesempatan kali ini saya akan mencoba sedikit berbagi penjelasan bagaimana membuat animasi bergerak dengan pola Gambar Truk. Langkah-langkahnya adalah 1. Buka Macromedia Flash 8. 2. Setelah terbuka klik new dan pilih Flash document. 3. Setelah itu akan terlihat beberapa tool. Oval tool adalah tool yang digunakan untuk membuat lingkaran sesuai kemauan anda. Ada selection tool untuk memindahkan gambar. Ada subselection tool berguna untuk mengubah sudut gambar. Free transform tool untuk mengubah bentuk gambar Pencil dan Pen tool digunakan untuk menggambar. Eraser tool untuk menghapus dan banyak yang lainnya. 14221684901218530970 4. Pilih Oval tool untuk membuat 2 lingkaran seperti roda. 5. Lalu pilih warna Stroke color dan Fill color untuk mewarnai lingkaran. Stroke color untuk memberi warna pada garis dan Fill color untuk memberi warna pada gambar. 6. Jika sudah selesau membuat roda. Buat lah layar baru untuk badan truk. Dengan cara klik New layer di layar layer. 7. Setelah itu buat garis berbentuk badan truk menggunakan Line tool atau Rectangle tool. 8. Setelah itu beri warna menggunakan Fill color. Jika garis gunakan Stroke color. Jika tidak ingin memakai garis gunakan yang no color dibagian Stroke color. 9. Jika ingin memberikan Text di badan truck gunakan Text tool. 10. Dan buat kepala truk dengan Tool yang ada. 11. Setelah sudah jadi objeknya. Tinggal kita gerakan. 12. Pertama tama insert keyframe di angka 10. 14221686331387816535 13. Setelah itu pilih layer roda lalu clik kanan frame antara 1-10 lalu pilih create motion tween. 14. Lalu dibagian bawah ada pilihan Rotate. Pilih bagian yang CW atau CCW untuk bergerak. Pilihan CW akan berputar searah jarum jam dan CCW akan berputar berlawanan arah jarum jam. 15. Jika ingin menaikkan FPS klik background. Maka aka nada pilihan Frame rate, lalu isi seterah yang anda mau. 16. Jika sudah jadi,tinggal anda modifikasi sesuai kemamuan anda. 17. Setelah itu jika anda ingin mengesave pekerjaan anda tinggal klik file>save. 18. Jika anda ingin mengeksport file ke gif. Pilih file>export, lalu pilih file yang anda mau dan klik export. 14221685441845750577 Demikian Artikel ini dibuat semoga bermanfaat bagi teman-teman yang sedang diberi tugas Multimedia membuat Animasi bergerak Lihat Otomotif Selengkapnya Tutorial Membuat Animasi AkuariumLangkah-langkah membuat animasiSebarkan iniPosting terkait – Macromedia Flash 8 adalah suatu program yang digunakan untuk membuat suatu karya animasi. Animasi yang biasa dibuat oleh animator seperti animasi interaktif maupun non interaktif menggunakan software macromedia flash 8 kita dapat membuat desain web, animasi kartun, presentasi, game, portfolio instansi dan beberapa media animasi lainnya. Disini saya akan memberikan tutorial membuat animasi Akuarium dengan Macromedia Flash 8. Animasi akuarium ini dibuat untuk belajar mengenal macromedia flash 8. Langkah-langkah membuat animasi Buka program macromedia flash 8 di komputer anda. Kemudian akan muncul seperti ini, pilih “Flash Document” Kemudian akan tampil area kerja stage. Lalu rubah ukuran kertas atau area kerja menjadi panjangwidht = 1140 px dan lebarheight = px. Jika sudah tekan “OK”. Ubah nama layer 1 dengan nama “ikan 1”. Dan gambar objek ikan dengan pencil tool, oval tool dan line tool. Tambah layer baru dengan cara klik menu Insert – Timeline – Layer. Jika sudah beri nama layer dengan ikan 2, lalu gambar. Tambah lagi layer ikan 3 dan gambar lagi menggunakan beberapa tool yang ada di tool box. Langsung saja beri warna. Kemudian tambah lagi layer ikan 4 dan gambar lagi menggunakan beberapa tool yang ada di tool box. Jangan lupa diberi warna. Buat layer baru yang bernama hiasan kemudian gambar, warnai, dan taruh di paling bawah. Buat layer baru dengan nama “air”. Setelah itu gambarlah kotak dengan memilih “RectagleTool” pada Tool Box. Pilih warna air yaitu biru muda kemudian atur alfa = 20% saja. Jika kotak air sudah di gamabr maka hapuslah bagian atas menggunakan eraser tool supaya terlihat seperti air sungguhan. Layer air harus berada paling atas supaya ikan terlihat berada di dalam air. Semua objek yang dibutuhkan sudah selesai, kemudian kita tinggal memulai menggerakkan objek ikan nya. Pertama kita akan menggerakkan objek yang bernama “ikan 1” dengan cara Seleksi timeline pada layer “ikan 1” hingga timeline 70. Setelah itu klik kanan pada timeline yang di seleksi paling akhirdan pilih insert frame, jika sudah klik kanan lagi pada timeline tersebut dan pilih “create motion twin” lalu klik kanan lagi dan pilih “insert key frame”. Jika sudah maka akan terlihat seperti gambar di bawah ini Lakukan langkah yang sama pada semua layer sehingga terlihat seperti ini Sekarang kita mulai langkah menggerakannya Pertama klik kanan pada timeline layer ikan 1 dan pilih timeline ke-15-> jika sudah klik kanan pada timeline tersebut -> pilih insert key frame -> jika sudah di insert kemudian geser gambar ikan 1 yang ada di dalam stage sesuai arah yang cocok/pas. Lakukan langkah yang sama pada nomor-nomor timeline lainnya sesudah timeline tersebut. Lakukan langkah yang sama pada layer ikan yang lain yaitu pada layer ikan 2,ikan 3, ikan 4. Kemudian kita tambahkan suara supaya lebih hidup dengan cara file -> import -> import to stage Ctrl+R. Pilih suara yang sesuai dan masukan suara tersebut di layer yang bernama “air”. Jika semuanya sudah selesai Tekan Ctrl + Enter untuk menjalankannya, maka hasilnya seperti ini 14. Selesai. Buka macromedia flash 8 dan pilih flash document Icon Text tool pada toolbox, lalu ketik nama yang ingin kalian gunakan pada stage, dan letakkan di tengah stage . kalian juga bisa mengatur setting font. frame 20, lalu klik menu insert > Timeline> Frame klik Layer 1, ganti nama Teks “Insert Layer”untuk menambah layer baru dan beri nama yang kalian inginkan pada Layer baru objek seperti lingkaran dan letakkan pada sisi kanan teks . frame 10, lalu kunci dengan mengklik menu >TimeLine>Keyframe kiri dan tahan pada lingkaran . kemudian geser horizontal ke sisi kanan teks klik dan Aktifkan layer Lingkaran, lalu klik menuInsert>TimeLine>CreateMotion Tween melihat hasilnya , klik Ctrl+Enter Berikut contoh masking yang saya buat guide macromedia flash8 dan pilih Flash document objek yang kalian inginkan ,contohnya lingkaran klik frame 20 sebagai titik akhir frame, ini digunakan untuk mengatur waktu atau lama efek dan juga kecepatan benda. Setelah itu klik kanan dan pilih Insert Keyframe. 4. Setelah itu pilih Add Motion Guide, letaknya di sebelah kanan Insert Layer. di Guide frame 1,lalu buat garis bebas menggunakan Pencil Tool sudah membuat garis bebas, pindahkan objek yang ada di Layer 1 frame 30 ke ujung garis objek sudah dipindahkan klik kanan di layer 1 frame 15,lalu klik Create Motion Tween sudah , hasilnya bisa dilihat dengan menekan Ctrl+Enter Berikut contoh motion guide yang saya buat. Saya membuat objek sendiri menggunakan pencil tool Tween Buka macromedia flash8 dan pilih Flash document objek yang kalian inginkan ,contohnya sebuah teks dan beri warna pilih selection tool,dan klik pada lingkaran tersebut frame 20 frame sesuai keinginan masing masih kemudian klik kanan dan pilih insert keyframe teks kesebelah kanan klik dibagian frame ke 10 atau 15 dan pilih Create Motion Tween melihat hasilnya , pilih Ctrl+Enter Berikut contoh motion tween yang saya buat Shape macromedia flash8 dan pilih Flash document objek berbentuk lingkaran Atau oval dengan cara klik oval tool di bagian kiri halaman diluar area putih bagian frame 25 atau 30 klik kanan dan pilih insert keyframe masukan text dengan cara pilih text tool tulis di halaman lembar kerja pilih Break apart dengan cara klik Ctrl+B sebanyak 2 kali arahkan kursor pada frame 10, maka tulisan nya akan hilang pilih tween di bagian bawah dan pilih Shape untuk melihat hasilnya klik Ctrl+Enter Berikut contoh motion shape yang saya buat. By frame macromedia flash8 dan pilih Flash document objek 2 dimensi seperti gambar kapal, pesawat, mobil, dll sesuai keinginan masing-masing gambar bagroundnya contohnya jika anda membuat kapal, lukis gambar laut, agar lebih menarik letakkan objek di posisi awal yang anda inginkan frame ke-1 pilih insert keyframe pindahkan objek ke kiri atau ke kanan, agar objek bergerak nantinya frame ke-2 pilih insert keyframe kembali 9. Geser kembali objek sedikit demi sedikit, seterusnya sampai objek sampai di posisi akhir yang anda inginkan Untuk melihat hasilnya klik Ctrl+Enter Berikut contoh frame By frame yang saya buat Rotate macromedia flash8 dan pilih Flash document 1 objek berbentuk selain dari lingkaran agar objek berputar dengan jelas selection tool, lalu blok gambar. Setelah itu klik kanan pada gambar lalu klik convert to symbol pilihlah type graphic dan klik ok kanan pada frame ke 20 lalu klik insert keyframe 6 . ganti type tween pada bagian dibawah gambar,gantilah menjadi type motion lalu type rotate nya ganti juga menjadi type CW lihat hasilnya dengan cara klik Ctrl+Enter Berikut contoh motion rotate yang saya buat Sekian dari saya, semoga bermanfaat 😉 Saya pernah menjelaskan tentang Macromedia Flash 8 kan… Sekarang saya akan memberikan tutorial membuat sebuah animasi yaitu Motion Guide , yaitu animasi dimana sebuah objek mengikuti sebuah jalur berupa garis.. yuk kita mulai cara mambuatnya… Langkah – langkah membuat animasi Motion Guide Buka Software Macromedia Flash 8 dan buat dokumen baru Buat sebuah objek… disini saya memakai objek lingkaran karena saya akan membuat objek bola basket Seleksi objek tersebut hingga muncul titik – titik putih pada objek tersebut Klik kanan pada objek tadi kemudian klik Convert to Symbol , buat tipe simbol menjadi Graphic lalu klik OK Klik kanan pada layer 1 kemudian pilih Add Motion Guide Kemudian klik pada frame 1 Layer Motion Guide , kemudian buatlah sebuah garis sesuka anda menggunakan pencil tool Kemudian anda klik salah satu frame pada layer 1 contoh frame 40 kemudian klik kanan dan pilih insert keyframe dan pada frame terakhir frame 40 pindahkan objek bola ke ujung lainnya Dan pada frame yang diatasnya layer 1 klik kanan kemudian pilih insert frame Kemudian klik salah satu frame antara frame 1 dan frame terakhir yang kita buat.. dan klik Create Motion Tween Setelah itu akan tampak seperti ini Nah setelah selesai kita simpan animasinya ke format .swf dengan cara klik “ File “ pada Menu Bar kemudian klik Export > Export Movie… kemudian setting formatnya ke bentuk .swf Setelah itu klik save Kira-kira seperti ini jadinya… Nah Selesai juga Animasi nya… Semoga Bermanfaat ya.. Navigasi pos MEMBUAT ANIMASI OBYEK DAN TEKS DENGAN MENGGUNAKAN MACROMEDIA FLASH 8* Drs. Emut, Dosen Pendidikan Matematika FMIPA UNY I. Pendahuluan A. Macromedia Flash 8 Macromedia Flash adalah software yang banyak dipakai oleh desainer web karena mempunyai kemampuan yang lebih unggul dalam menampilkan multimedia, gabungan antara grafis, animasi, suara, serta interaktifitas user. Macromedia Flash merupakan sebuah program aplikasi standart authoring tool profesional yang digunakan untuk membuat animasi objek atau text yang sangat menakjubkan untuk membuat suatu situs web yang interaktif, menarik dan dinamis. Software ini berbasis animasi vektor yang dapat digunakan untuk menghasilkan animasi web, presentasi, game, film, maupun CD pembelajaran interaktif. Interaksi user dalam movie flash menggunakan Actionscript. Actionscript adalah suatu bahasa pemrograman yang berorientasi objek yang dipakai dalam Macromedia Flash 8,. Macromedia Flash 8 menyediakan fasilitas-fasilitas yang lebih banyak dan menarik yang akan membantu, mempermudah user dalam mempelajari atau menggunakan software ini dibandingkan dengan Flash versi sebelumnya. Animasi-animasi dapat dibuat dengan lebih sederhana, cepat dan lebih menarik menggunakan Flash MX karena adanya kelebihan yang dimiliki oleh Flash MX. B. Area Kerja Macromedia Flash 8 Macromedia Flash MX mempunyai area kerja yang terdiri dari enam bagian pokok yaitu Menu Berisi kumpulan instruksi atau perintah-perintah yang digunakan dalam Flash MX. Terdiri dari menu File, Edit, View, Insert, Modify, Text, Control, Window, Help. 1 Stage Stage adalah layer document dalam word yang akan digunakan meletakkan objek-objek dalam Flash. Title Bar Time Line Menu Bar Tool s Box Color Mixer Panel Title Bar Stage Properties Panel Action Panels Gambar Area Kerja Macromedia Flash MX Timeline Timeline berisi frame-frame yang berfungsi untuk mengontrol objek yang dibuat dalam stage atau layer yang akan dibuat animasinya. Toolbox Toolbox berisi tool-tool atau alat yang digunakan untuk membuat, menggambar, memilih, menulis, memanipulasi objek atau isi yang terdapat dalam stage layer dan timeline. Alat-alat yang terdapat dalam toolbox adalah Arrow tool memilih dan memindahkan object Subselect tool memilih titik-titik pada suatu objek atau garis Line tool membuat garis 2 Lasso tool Pen tool Text tool Oval tool Rectange tool Pencil tool Brush tool memilih sebagian dari object atau bagian tertentu dari object menggambar garis-garis lurus maupun garis kurva menulis teks membuat lingkaran membuat persegi maupun persegi panjang menggambar garis-garis bebas, seperti menggunakan pensil biasa berfungsi seperti kuas untuk mengecat mewarnai suatu object Fill Transform tool mengatur ukuran, tengah, arah dari warna gradasi atau bidang suatu objek Free Transform tool mengubah dan memodifikasi bentuk dari objek yang dibuat bisa berupa memperbesar, memperkecil ukuran objek. Ink Bottle tool menambah, memberi dan mengubah warna pada garis di pinggir suatu objek Stroke Paint bucket tool menambah, memberi, mengubah warna pada bidang objek yang dibuat Eyedropper tool mengidentifikasikan warna atau garis dala sauatu objek Eraser tool menghapus area yang tidak diinginkan dari suatu objek Arrow Line Pen Oval Pencil Free Ink Bottle Eye Sub Lasso Text Rectange Brush Fill Paint Erase Zoom Stroke Fill Color Modifier 3 II. II. ObjekObjek-objek Dalam Macromedia Flash 8 A. Dasar Objek Ketika menggambar objek dalam Flash seperti objek lingkaran, kotak, oval dll, secara otomatis Flash akan menyediakan dua unsur objek, yaitu Fill bidang objek dan Stroke bingkai/pinggir objek. Fill bidang Stroke Gambar 2. 1 Unsur Objek B. Memilih atau Menyeleksi Objek Objek dalam Flash terbagi dalam dua unsur yaitu Fill objek dan stroke objek. Gambar Gambar Gambar Gambar Keterangan Gambar Objek Belum Diseleksi Gambar Fill Objek Terseleksi Gambar Stroke Objek Terseleksi Gambar Fill dan Stroke Objek Terseleksi Untuk melakukan penyeleksian objek, dilakukan dengan menggunakan Arrow Tool yang terdapat dalam Tools Box, kemudian tinggal di klik fill atau stroke dari objekyang akan diseleksi. Untuk menyeleksi seluruh objek fill dan stroke double klik pada fill objek Terseleksi C. Membuat Gradasi Warna Untuk membuat contoh suatu gradasi warna ikuti langkah berikut 1. Buatlah sebuah objek lingkaran pada stage. 4 2. Buatlah lingkaran tersebut tanpa stroke. 3. Seleksi objek lingkaran tersebut. 4. Klik tanda segitiga pada Panel Color Mixer. Jika Panel Color Mixer belum ada klik menu Window > Color Mixer kemudian tempatkan di bagian panel bagian kanan stage. 5. Klik Fill Color, pilih warna hitam. 6. Klik Fill Style pilih Radial. Lingkaran akan berubah menjadi gradasi putihhitam 7. Ubahlah gradasi putih-hitam menjadi gradasi hitam-putih. Klik Pointer Gradasi bagian kiri di Bar Gradasi kemudian klik Fill Color dan ganti warnanya menjadi hitam. 8. Klik Pointer Gradasi bagian kanan lalu klik Fill Color ganti warnanya menjadi putih. Gambar Panel Color Mixer dengan Gradasi Radial Putih-Hitam Gambar Hasil Gradasi Warna D. Transformasi Objek Untuk mengubah skala objek, langkahnya dalah sebagai berikut 1. Buat objek segiempat di stage. 2. Seleksi seluruh objek. 3. Klik Free Transform tool pada toolbox 4. Drag salah satu titik sudutnya. 5 Gambar Panel Transform G. Menata Posisi Objek 1. Seleksi atau pilih objek yang akan dirapikan. 2. Klik Align Panel Jika belum ada Klik Window > Align. 3. Klik icon To Stage di Align Panel untuK merapikan objek relatif terhadap ukuran stage. 4. Klik icon-icon yang ada di Align Panel pada perintah Align, Distribute, atau Amtch Size untuk merapikan objek yang sudah dipilih sesuai dengan kebutuhan. Gambar Align Panel III. Mengolah Teks dan Symbol A. Mengolah Teks Teks digunakan untuk menerangkan atau menjelaskan sesuatu dalam bentuk tulisan, pembuatan judul, komponen animasi, keterangan-keterangan untuk movie interaktif. Teks merupakan bagian yang mempunyai perananl cukup besar dalam pembuatan animasi. Teks dapat dimanipulasi atau dimodifikasi seperti halnya objek dalam Flash 8 sesuai dengan kebutuhan sehingga teks yang dihasilkan mempunyai banyak variasi. 6 Teks dalam Flash ditulis dengan memggunakan bantuan Text Tool pada Toolbox. Teks yang dihasilkan dapat di setting dengan menggunakan Propeties Panel. Propeties Panels untuk teks berisi menu atau atribut-atribut untuk membuat dan mengedit suatu teks. Bold Style Italic Style Text fill color Change Direction of Text Rotation Font Size Instance Name Char Spacing Aligment Text Type Font Auto Kern Weight-Height X-Y Location Line type Selectable Border Variable URL Link Render Text as HTML Gambar Properties Panels Edit Format Option Edit Char Option Target Flash 8 mempunyai tiga tipe teks yang masing-masing mempunyai fungsi yang berbeda. Tipe teks tersebut adalah sebagai berikut 1. Static Text adalah jenis teks yang mempunyai karakter-karakter seperti teks biasa pada umumnya. 2. Dynamic Text adalah jenis teks yang dapat menampilkan sifat teks yang dinamis dan bisa dikontrol, contohnya skor pertandingan olah raga yang yang dapat berganti sesuai dengan perolehan nilai dari pertandingan, nilai kurs mata uang dalam bursa efek, dll. 3. Input Text adalah jenis teks yang dapat diisi oleh pengguna atau user dalam sebuah form isian atau Input Text digunakan untuk menerima berbagai input dari user. Teks yang ditulis atau dibuat dalam Flash orientasi dapat diubah sesuai dengan kebutuhan. Orientasi teks dalam flash ada tiga macam, yaitu horizontal , Vertical Left-to-Right dan Vertical Right-to-Left 7 Vertical Left-to-Right Horizontal Vertical Right-to-Left Gambar Orientasi Teks B. Symbol Instance 1. Membuat Simbol • Pastikan tidak ada objek yang terseleksi pada stage. • Klik menu Insert > New Symbol. • Akan tampil kotak dialog Create New Symbol. • Simbol yang baru dibuat akan diletakkan dalam Library Panel, kemudian tampilan Stage akan berubah ke Mode Edit Simbol. Nama Gambar Library Panel • Pada mode Edit simbol buatlah sebuah objek dengan bantuan tool-tool untuk menggambar yang ada pada Toolbox. • Setelah simbol dibuat, klik tombol Back untuk kembali ke Scene 1 atau kembali ke stage utama. 8 2. Mengubah atau Mengonversi Objek Menjadi Simbol Simbol dapat dibuat dengan mengonversi atau mengubah objek tersebut menjadi simbol. Langkah-langkah untuk mengonversi objek menjadi simbol adalah sebagai berikut • Pilih salah satu objek yang ada di stage untuk dikonversi menjadi simbol. • Klik menu Insert > Convert to Symbol. Dapat juga dengan menekan F8 pada keyboard. Gambar Konversi objek ke simbol • Ketikkan nama untuk simbol tersebut pada kotak isian Name pada Convert to Symbol. • Tentukan jenis simbol tersebut dengan memilih opsi yang ada pada pilihan Behavior. • Pilih opsi Registration, tentukan titik registrasi dari simbol yang dibuat dengan meng-klik pada salah satu kotak kecil dari sembilan kotak yang ada. • Klik tombol OK. • Objek telah menjadi simbol ditandai dengan tanda kotak yang mengelilingi objek pada stage dan simbol akan masuk pada Library Panel. Gambar Hasil Convert to Symbol 3. Membuat Instance Instance dapat dibuat dari simbol-simbol yang ada pada Library Panel. Langkah-langkahnya adalah sebagai berikut • Buka Library Panel. Jika belum ada klik menu Window > Library. 9 • Pilih salah satu simbol simbol yang ada pada Library Panel. • Klik dan drag nama simbol atau simbolnya ke stage. Klik and drag Klik and drag Gambar Membuat Instance dari Library Panel IV. Animasi Dalam Flash 8 A. Membuat Animasi Motion Tween Animasi Motion Tween adalah animasi yang paling banyak digunakan dalam membuat suatu animasi Tween. Langkah-langkahnya adalah sebagai berikut. 1. Buka sebuah movie flash baru. 2. Klik Oval tool pada toolbox untuk mengambar sebuah lingkaran tanpa stroke, beri warna lingkaran tersebut dengan warna gradasi. 3. Seleksi seluruh lingkaran. 4. Klik menu Insert > Convert to Symbol untuk mengubah objek menjadi simbol atau tekan F8 pada keyboard. 5. Beri nama simbol tersebut pada kotak dialog Convert to Symbol dengan mengetikkan nama pada kotak Name. 6. Pilih Behavior Graphic dengan mengklik lingkaran di katak dialog, kemudian klik OK. 7. Ganti nama Layer 1 menjadi Lingkaran dengan double klik layer 1 kemudian ketikkan nama layer. Gambar Mengganti Nama Layer 10 8. Klik frame 35 di kotak Timeline. 9. Klik menu Insert > Keyframe atau klik kanan tombol mouse kemudian pilih Insert Keyframe. Gambar Insert Keyframe 10. Masih di frame 35, klik Arrow tool pada Toolbox kemudian pilih lingkaran dan pindahkan ke bagian kanan layar tempat animasi berakhir. 11. Klik frame 1 di Timeline, kemudian klik Properties panel pada bagian bawah layar. Pilihlah bagian Tween dan klik Motion atau klik frame 1 kemudian klik kanan tombol mouse dan pilih Create Motion Tween. Gambar Create Motion Tween 12. Klik Frame 35, Lingkaran akan berpindah ke bagian kanan layar. 13. Lakukan Test Movie dengan menekan Ctrl+Enter pada keyboard. B. Membuat Animasi Motion Tween dengan Objek Mengikuti Alur Path 1. Buat sebuah movie flash baru. 2. Ganti nama layer menjadi objek. 3. Buatlah sebuah objek lingkaran atau kotak dengan menggunakan Oval Tool atau Rectange Tool pada Toollbox. 4. Ubahlah objek tersebut menjadi simbol dengan behavior Graphic. 5. Klik frame 35 pada Timeline dan berilah sebuah Keyframe. 6. Buat sebuah layer baru, beri nama layer ini dengan nama Lintasan, letakkan di bawah layer objek. 7. Buatlah sebuah lintasan pada layer ini dengan menggunakan Pencil Tool pada Toolbox. 8. Klik frame 1 Layer objek, dan pindahkan objek pada awal lintasan. 11 Gambar Posisi Awal dan Akhir Objek 9. Klik frame 35 Layer Objek dan pindahkan objek pada akhir lintasan yang telah dibuat. 10. Kembali ke frame 1, klik menu Insert > Create Motion Tween atau klik kanan mouse dan pilih Create Motion Tween. 11. Klik kanan Layer Lintasan dan klik Guide, terdapat gambar palu pada Layer lintasan. 12. Klik Layer Objek, tahan dan drag/geser layer objek sehingga berada di bawah Layer lintasan, gambar palu berubah pada Layer lintasan. Gambar Layer Guide 13. Lakukan test movie. C. Membuat Animasi Motion Shape Animasi motion shape untuk membuat animasi perubahan bentuk satu ke bentuk lainnya, misalnya bentu kotak ke bentuk lingkaran, teks menjadi lingkaran, manusia menjadi binatang , dll. 1. Buatlah sebuah movie flash baru. 2. Buatlah objek kotak di stage dengan Rectange tool. 3. Klik Frame 35, lalu klik menu Insert > Blank Keyframe. 4. Klik Text Tool, dan ketikkan kalimat MULTIMEDIA dengan font Arial ukuran 60 Bold. 12 Gambar Insert Blank Kyframe 5. Klik Modify > Break A Part sebanyak dua kali. 6. Klik frame 1, klik Properties dan pilih Shape pada bagian Tween . 7. Lakukan test movie. D. Animasi Masking Animasi masking animasi yang berfungsi seperti topeng yang menutupi wajah. Animasi masking berguna untuk menutupi objek satu dengan objek lainnya, sehingga objek yang menutupi terlihat transparan. Misalkan kita ingin membuat objek tulisan yang akan terlihat jika tertutup oleh objek lain. 1. Buat sebuah movie flash baru. 2. Buat tulisan MULTIMEDIA dengan menggunkan Text Tool. 3. Klik frame 50 lalu klik menu Insert > Keyframe. 4. Klik menu Insert > Layer untuk membuat layer baru sehingga terdapat dua layer dalam timeline. 5. Klik Layer 2 untuk berpindah dari Layer 1. 6. Buat persegi panjang dengan Rectange Tool, persegi panjang dibuat di atas tulisan MULTIMEDIA. Gambar Persegi panjang di atas teks 7. Seleksi persegi panjang tersebut dan ubah menjadi simbol dengan behavior Graphic. 8. Klik frame 25 Layer 2, kemudian klik Insert > Keyframe dan pindahkan persegi panjang di bawah tulisan. 13 Gambar Persegi panjang di bawah teks 9. Klik Frame 50 dan pindahkan persegi panjang kembali di atas tulisan. 10. Klik frame 1, kemudian klik Insert > Create Motion Tween atau klik kanan mouse dan pilih Create Motion Tween atau klik Properties dan pada calon Gambar Animasi Mask Layer 2 13. Test movie dengan menekan Ctrl + Enter. E. Animasi Tombol Tambol atau button dalam Falsh MX dapat diberi animasi sehingga tombol akan terlihat lebih menarik dan interaktif pada waktu tombol ditekan atau disentuh dengan mouse pointer. 1. Buka movie flash baru. 2. Buatlah persegi panjang dengan Rectange tool. Klik Rectange Tool dan atur sudut dari persegi panjang tersebut dengan klik Round Rectange Radius pada bagian bawah Toolbox properties. 14 Gambar Round Rectange Tool 3. Atur sudut-sudut persegi panjang dengan mengganti nilai pada Round Rectange Radius sebesar 30 point. Gambar Rectange Setting 4. Beri warna persegi panjang dengan warna gradasi, 5. Klik Teks Tool dan ketikkan MENU. Letakkan teks di atas persegi panjang. 6. Aturlah letak persegi panjang dan teks dengan Allign Panel. Gambar Tombol dan Teks 7. Seleksi seluruh objek persegi panjang dan teks dengan drag mouse sampai seluruh objek berada dalam radius mouse drag atau klik Edit > Select All. 8. Klik menu Insert > Convert to Symbol atau tekan F8, beri nama simbol dan pilih Behavior Button. 9. Klik Edit > Edit Symbol untuk masuk ke menu Edit Symbol atau Double Klik simbol tersebut. 10. Terdapat empat buah frame pada mode Edit Symbol, yaitu Up, Over, Down, Hit. Frame-frame ini mempunyai sifat yang berbeda, yaitu Up Ove Keadaan tombol standar. Keadaan ketika mouse berada di atas tombol atau melewati tombol 15 Down Keadaan tombol ketika ditekan Hit Penentuan area tombol yang bisa diklik dengan mouse. 11. Klik frame Up kemudian beri Keyframe dengan Insert > Keyframe atau klik kanan mouse dan pilih Insert Keyframe. Pilih teksnya saja dan ganti warnanya. 12. Klik frame Over dan beri keyframe. Klik persegi panjang dan ubahlah warna persegi panjang dan teksnya. 13. Klik Frame Down dan berilah Keyframe. Ubah warna persegi panjang. Kemudian pilih Teksnya dan ganti tulisan sekaligus warnanya menjadi DAFTAR. 14. Klik frame Hit dan Insert Keyframe. 15. Klik menu Insert > Layer untuk menambah layer baru. Klik Frame Hit dan beri Keyframe. 16. Masih di Layer 2, klik Rectange tool dan buat kotak di stage dengan ukuran lebih besar dari tombol. Atur letaknya dengan Align Panel. over down hit Keadaan Tombol Pada Masing-Masing Frame 17. Pindahkan posisi Layer 2 di bawah layer 1 dengan klik layer 2 dan drag ke bawah sampai layer 1. Gambar Posisi Layer 2 dan Keadaan Frame-Frame Layer 2 18. Klik Scene 1 untuk kembali ke stage utama. 19. Lakukan Test Movie. 16 DAFTAR PUSTAKA Andreas Andi S 2003. Menguasai Pembuatan Animasi dengan Flash MX. Jakarta, PT Elex Media Komputindo. Baba 2003, Animasi Kartun dengan Flash MX, Jakarta, PT elex Media Komputindo Didik Wijaya 2003. Tips dan Trik Macromedia Flash 5 dengan ActionScript. Jakarta, PT Elex Media Komputindo. Lukman Hakim dan Siti Mutmainah 2003. Teknik Jitu Menguasai Flash MX. Jakarta, PT Elex Media Komputindo. Mdcom 2004. Membuat Animasi Kartun dengan Macromedia Flash MX 2004. Yogyakarta, Penerbit Andi. Nur Hadi W 2004. Tutorial Komputer Multimedia. Jurusan Pendidikan Matematika FMIPA Universitas Negeri Yogyakarta. Home Page Macromedia Home Page Baba Home Page Situs Flash 17

membuat animasi di macromedia flash 8