Tutotial Singkat Membuat Animasi Flash di Linux Menggunakan Qflash

Alwan Rosyidi <twitter.com/alwan_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 menggeser-

geser 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 mengepas-

ngepaskannya 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