Stagemerupakan daerah yang bewarna putih, dimana area kerja utama jika anda ingin membuat animasi maupun aplikasi flash lainnya. Seluruh objek/gambar/animasi yang ada di stage nantinya akan tampil di flash movie, dan sebaliknya apabila objek/gambar tersebut berada di daerah abu-abu di pinggiran Stage tidak akan terlihat di flash movie. DiStep kali ini, menjelaskan Cara Pembuatan Membuat Animasi Stickman, Langkah yang pertama adalah Buka software Macromedia Flash 8 Klik Flash Document : Step Ke-1 Langkah yang kedua adalah, agar membuat Animasi Stickmannya Berjalan/Bergerak gunakan Fitur Rectangle Tool, lalu berinama pada Layer agar mudah, apabila ingin dicari jika terjadi kesalahan, kekurangan, ataupun ingin ditambahkan : CaraMembuat Animasi Bola Melambung Pada Macromedia Flash 8 macro 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 Vay Tiền Trả Góp Theo Tháng Chỉ Cần Cmnd. 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 😉 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 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 di macromedia flash 8