Membuat Animasi Flash Dengan Qflash

  • Published on
    14-Aug-2015

  • View
    40

  • Download
    4

Transcript

Tutotial Singkat Membuat Animasi Flash di Linux Menggunakan QflashAlwan Rosyidi

Sekilas Tentang Animasi Shockwave Flash Animasi Flash adalah salahsatu bentuk animasi paling populer yang biasa disertakan di web untuk menunjang kebutuhan appearance (tampilan) yang lebih menarik dan interaktif. Kepopuleran Flash disebabkan karena dua hal : (1) Sangat interaktif karena bisa memuat suara sehingga bisa untuk menampilkan video; (2) Bersifat ringan bila dibandingkan dengan animasi multimedia lain seperti wmv atau terlebih mpeg. Di lingkungan desktop Microsoft Windows, Flash MX adalah aplikasi yang paling popular untuk membangun animasi flash. Di Linux, Flash MX juga bisa dijalankan menggunakan Wine dan atau CrossOver. Di lingkungan desktop Linux, ada beberapa proyek flash maker yang telah dibuat oleh developer voulenteer. Salahsatu yang paling sederhana adalah Qflash. Walaupun proyek Qflash saat ini telah dihentikan kelanjutannya, tetapi aplikasi tersebut masih bisa digunakan dan dijalankan di desktop Linux terbaru saat ini. Berikut ini adalah tutorial singkat membangun animasi flash di desktop Linux dengan memanfaatkan aplikasi open source Qflash. Instalasi Bagi anda pengguna desktop Ubuntu Linux, anda bisa mendapatkan paket Qflash dalam format dpkg (.deb) di http://namakutux.blogspot.com/search/label/qflash. Paket Qflash memiliki ketergantungan terhadap dua paket, yaitu libqt3-mt dan libstdc+ +5. Oleh karena itu, sebelum anda menginstalasi paket qflash, terlebih dahulu anda instalasi kedua paket tersebut : sudo apt-get install libqt3-mt libstdc++5 setelah itu, instalasi paket qflash dengan dpkg : sudo dpkg -i *.deb

Halaman 1

Antarmuka Qflash dan Prinsip Kerja Animasi

Antarmuka Qflash sangat sederhana dan sangat mudah dipahami, sekagilus menerangkan prinsip kerja animasi flash. Animasi flash pada prinsipnya sama dengan animasi multimedia lain seperti halnya mpeg, mp4 atau mwv, yaitu gambar-gambar yang diurutkan dan diberi suara lalu disatukan menjadi animasi. Sebagai contoh, ada 10 urutan gambar sosok orang tersenyum, dimulai dari gambar pertama dengan posisi bibir rata, berubah sedikit melengkung ke atas dan seterusnya sampai menjadi gambar orang dengan bentuk bibir tersenyum. Kesepuluh gambar tersebut jika diputar berurutan secara cepat akan menghasilkan animasi.

Halaman 2

Berikut ini ilustrasi sebagai contoh :

Ketiga ilustrasi gambar tersebut jika diputar berurutan dan berulang, akan membentuk animasi seorang perempuan dengan mulut bergerak tersenyum membuka menutup tersenyum. Nah, fungsi aplikasi semacam Qflash hanyalah sebagai animation generator yang menyatukan sekumpulan gambar berurutan menjadi satu file animasi dengan format shockwave flash (.swf). Contoh Satu : Animasi Bola Terpental Setelah mengetahui prinsip dasar animasi dan Qflash, sekarang kita langsung menuju ke contoh, yaitu membuat animasi bola terpental. Berikut ini langkah-langkahnya : 1. Buka Qflash dan simpan proyek dengan nama Bola Terpental (sebagai contoh).

Jendela menyimpan proyek Halaman 3

2. Atur ukuran flash yang anda inginkan. Secara default, ukuran flash dari Qflash adalah 400 x 300 pixels. Bila anda ingin animasi yang cepat, anda bisa perkecil menjadi 320x240 atau ukuran seberapapun sesuai kebutuhan anda.

Jendela properties untuk menentukan ukuran animasi yang anda butuhkan 3. Di bagian timeline frame, klik di frame pertama (kotak kecil di pojok kiri atas dari urutan panjang frame), lalu klik kanan dan pilih "Insert Frame".

Halaman 4

4. Di toolbox, pilih gambar bola dan gambarkan di area kerja. Untuk menggesergeser dan atau menyesuaikan ukuran, pilih tool Move (Select/kursor). Karena kita akan membuat animasi bola terpental, maka posisi bola pertama ada dibagian bawah.

5. Setelah itu, buat frame kedua dengan cara, pergi ke timeline fram, dan di frame kedua (kotak kecil kedua), klik kanan dan pilih 'Insert editable frame".

Halaman 5

6. Di frame kedua ini, kita akan meletakan bola di posisi yang lebih tinggi dari posisi frame pertama. Agar ukuran bola sama, copy saja object bola dari frame pertama dan dipaste ke frame kedua. Untuk berpindah antar frame, kita cukup mengklik kotak-kotak per fram dari timelime frame di atas.

7. Buat frame ketiga dengan langkah yang sama seperti langkah kedua, tetapi posisi bola lebih tinggi. Lakukan hal yang sama sampai jumlah frame yang kita inginkan. Semakin banyak frame, gerakan semakin halus. Di frame-frame terakhir, gerakan bola menurun kembali maka posisi bola diturunkan kembali. Berikut ini contoh timeline frame agar lebih jelas :

Frame 1

Frame 2

Frame 3

8. Terakhir, export hasil kerja kita menjadi animasi.

Halaman 6

9. Akan muncul jendela export. Dimana ada pilihan-pilihan sebagai berikut : Frames at : frames/second Menunjukan jumlah frame yang diputar perdetik. Semakin banyak, maka animasi kita akan semakin cepat. Sebagai contoh, jika kita membuat animasi bola dibagi menjadi 4 gerakan/frame, maka jika kita menseting kecepatan putar frame adalah 8 frame per detik, maka animasi kita hanya akan berdurasi 0,5 detik. Oleh karena itu, jika anda menginginkan animasi dengan gerakan yang lambat, buat jumlah putar per detik menjadi sedikit. Semisal : 4 atau 3 frame yang diputar dalam satu detik. MP3 Background Manakala anda mengingkan animasi mengandung musik/suara, tinggal pilih file mp3 yang anda butuhkan. Export to File Akan diletakan dimana dan akan anda namai apa animasi swf anda. 10. Setelah proses export selesai, anda bisa mencoba memutar animasi anda menggunakan browser yang telah dilengkapi adobe-flashplugin. Jika anda menggunakan Chromium/Chrome, pilih opsi open file Ctrl + O dan bukan file Bola Terpental.swf (contoh), maka hasilnya pun demikian :

Animasi bola terpental sukses dijalankan di Chromium dengan Flash Player 11

Halaman 7

Contoh 2 : Animasi Slideshow Foto Anda memiliki ratusan koleksi foto manis bersama kekasih/istri/calon pacar/calon istri/sahabat/momen-momen manis dan ingin menjadikannya slideshow untuk ditunjukan di web? Berikut ini langkah-langkahnya : 1. Tentukan ukuran foto, sebagai contoh 640x480 2. Crop foto anda dengan aplikasi image editing sederhana. Kalau saya senang memakai Kolourpaint, animasi image editor ringan dan sederhana milik KDE yang memiliki interface mirip Ms.Paint namun memiliki fitur yang lebih lengkap. Beri nama kumpulan foto anda dengan urutan nama agar mudah seperti 001.jpg 002.jpg dan seterusnya. Namun, jika anda tidak memerlukan hal tersebut ya tidak perlu diurutkan, cukup diletakkan dalam folder terpisah agar tidak tercampur gambar yang sudah di crop dan resize dengan yang belum. 3. Langkah memulai sama seperti Contoh 1. Buka Qflash, tentukan ukuran animasi dalam contoh ini 640x480 pixels. Lalu Insert frame. 4. Untuk memasukkan foto, klik button New Image di toolbox. Setelah itu, taruh kursor di ruang kerja dan klik. Nanti akan muncul jendela select a file untuk memilih foto mana yang akan dimasukkan.

Halaman 8

5. Di jendela open image, pilih foto anda, lalu foto anda akan muncul. Jika ukuran area kerja sudah ditentukan sama dengan ukuran foto yaitu 640x480, maka posisi gambar akan otomatis presisi sehingga anda tidak perlu mengepasngepaskannya menggunakan mouse. 6. Buat frame kedua, caranya sama seperti langkah di Contoh 1. Lalu masukkan gambar kedua, caranya sama seperti langkah di atas. Lakukan hal yang sama sampai sejumlah gambar yang ingin anda gunakan untuk dijadikan slideshow. 7. Setelah selesai, langkah terakhir adalah meng-exportnya menjadi swf. Langkahnya sama seperti langkah di Contoh 1. Sekali lagi, jika anda menginginkan transisi antar foto lambat, maka tentukan jumlah pemutaran frame per detik kecil, misal 4 frame per detik. Jika jumlah gambar anda adalah 40, maka animasi slideshow anda akan berdurasi 10 detik. Jika anda menginginkan perpindahan foto yang benar-benar lambat, maka tentukan frame 1 frame per detik, maka perpindahan antar foto anda adalah per satu detik. Jika anda ingin lebih lambat lagi, maka letakkan dua foto yang sama dalam dua frame, maka perpindahan antar fotonya adalah per dua detik. Begitu seterusnya silahkan diperhitungkan dengan matematika yang sederhana ini :) 8. Animasi bisa dibuka di browser dengan flash plugin, sebagai contoh saya memakai Chromium browser.

Animasi flash slideshow foto bisa dijalankan dengan lancar. Halaman 9

Contoh 3. Membuat Animasi Kartun Langkah membuat animasi kartun langkah-langkahnya sama persis dengan langkah membuat animasi slideshow foto. Yang perlu anda lakukan adalah menggambar urutan frame kartun anda terlebih dahulu. Jika anda ingin membuat animasi yang panjang, maka anda harus membuat gambar yang cukup atau sangat banyak. Agar antar gambar kartun bentuknya sama, lakukan copy paste di aplikasi vector animator anda (semisal Inkscape) sehingga bentuknya tidak berlainan antar frame. Sebagai contoh, ini contoh kartun sederhana seorang perempuan mulutnya membuka dan menutup (sama seperti contoh di awal) :

Urutan gambar kartun yang berurutan akan menghasilkan animasi. Yang anda butuhkan hanyalah ketekunan untuk menggambar ratusan atau bahkan ribuan gambar kartun dan meletakannya satu per satu di Qflash, lalu mengeskportnya ke dalam animasi swf. Demikian tutorial sederhana membuat animasi flash dengan menggunakan Qflash. Semoga bermanfaat dan tetap semangat menggunakan Free & Open Source Softwares (FOSS). Selamat berkarya dengan FOSS.

Halaman 10