Tutorial Membuat Animasi Sederhana Menggunakan Adobe Flash Cs3 Prayudha Bima Henryanto [email protected] Abstrak Animasi adalah sebuah gambar yang bisa begerak yang terbuat dari beberapa kumpulan objek (gambar) dengan waktu jeda tertentu. Animasi biasanya dalam format GIF (Graphic Interchange Format). Untuk membuat animasi gambar bergerak dengan format GIF banyak sekali software yang bisa kita gunakan diantaranya yaitu Adobe Flash, Vectorian Giotto, PhotoScape, PhotoShop dan lain-lain. Adobe Flash adalah salah satu perangkat lunak komputer yang merupakan produk unggulan adobe system. Berkas yang dihasilkan dari perangkat lunak ini mempunyai file extension .swf dan dapat diputar di penjelajah web yang telah dipasangi Adobe Flash Player. Flash menggunakan bahasa pemrograman bernama ActionScript yang muncul pertama kalinya pada Flash 5. Kata Kunci: Animasi, Gambar, Pemrograman Pendahuluan Tujuan dari dibuatnya artikel ini adalah sebagai media pembelajaran mengenai bagaimana cara membuat animasi menggunakan Macromedia Flash Player tetapi saat ini disebut Adobe Flash. Adobe Flash adalah aplikasi yang digunakan untuk membuat gambar ataupun animasi sederhana yang penulis akan bahas kali ini. Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org Pembahasan 1. Buka aplikasi Adobe Flash Cs3, pilih Flash Document. Akan terbuka lembaran baru, lembaran ini disebut Layer 1. 2. Sekarang saya akan membuat animasi mobil berjalan berarti perlu membuat 2 buah gambar yaitu Mobil dan Roda Depan. 3. Buat gambar mobil dengan menggunakan tool yang berada dibagian sebelah kiri, setelah selesai berarti gambar mobil ini secara otomatis akan berada pada layer 1. 4. Lalu tambahkan layer 2 untuk membuat roda depan dengan cara, klik Insert Layer kemudian buat gambar roda depan. 5. Jika sudah, pasang Roda Depan dengan menyeretnya kebawah mobil dan warnai mobil dengan Paint Bucket Tool (K) yang berada pada bilah bagian kiri. 6. Pada layer 2 tekan F8 maka muncul kotak Conver to Symbol tekan Ok. Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org 7. Ulangi langkah nomor 6 satu kali lagi. Jika sudah, sekarang buat roda mobil bisa berputar dengan cara doble klik pada Roda Depan, lalu tarik titik yang berada dibawah angka satu ke angka 20. 8. Klik kanan area yang diblok tadi, pilih Insert Keyrame. Atur kotak Properties (lihat pengaturan pada gambar dibawah). Jika sudah kembali ke Scene 1. Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org 9. Langkah selanjutnya tambahkan layer 3 untuk Roda Belakang, klik Insert Layer. 10. Copy Roda Depan dengan cara klik layer 2 dan Klik layer 3 untuk paste Roda Belakang. 11. Selanjutnya rubah juga mobil ke Movie Clip dengan cara, pada layer 1 tekan F8 kemudian Ok. 12. Sekarang kita akan membuat jalan. Terlebih dahulu geser mobil kekiri, lalu tambahkan Layer 4 dengan cara klik Insert Layer. Buat jalan dengan menggunakan Line Tool(N). Jika sudah letakan posisi layer 4 dibagian paling bawah. Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org 13. Selanjutnya, buat Keyframe dengan menarik semua titik yang berada dibawah angka 1 ke angka 80. 14. Klik kanan yang di blog pilih Insert Keyframe. Sekarang lepas blok layer 4. Seret mobil ke kiri. Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org 15. Klik pada area yang di blok, pilih Create Motion Tween. 16. Sekarang coba tes mobil dengan menekan Enter. Jika sudah berhasil tinggal di Save. Penutup Demikianlah “Tutorial Membuat Animasi Sederhana Menggunakan Adobe Flash Cs3” yang penulis bisa share semoga artikel ini dapat menambah pengetahuan dan bermanfaat bagi pembaca sekalian. Jika ada kritik dan saran mengenai isi artikel ini mohon disampaikan agar penulis dapat mengoreksi kesalahan dan dapat membuat artikel lebih baik lagi kedepannya. Mohon maaf apabila ada kesalahan bahasa maupun tulisan dalam artikel ini. Referensi Karya Sendiri Biografi Prayudha Bima Henryanto lahir di Kota Depok pada tanggal September 1995, Anak pertama dari dua saudara. Sedang menjalani study S1 jurusan Sistem Informasi. Memiliki hobi bermain sepak bola dan futsal. E-mail : [email protected] Lisensi Dokumen: Copyright © 2008-2017ilmuti.org Seluruh dokumen di ilmuti.org dapat digunakan, dimodifikasi dan disebarkan secara bebas untuk tujuan bukan komersial (nonprofit), dengan syarat tidak menghapus atau merubah atribut penulis dan pernyataan copyright yang disertakan dalam setiap dokumen. Tidak diperbolehkan melakukan penulisan ulang, kecuali mendapatkan ijin terlebih dahulu dari ilmuti.org