🐃 Membuat Animasi Di Macromedia Flash 8

Selanjutnyakotak dialog edit akan ditampilkan sebagai berikut. 7 Hari belajar macromedia flash 33 f5.9 Membuat Tombol Untuk membuat tombol harus menggunakan symbol dengan karakteristik sebagai button, yang memliki empat frame yaitu Up, Over, Down, dan Hit. Adapun langkah-langkahnya adalah sebagai berikut. Videoini berisi toturial animasi yang dibuat dengan macromedia flash 8 yang berisikan cara membuat sebuah figure stickman serta text animasi. Mohon maaf vid 17Panel Stage Work area Toolbox Action Script and Properties Gambar .3.1. User Interface Panel yang berada disebelah kanan terdiri atas Color Mixer an color Swatches. Work area adalah bagian dari scene, dimana kita dapat membuat berbagai gambar dan animasi di dalamnya. Dalam work area ini terdapat stage, dimana ketika hasil kerja dijalankan (test movie) hanya gambar dan animasi yang terdapat 3d& animation, bogor, desain grafis, flash animation, ilmunesia, kursus, kursus 3d bogor, tutorial. Macromedia flash 8 sendiri adalah software untuk membuat animasi di laptop atau komputer anda. Membuat Animasi Kartun Bergerak Dengan Macromedia Flash 8 Akan terbuka lembaran baru, lembaran ini disebut layer 1. Membuatanimasi sederhana menggunakan macromedia Flash 8 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 4. Pilih Oval tool untuk membuat 2 Bagaimanamengoperasikan program animasi di situs dengan Macromedia Flash Professional 8? Buku ini salah satu yang merangkumnya. iniadalah video pertama dari saya, tentang tutorial membuat animasi sederhana di macromedia flash 8 Mengenalelemen-elemen dalam Macromedia flash 8 • Mengetahui fungsi tombol-tombol dalam panel tools (penting dalam pembuatan dan Mengetahui fungsi umum elemen-elemen yang ada dalam flash sepeti : • Mengetahui fungsi timeline (berperan dalam pembuatan animasi yang mencakup layer dan pengeditan objek) • Batang menu /menubar (file, edit caramembuat animasi di macromedia flash 8. A. Animasi Gerak dengan Pergeseran Tempat. Untuk membuat animasi sebuah objek yang dapat bergerak/ bergeser dari suatu tempat ke tempat lain (ke samping , ke atas, ke bawah dan sebagainya) langkah-langkahnya sebagai berikut: 1. Setelah membuat file baru, pilih Oval tool pada toolbar (atau tool yang lain Jikaya, ikuti tutorial berikut. Buka aplikasi Macromedia Flash Professional 8, kemudian buat dokumen baru dari menu File → New ( atau menekan Ctrl+N secara bersamaan). Selanjutnya akan muncul jendela New Document. Pilih General Type → Flash Document → tekan OK. Setelah menekan OK, tampilan akan menjadi seperti gambar dibawah ini. q9GRb2. A. Animasi Gerak dengan Pergeseran Tempat Untuk membuat animasi sebuah objek yang dapat bergerak/ bergeser dari suatu tempat ke tempat lain ke samping , ke atas, ke bawah dan sebagainya langkah-langkahnya sebagai berikut 1. Setelah membuat file baru, pilih Oval tool pada toolbar atau tool yang lain sesuai bentuk objek yang akan dibuat. 2. Buat sebuah lingkaran pada layar kerja. 3. Pilih Selection tool, kemudian double-klik pada lingkaran untuk mengaktifkan lingkaran. 4. Pilih Modify > Convert to symbol 5. masukan nama gambar yang kamu buat tadi 6. Pilih OK 7. Klik mouse di frame 30 pada Timeline, kemudian pilih Insert > Timeline > Keyframe atau Klik kanan mouse pilih Insert Keyframe. 8. Klik mouse pada lingkaran, kemudian geser lingkaran ke sembarang tempat 9. Blok pada Timeline dari frame 1 hingga frame 30. 10. Pilih jendela Properties, pada pilihan Tween pilih Motion. Atau Klik kanan mouse pada Timeline pilih Create Motion tween Sekarang coba jalankan animasinya dengan cara pilih Control > Play atau tekan Enter pada keyboard Catatan Anda dapat merubah gerakan awal dan akhir dengan cara Klik mouse pada frame 1 untuk awal gerakan kemudian ubah letak lingkaran pada layar, dan klik mouse pada frame 30 untuk akhir gerakan kemudian ubah letak lingkaran. Untuk mempercepat gerakan animasi geser keyframe akhir ke kiri <30 dan untuk memperlambat geser ke kanan >30. B. Animasi Gerak dengan Pembesaran atau Pengecilan Bentuk Untuk membuat animasi gerak dengan pembesaran atau pengecilan bentuk, lakukan langkah yang sama dengan pembuatan animasi pergeseran tempat hingga langkah ke 10. • Kemudian klik frame 30 pada Timeline. • Pilih Free Transform Tool , arahkan kursor ke salah satu titik sudut yang muncul di gambar lingkaran. Sambil menekan tombol Shift pada keyboard, Klik mouse pada titik tersebut dan geser ke arah luar hingga lingkaran membesar. Kemudian lepaskan mouse. Jalankan animasi dengan menekan tombol Enter. Catatan Untuk membuat objek mengecil, saat menggeser sebuah titik pada lingkaran arahkan ke dalam hingga lingkaran mengecil. C. Animasi Gerak dengan berputar Untuk membuat animasi gerak dengan berputar, lakukan langkah yang sama dengan pembuatan animasi pergeseran tempat hingga langkah ke 10. • Pilih Selection tool, kemudian double-klik pada lingkaran atau klik kanan mouse pada lingkaran, pilih Edit in Place. • Pilih Paint Bucket Tool • Pilih Window > Color Mixer • Pada jendela Color Mixer pilih Radial pada pilihan Type • Kemudian arahkan kursor ke lingkaran jangan ditengah-tengah dan klik mouse. Catatan Langkah di atas bertujuan agar saat lingkaran diputar terlihat gerakkannya. • Tutup jendela lingkaran dan kembali ke jendela Scene 1 dengan cara klik pada tab Scene 1. • Kemudian klik frame 30 pada Timeline. • Pilih Modify > Transform > Rotate and Scale • Pada jendela Scale and Rotate isi kolom Rotate dengan 180 angka ini menunjukkan berapa derajat objek akan berputar • Pilih OK Jalankan animasi Catatan Untuk membuat animasi yang dapat bergerak berputar sambil membesar atau mengecil, Anda dapat mengisikan nilai Scale dan Rotate secara bersamaan pada jendela Scale and Rotate. D. Animasi Perubahan Bentuk • Buat sebuah file baru. • Dengan menggunakan Oval Tool buatlah sebuah bentuk oval. • Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Blank Keyframe. • Di posisi frame ke-40, buatlah sebuah persegi. • Klik mouse pada bagian tengah timeline, pilih jendela Properties, pada opsi Tween pilih Shape. • Jalankan animasi. Untuk memperoleh animasi yang gerakannya lebih teratur, dapat digunakan Shape Hints. Sebagai contoh dapat dipraktekkan pada animasi yang baru saja kita buat. • Klik mouse pada frame pertama. • Pilih Modify > Shape > Add Shape Hint, akan muncul bulatan kecil berwarna merah. • Ulangi sebanyak tiga kali kemudian drag masing- masing titik a, b, c, d sesuai gambar. • Klik mouse pada frame terakhir. • Pindahkan masing-masing titik a, b, c dan d, sesuai gambar. Titik akan berubah menjadi hijau. • Klik kembali mouse pada frame pertama. Dapat dilihat bahwa titik berubah menjadi kuning, artinya, Shape Hint telah berhasil. • Jalankan animasi. MEMBUAT ANIMASI TEKS BERUBAH-UBAH WARNANYA A. Menggunakan Teks Untuk menambahkan teks ke dalam stage pilih Text Tool pada toolbar kemudian klik pada stage. Sebuah kotak kosong akan muncul. Untuk mengubah jenis, ukuran serta warna font, gunakan jendela Properties di bagian bawah layar. B. Animasi Teks berubah-ubah Warna Untuk sebuah judul program terkadang perlu dibuat menarik dengan cara membuat teks pada judul tersebut bergerak atau berubah-ubah warnanya. Dengan Flash 8 membuat animasi tersebut bukanlah hal yang sulit. • Pertama buat file baru, melalui jendela Properties ubah warna background menjadi hitam. • Pilih Text Tool • Pada jendela Properties paling bawah, atur Static Text, Arial, 40 warna Kuning, Anti-alias for animation • Klik mouse pada stage, ketikkan JUDUL judul program. • Atur posisi agar di tengah layar kerja. • Pilih Modify > Break Apart atau tekan CTRL + B • Pilih Modify > Convert to Symbol • Pada jendela Convert to Symbol, beri nama judul, pilih Graphic, pilih OK • Klik di frame 15 pada Timeline, Klik kanan mouse Insert Keyframe. • Klik di frame 30 pada Timeline, Klik kanan mouse Insert Keyframe. • Klik di frame 15 pada Timeline • Klik mouse pada teks JUDUL • Pada jendela Properties, pilih Color > Tint, atur warna ke Jingga atau yang lain, kepekatan 100%. • Blok frame 1 hingga 30, Klik kanan mouse pada timeline Pilih Create Motion Tween. • Jalankan animasi. MEMBUAT ANIMASI DENGAN MASKING DAN PATH A. Animasi Masking • Ketikkan teks Pustekkom pada stage pada jendela paling bawah atur Font Arial, size 48, Color Biru. Atur agar letaknya di tengah stage. • Klik di frame 40 pada timeline, klik kanan mouse pilih Insert Frame. • Insert layer pada jendela Timeline, beri nama lingkaran. • Buat sebuah lingkaran pada stage, ukuran lebih besar dari tinggi teks, warna bebas. • Klik mouse di frame 1 pada Timeline. • Pilih Modify > Convert to Symbol. • Beri nama lingkaran masking, pilih Graphic, pilih OK. • Dengan menggunakan Selection tool atur gambar lingkaran kesamping kiri teks. • Klik di frame 40 pada layer lingkaran, klik kanan mouse pilih Insert keyframe. • Dengan menggunakan Selection tool atur gambar lingkaran kesamping kanan teks. • Blok dari frame 1 hingga 40 pada layer lingkaran, klik kanan mouse pilih Create Motion Tween. • Pilih kotak kecil pada layer lingkaran, Klik kanan mouse pilih Mask. • Jalankan animasi. B. Animasi Gerak dengan Mengikuti alur Guideline Untuk membuat animasi sebuah objek yang dapat bergerak mengikuti sebuah alur atau guide, langkah-langkahnya sebagai berikut. • Ubah nama layer 1 menjadi Bumi • Buat sebuah lingkaran yang cukup besar di tengah-tengah stage. Apabila mempunyai gambar globe/bumi dapat digunakan dengan cara Import • Tambahkan layer baru pada Timeline, dengan cara mengklik mouse pada ikon Insert layer beri nama Bulan. • Buat lingkaran yang lebih kecil dari lingkaran bumi. • Klik kanan mouse pada lingkaran bulan pilih Convert to Symbol, beri nama Bulan pilih Graphic, pilih OK • Pilih ikon Add Motion Guide pada jendela Timeline • Buat sebuah lingkaran kosong tanpa Fill dan atur posisinya seperti di bawah ini. • Dengan bantuan Eraser Tool hapus sebagian lingkaran tadi hingga terputus. • Klik kanan mouse di frame 60 pilih Insert Keyframe untuk ketiga layer • Pilih frame 1 pada layer Bulan, dengan menggunakan Selection tool atur lingkaran bulan hingga titik tengahnya pada posisi awal lingkaran guide bulan. • Pilih frame 60 pada layer Bulan, dengan menggunakan Selection tool atur lingkaran bulan hingga titik tengahnya pada posisi akhir lingkaran guide bulan. • Blok frame 1 hingga 60 pada layer bulan, klik kanan mouse pilih Create Motion Tween. Jalankan animasi. • Untuk menghilangkan garis guideline, klik ikon mata pada layer Guideline bulan. Jalankan animasi. jika ingin belajar lebih lanjut klik web disini CATATAN jika anda sudah ada di web tadi…….. anda harus download dulu jika sudah bacalah sampai pintar TERIMA KASIH…. SEMOGA BERGUNA Animasi Frame to Frame adalah sebuah animasi bergerak yang menampilkan gambar/objek pada masing-masing frame secara berurutan. sebuah animasi yang bergerak dari sebuah gambar/objek yang diam still image frame demi frame-nya. Animasi Frame to Frame jarang sekali dibuat oleh orang-orang, karena memakan banyak memori dan cara membuatnya juga tidak mudah. Animasi ini lebih menggunakan gerakan bertingkat melalui frame di macromedia flash 8. Pada artikel kali ini saya akan berbagi materi tentang tutorial membuat animasi frame to frame dengan mudah menggunakan macromedia flash 8 lengkap dengan gambar. Langkah-Langkah Membuat Animasi Frame To Frame 1. Buka aplikasi Macromedia Flash 8 di komputer atau laptop anda. Saya menggunakan aplikasi Macromedia Flash 8 Portable 2. Setelah itu pilih “Flash Dokumen” untuk memulai lembar kerja baru. Setelah itu akan muncul lembar kerja baru seperti pada gambar di bawah ini. 3. Masukan gambar pohon sebagai objek background. Pilih File -> Import -> Import to Stage. 4. Setelah itu tarik gambar pohon yang sudah diimpor ke lembar kerja dan kemudian disesuaikan menurut kertas atau lembar kerja. Pilih Gambar. Pilih Properti. Ubah ukuran pada kolom W dan H sesuai ukuran lembar kerja. 5. Setelah itu buat layer baru layer 2 untuk memasukkan objek bunga sakura yang berguguran pada lembar kerja layer 2. Klik kanan pada layer 1 kemudian pilih Insert Layer. 6. Masukan gambar bunga sakura yang berguguran sebagai objek animasi. Klik Layer 2 -> Pilih File -> Import -> Import to Stage. Hasilnya seperti gambar di bawah ini. 7. Setelah itu, untuk menggerakkan bunga sakura yang berguguran yaitu dengan cara Klik frame ke-1 pada layer dua. Klik kanan kemudian pilih Insert Keyframe. Pindahkan posisi objek bunga sakura yang berguguran sedikit demi sedikit agar bunga sakura dapat bergerak. 8. Lakukan langkah yang sama pada no. 7 hingga frame ke-25 dan bunga sakura berubah posisi menjadi dibawah di tanah. 9. Setelah itu untuk menjalankan animasi yang telah dibuat yaitu dengan cara tekan ctrl+enter pada keyboard anda. 10. Untuk menyimpan hasil animasi yang telah dibuat yaitu dengan cara Pilih File -> Expor -> Export Movie. Simpan format dalam bentuk Animated GIF *.gif. Klik Save, kemudian klik Ok. 11. Hasil akhir seperti dibawah ini. Ditulis oleh Nilam Munana 2118290 Sekian artikel mengenai Cara Mudah Membuat Animasi Frame To Frame Menggunakan Macromedia Falsh 8 Lengkap Gambar. Semoga artikel ini bisa memberi manfaat bagi sobat baik untuk mengerjakan tugas sekolah maupun untuk sekedar menambah wawasan mengenai tutorial membuat animasi frame to frame dengan mudah menggunakan macromedia flash 8. Cara Mudah Membuat Animasi Frame To Frame Menggunakan Macromedia Falsh 8 MARKIJAR MARi KIta belaJAR 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