27 June 2009

Filled Under: , ,

Tutorial Membuat Animasi GIF

Pasti anda semua telah tahu file GIF (Graphics Interchange Format). File gambar jenis ini biasa digunakan untuk gambar yang ada d wesite, avatar di forum, slide, scrensaver hand phone dan untuk keperluan lainnya. Salah satu kelebihan gambar berformat GIF selain ukurannya yang relatif kecil adalah dapat dibuat sebagai gambar animasi (dengan menggabungkan beberapa frame gambar menjadi satu) sederhana. Sebenarnya tulisan ini sudah pernah saya tulis di tahun 2008, tapi ternyata sekarang sudah tidak ada (mungkin terhapus).

Animasi GIF dapat dibuat dengan berbagai cara, mulai dari yang awam digunakan hingga dengan menggunakan software pembuat animasi gif. Disini saya akan berbagi 2 cara yang pertama membuatnya dengan menggunakan Adobe Image Ready dan yang kedua adalah cara yang instan dengan menggunakan software pembuat animasi gif (GIF Animator).

A. Membuat Animasi GIF dengan Adobe Image Ready

1. jalanin Adobe ImageReady dulu, terus open gambar-gambar yang mau dijadiin animasi.



2. Klik gambar yang bakal jadi animasi pertama (gambar start) Terus klik dua kali Layer gambar tersebut pada palet layer , kemudian kita kasih nama misalnya gambar1. Gambar ini akan dijadikan gambar yg pertama kali tampil. Semua proses editing juga akan dilakukan pada jendela gambar ini.



3. Pilih (klik) jendela gambar kedua (urutan kedua animasi). Lalu pada toolbox (biasanya di sebelah kiri workframe), pilih Move Tool, lalu klik dan seret gambar kedua ke atas jendela gambar pertama. Kalo kamu melakukannya dengan benar, di palet layer gambar pertama akan muncul layer baru yg berisi gambar kedua. Atur posisi layer untuk gambar kedua di atas layer gambar pertama (kalo dibawah gambar pertama, ntar animasinya jadi terbalik urutannya). Ganti nama layer untuk gambar kedua menjadi gambar2. Terus kamu buat seperti cara tadi gambar -gambar berikutnya. Kalo udah kamu bisa liat urutan gambarnya jadi : gambar1, gambar2, dst. Nah kalo udah kamu bisa liat layar monitor jadi sempit, mendingan sekarang kita tutupaja jendela - jendela gambar yang udah nggak dipake (biar lega monitornye Bang :P).
4. Di palet Animation (Kalo nggak ada, pada menu pilih Window -> Animation untuk menampilkan palet Animation), klik submenu (yg seperti tanda panah ke kanan). Di submenu pilih, Make Frames Form Layers. Bila kamu ngerjainnya benar, layer-layer pada gambar pertama akan dipindahkan ke palete Animation.



5. Dibagian bawah tiap frame akan nampak timing dari tiap gambar. Ubahlah tiap frame sesuai selera kamu, dengan mengklik tanda panah bawah. Misalnya timingnya menjadi 2 detik untuk tiap frame, artinya tiap gambar akan ditampilkan secara berurutan setiap 2 detik. kamu juga bisa animasi dengan mengklik tombol Play di bagian bawah palet Animation. Jangan lupa, di kiri bawah palet Animation, ganti Once dengan Forever supaya animasinya bisa diulang setelah selesai.



6. Terakhir kita simpen caranya klik File->Save Optimized As -> terus kamu kasih nama deh file GIF-nya.


7. Di contoh ini Gue bikin banner yang isinya kata mutiara.

B. Membuat Animasi GIF dengan Easy GIF ANimator
Cara ini pasti menurut anda paling simple dan mudah. Karena dengan Easy GIF Animator anda dapat membuat animasi GIF, baner animasi, button, mengedit animasi GIF, menambahkan efek visual membuat efek text bergerak, melakukan optimasi animasi GIF agar leih cepat, seting perulangan dan durasi frame, mengkonversi animasi GIF menjadi grayscale, eksport animasi GIF menjadi AVI, menggenerate kode html untuk menampilkannya di website, membuat animasi dengan suara, eksport animasi GIF ke SWF Flash,Siapkan software Easy GIF Animator. Semua hal diatas dapat anda buat dengan mudah dan cepat hanya dengan mengikuti panduan wizard .Saya berikan contoh-contoh screenshot :
jalankan programnya dan pilih mau buat apa

pilih gambar yang akan dimasukan kedalam animasi gif nantinya
seting timing waktu dan loopingnya


0 comments:

Post a Comment

Silahkan berkomentar dengan bijak, tapi jangan spam !