Cara Bikin Animasi GIF dengan Adobe ImageReady
Udah pada tau format file GIF kan ? GIF (Graphics Interchange Format) adalah salah satu format gambar yg paling populer penggunaannya di dunia, terutama dalam dunia internet. Pasalnya, ukuran file dengan format GIF termasuk mini bila dibandingkan dengan format file lainnya seperti JPEG atau BMP, tentu saja dengan mengorbankan kualitas gambar yg dihasilkan. Salah satu kelebihan lain dari format GIF adalah kemampuannya untuk menghasilkan animasi gambar, walaupun dengan kualitas lumayan rendah.
File-file animasi GIF biasanya banyak ditemui di forum-forum internet dalam bentuk avatar yg menyatakan representasi pengguna dalam bentuk grafis. Kasarnya, avatar dipakai sebagai "foto" pengenal untuk pengguna (user) dalam suatu forum. Banyak yg menggunakan file gambar dengan format GIF untuk dijadikan avatar tadi, alasannya ya karena file GIF bisa dibuat animasi, sehingga seolah-olah si user terlihat lebih "keren" di forum tersebut (… walaupun kenyataannya avatar juga bisa digunakan untuk menipu pengguna lainnya 
).
Terus bagaimana caranya bikin file animasi GIF ? Ada banyak cara, tentunya dengan menggunakan software khusus. Sekarang persoalannya, pake software yg mana ? Nah, khusus untuk masalah pemilihan software, ada baiknya anda berhati-hati. Umumnya, karena nggak tau, orang langsung buka Google untuk mencari software-software yg bisa membuat animasi GIF. Sayangnya, kebanyakan yg muncul di halaman pertama adalah software-software "asing" alias nggak terlalu terkenal di kalangan pengguna PC, udah gitu banyak yg minta bayaran alias nggak free.
Kali ini saya mau berbagi sedikit pengetahuan untuk membuat animasi GIF dengan menggunakan software yg seharusnya nggak asing lagi di telinga para pengguna PC, Adobe ImageReady. Kalo anda pernah install Adobe Photoshop di PC anda, seharusnya Adobe ImageReady juga ikut terinstall bersamanya. Walaupun tidak memiliki fitur sekaya Photoshop, ImageReady sangat cocok bila anda ingin melakukan penyuntingan gambar secara cepat, khususnya untuk gambar-gambar yg biasanya ditampilkan di halaman web, termasuk membuat animasi GIF.
Sebelum membuat animasi, anda harus sudah menyiapkan gambar dengan format GIF, minimal 2 gambar. Kalo ada gambar yg sama dan memang terlihat "berurutan" bakal lebih bagus lagi. Kalo emang beda gambar juga nggak apa-apa, yg penting ukurannya harus sama, misal keduanya punya ukuran 200x200 pixel. Berikutnya langkah-langkahnya :
1. Jalankan Adobe ImageReady. Lalu buka file-file yg mau dibuat animasi.
2. Pilih (klik) jendela gambar yg akan dijadikan klip awal dari animasi (istilah kerennya Starting Frame). Gambar ini akan dijadikan gambar yg pertama kali ditampilkan dalam animasi. Semua proses editing juga akan dilakukan pada jendela gambar ini.
3. Setelah gambar pertama dipilih, klik dua kali Layer gambar tersebut pada palet layer (palet layer biasanya terletak di sebelah kanan bawah workframe). Ganti nama layer dengan nama yg mudah diingat. Misalnya untuk Starting Frame, tulis saja namanya Gambar1.
4. 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 anda 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 (lihat langkah 3).
5. Kalo anda punya lebih dari dua gambar, lakukan hal yg sama dengan gambar-gambar berikutnya seperti pada langkah 4. Jadi, gambar ketiga diseret ke gambar pertama, lalu posisikan layer untuk gambar ketiga di atas layer gambar kedua. Jadi ntar urutan layer di gambar pertama (dari bawah) menjadi : Gambar1, Gambar2, Gambar3 dst. Ingat. Jendela gambar aktif harus tetap gambar pertama. Setelah anda memindahkan gambar-gambar lain ke jendela gambar pertama, anda bisa menutup jendela untuk gambar yg lain, seperti gambar ke dua, ketiga dst.
6. Pada 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 anda melakukannya dengan benar, layer-layer pada gambar pertama akan dipindahkan ke palete Animation.
7. Dibagian bawah tiap frame akan nampak timing dari tiap gambar. Ubahlah tiap frame sesuai selera anda, dengan mengklik tanda panah bawah. Misalnya timingnya menjadi 1 detik untuk tiap frame, artinya tiap gambar akan ditampilkan secara berurutan setiap 1 detik. Anda juga bisa menguji 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.
8. Setelah anda mengatur timing tiap frame, simpan animasi tersebut dengan mengklik menu File -> Save Optimized As. Tulis nama file GIF yg anda inginkan.
Di atas adalah contoh animasi GIF yg saya buat dari citra radar dengan menggunakan 10 gambar dasar GIF. Selamat mencoba 
.
lah… ini yg saya cari… thx om atas tutorialnya.. sep dah…
Comment by fajar — December 24, 2007 @ 12:48 pm
@fajar : Makasih jg sudah mampir
Comment by A3 — December 27, 2007 @ 3:56 am
mas gmbna cranya upload web di blogspot
Comment by ryan chrisandro — January 4, 2008 @ 4:56 am
Wkt muw d save, kuQ kata nya JPEG bla bla not supported.. T__T
padahal udah seneng2.. hix..
TqU anyway.. ^^
Comment by ^^ — January 13, 2008 @ 2:56 pm
Wkt muw d save, kuQ kata nya JPEG bla bla not supported.. T__T
padahal udah seneng2.. hix..
TqU anyway.. ^^
Comment by ^^ — January 13, 2008 @ 2:57 pm
Wkt muw d save, kuQ kata nya JPEG bla bla not supported.. T__T
padahal udah seneng2.. hix..
TqU anyway.. ^^
Comment by ^^ — January 13, 2008 @ 2:58 pm
@ ^^ : Di menu pilih ‘Window’, terus liat, kasih tanda centang di ‘Optimize’ (kalo blom ada tanda centangnya). Kalo udah, di palet Optimize, dibagian settings, pilih GIF (dither/no dither). Kalo udah, coba save optimize as lg, ntar pasti udah bisa di save sebagai GIF. Cobain deh.
Comment by A3 — January 14, 2008 @ 5:34 am
thanks om…..
Comment by alung — January 18, 2008 @ 6:16 am
Aduh kk ribet amat kan katro jadinya kan aq gak ngerti pake bahasa planet donk jangan pake bahasa manusia OK !!!!!!
Comment by UDZANG — February 1, 2008 @ 12:50 pm
wah suwun mas, aku sudah lama pingin belajar bikin gambar dengan format gif. tutorial yang dijual jarang ada yang membahas masalah ini. mingkin dianggap remeh kali ya… yang lebih mengagetkan sofwarenya sudah ada di komputerku sejak dulu, karena aku sangat suka otak-atik gabar dengan adobe photoshop. suwun bos!
Comment by yoyok — April 1, 2008 @ 11:07 pm
@ Yoyok : Trims kembali
Comment by A3 — April 2, 2008 @ 4:38 am
sip tutorialnya mantap… thx anyway
Comment by syamsu — April 17, 2008 @ 9:59 pm
Keren… Udah lama cari-cari info kaya gini. Thanks buanget ya (om). Oiya nih kutinggalin bonus :
“Rahasia Tersembunyi Metode Mencari Uang di Internet Akhirnya Diungkap…” Lebih lanjut, klik http://www.formulabisnis.com/?id=shey
Comment by Shemma — May 2, 2008 @ 3:04 am
Bagus, penjelasannya mudah dipahami. Semoga saya bisa menerapkannya. Thanks.
Comment by Olala — May 6, 2008 @ 7:04 am
@ syamsu, Shemma & Olala : Thanx kembali
Comment by A3 — May 7, 2008 @ 3:08 pm
makasi bror,gw selama ini bikin animasi gif ga tau cara atur timing hohoho……tq bgtyah
Comment by Jinpenyu — May 29, 2008 @ 9:54 pm
Wah trnyta bikin animasi gmpank ya, pa lg skrg aku dah punya punya aplikasi java yg bsa bikin animasi, jdi bsa bkn animasi langsung di hp (Sony Ericson), mklum Aq gak pnya komptr, klo mau nma aplikasinya ‘PaintCAD’ bisa didwnlod gratis di www.Getjar.com atawa www.mobile9.com.
Comment by Fuckhtul — June 16, 2008 @ 11:54 am
Thank’s yha ardhi, saya mau coba dulu cek ke tkp.
Comment by Aa Plamoen — August 3, 2008 @ 1:57 am
KEnapa aku nggak bisa nge-save pake save optimized as ya? Kenapa jadinya malah jpg bukan gif? Jadi nggak gerak deh
Comment by Chemicaisy — August 5, 2008 @ 2:20 pm
makasi y tutorialny
Comment by synna — October 6, 2008 @ 5:02 pm
makasih ya tutornya….. jd pingin cepet bisa nih…
Comment by sulis — October 21, 2008 @ 10:22 am
Ok thanks bro buat ilmunya…….
Comment by aji — November 1, 2008 @ 11:36 am
koq uda di save k format .gif malah tetap ga bisa gerak yaa?
ada apakah itu? >.
Comment by evi — November 26, 2008 @ 1:01 am
thx sangadd.!!
Comment by fha — December 5, 2008 @ 9:25 am
thanks banget mas, emang topik ini yang lagi aku cari2. ajarin buat tombol bergerak dengan javascript bisa gak? thanks
Comment by Febry — December 7, 2008 @ 12:37 pm
wah sangat membantu mas…
thanks banget ya…sukses selalu..
Comment by Aden — December 11, 2008 @ 4:43 am
uuuh …. mo coba ach… biznya gw lom p’nah coba bikin
animasi GIF. do’akan gw yupz biar berhasil …
Comment by hikmat — December 21, 2008 @ 2:43 pm
aq mau tnya ne cra bwt animasi tntang moral sosial gmna crax ya??
sbgai cntohx animasi buanglah smpah pda tempatx….
Comment by hady — January 16, 2009 @ 5:11 pm
ikak nhe asak d pade org tua ngelawan
hahaay……
Comment by dizt — January 18, 2009 @ 4:46 am
gw baru bikin blog dihosting nih coba teman2 kasih kritik dan sarannya dunk, langsung aja ke www.asep09.co.cc
solae gw masih pemula.
Comment by asep — January 24, 2009 @ 1:41 pm
langsung tak COpas ini tutorialnya
membantu banget
ntar langsung praktek ah
abiesnya aku pengenn bisa banget buat gambar animasi GIF
^_^
makasie ya INPHONYA Mas
very USEFULL
Comment by andriristiawan — January 25, 2009 @ 4:01 pm
klo berkunjung jangan lp tinggalkan komentar yaaa…www.asep09.co.cc
Comment by asep09 — January 27, 2009 @ 4:54 pm
thanks banget atas info nya
Comment by mirdahayu — February 10, 2009 @ 12:49 am
AKHIRNYA……
udah lama nie nyari yang beginian…
tx ya bang info’e….
moga blog’e makin rame pengunjung!!!
SIFFF…
Comment by Monte — March 1, 2009 @ 11:15 pm
makasih ya,tapi pas saya mau save,munculnya cuman jpg?
gimana tuh ya?
Comment by Hinamori — March 28, 2009 @ 10:53 am
keren bro…langsung praktek…thanks
Comment by loopdreamer — May 14, 2009 @ 2:54 am
nice info bro.
thanx a lot. it really works..
Comment by Ajoy D1 — May 26, 2009 @ 6:19 am
nice info bro.
thanx a lot. it really works..
Comment by Ajoy D1 — May 26, 2009 @ 6:32 am
mantep banget thanks
Comment by wonk70674 — June 7, 2009 @ 12:03 pm
cari cara buat gambar gif
eee mbah google menuntun saya
tuk lihat blog ini
thank tutorial nya mas
nambah ilmu dah daku
Comment by rakhman — July 17, 2009 @ 10:06 pm
makaciiiiiiiiiiiiiiii…atur nuwun lah mbah.numpang nanya lagi boleh ga?gmana buat situs kayak ente ini,pake 3d yaw.keren banget.sukses slalu
Comment by vanker — August 19, 2009 @ 8:11 am
owh ya.bales ke mail saya ya.tolong banget bos.
Comment by vanker — August 19, 2009 @ 8:12 am
Mas Ardhi, oKs bgt!
bahasanya mudah dimengerti pula..
jd guru aja mas..heheheh
aniwei thx a lot
Comment by ann — October 8, 2009 @ 6:25 am
kok saya gak bisa disimpan dengan ekstension gif ya ???
hikzzz
Comment by deidara_ — October 26, 2009 @ 3:51 pm