Mudahnya Membuat Animasi dengan GIMP

Iklan di situs kini makin banyak saja, seiring dengan meningkatnya penggunaan Internet oleh masyarakat. Coba tengok media massa seperti kompas.com, detik.com atau okezone.com. Banyak sekali iklan gambar bergerak, tentu mahal harganya, rasanya ingin dapat penghasilan dari membuat iklan seperti itu, tapi bagaimana cara membuatnya? Kalau dilihat propertinya, iklan itu dibuat menggunakan software proprietary seperti Macromedia Flash, Adobe Image Ready, atau Adobe Photoshop, wah… kan beli software itu mahal banget, kalau bajakan sich buanyak, tapi masak harus membajak? Ah… nggak sreg nich bila menggunakan hasil bajakan… :P

Lalu, bagaimana cara gampangnya?

Menurut saya sih ada beberapa teknik yang bisa dipilih, pilihan pertama tentu membeli software proprietary tadi bila sudah mampu membeli dan menjadi professional yang banyak permintaan dari client dan segera dikerjakan secara cepat, kedua bisa menggunakan pengkodean seperti looping menggunakan client-script seperti Javascript atau AJAX, ini diperlukan penguasaan programming yang baik, pilihan ketiga bisa menggunakan software gratis atau free open source software (FOSS) seperti GIMP, paling tidak hanya diperlukan imajinasi dan skill mengolah gambar yang baik.

Sayang, karena keterbatasan dan penyesuaian topik, kali ini saya hanya membahas pilihan ketiga, menggunakan GIMP. Di situsnya, gimp.org, dapat ditemukan tutorial yang sama, serta di beberapa situs lainnya yang relevan juga ada, atau bila ingin melihat videonya bisa dicari di youtube.com. Pada tutorial ini, saya menggunakan Ubuntu 8.04 Hardy Heron serta GIMP 2.4.5 yang sudah langsung tersedia di Ubuntu, yaitu membuat iklan animasi PON 2008 sesuai contoh di atas:

  1. Siapkan 4 buah file (.png) seperti di bawah ini:



  2. Buka ke 4 buah file tersebut menggunakan GIMP.
  3. Buat file baru background putih dengan ukuran menyesuaikan dengan ke 4 file tersebut, save as dan beri nama: coba.xcf
  4. Pada coba.xcf, buat sebuah layer dengan background transparant.
  5. Kemudian, copy sebuah file yang sudah dipersiapkan –point 1– dan paste ke sebuah layer baru — New Layer– coba.xcf
  6. Lakukan hal yang sama –point 4 dan 5– pada masing-masing file berikutnya hingga seperti pada screenshot layer di bawah ini:
  7. Edit dan atur gambar agar ukuran sesuai dan pas dengan ukuran file coba.xcf.
  8. Bila sudah pas, pilih menu Filters > Animation > Blend, lalu isikan Intermediate frames 5 dan centang bagian Looped, klik OK, dan ikuti prosesnya membuat file baru.
  9. Coba jalankan hasilnya, klik menu Filters > Animation > Playback.
  10. Looping terlalu cepat? Mari kita atur lagi, pilih Filters > Animation > Optimize (for GIF), ikuti prosesnya, lihat pada bagian layer ada waktu pengaturan tampil rata-rata 100ms (mili per-second), pilih frame 1 –awal perpindahan– edit 100ms menjadi 4000ms, pilih lagi frame 7 –awal perpindahan ke 2– edit 100ms menjadi 4000ms, dst.
  11. Jalankan lagi animasi seperti langkah 9.
  12. Bila sudah mantap, simpan file tersebut dan beri nama: animasiku.gif, jangan lupa pilih Save as Animation, dan tekan Export.
  13. Ujilah di browser kesukaan. Mudah kan? Selamat belajar.

Catatan:

Desain iklan hasil tangkapan layar situs kompas.com. Free at your own risk.  :P