Animated Gif ---> noobs version :D

**amukti** · 10-12-2005 14:49

Apa sih animated gif ?

Dengan semangat berbagi dan tanpa ada maksud menggurui, ini adalah "my noobs version" dari cara kerja animated gif. Mungkin ada yang tertarik buat bikin avatar yang lebih menarik... ehehe !

Sebenernya Animated gif itu (menurut saya) sama aja kaya gambar biasa. Animated gif terdiri dari >1 layer yang masing2 layernya memiliki gambar berbeda tapi saling berkaitan. Proses animasi pada gif animated adalah proses penampilan layer yang dilakukan secara bergantian sehingga secara keseluruhan gambar (yang saling berkaitan) kelihatan bergerak. Pokoknya kaya bikin kartun... ehehe

Saya baru belajar adobe imageready, jadi software ini yang dipake buat contoh di bawah.

Yang sederhanya aja, misalnya gambar dibawah ini :

Mungkin, kalo tanpa proses animasi, gambar akan tampil seperti ini :

Nah, kalo animated gif diatas dibuka pake imageready, kita akan tau kalo sebenernya gambar itu terdiri dari 6 layer dengan 6 animasi.
Kerjanya juga sederhana : Coba pilih animasi yang berbeda secara bergantian, maka frame yang ditampilkan juga akan berbeda...

Lebih jelasnya, Kalo kita pilih animasi 1, maka layer yang ditampilkan adalah layer 1 (liat gambar mata),

Pilihan pada animasi 2 akan menampilkan layer 2,

Pilihan pada animasi 3 akan menampilkan layer 3, dst...

Sehingga kalo di jalankan secara keseluruhan dengan looping : forever dan frame delay time : 0,1 detik maka akan tampil seperti :

Nah itu (menurut saya) dasar proses kerja dari animated gif...

**amukti** · 10-12-2005 14:51

Sekarang iseng coba2 ngedit. Yang gampang aja, biar gak ribet.. ehehe ! Masih di imageready, dengan modal gambar yang sama :

dan ditambah gambar editan dari avatar saya :

Saya lakukan perintah2 ini :

1. image->image size->w:65 h:60
2. image->rotate canvas->flip horizontal
3. image->canvas size->w:100 h:100

Jadinya kaya gini :

4. Mengatur posisi : memindahkan gambar ke pojok kiri atas dengan cara
a. Link semua layer
b. Tekan shift dan pilih semua animasi.
c. dengan move tool, pindahkan gambar.
d. Setelah selesai, Unlink semua layer

Jadinya kaya gini :

5. copy & paste gambar tambahan menjadi layer 7

6. Save--> saya memakai GIF 128 dithered

Hasilnya :

Selamat mencoba !

**dimasdw** · 10-12-2005 14:55

software bwat Gif yg Freeware dan asik apaan yah ?

**Rihananta** · 10-12-2005 19:25

Wah hebat yah...pake avatarnya MOD lagi

Tapi simson-nya kok gak gerak-gerak ya

**Udin Petot** · 11-12-2005 23:21

Nice tutorial

**MOHAA** · 11-12-2005 23:42

very good

**andhee** · 12-12-2005 00:10

muantap... kebetulan juga gue mau edit avatar gue.. pengen nyala2 kayak punya hrazakee

**Initial D** · 12-12-2005 01:04

Trik2 animasi GIF nya krg. Tambahin lg donk

klo cuma penggabungan antar gbr yg sdh beranimasi dgn yg nga beranimasi, saya jg bisa. Skrg pertanyaannya bisa nga kamu bikin gbr kaki & tgn itu bergerak2 ? ato animasi yg lain d (Asli bikinan lo)

Nah itu baru bnr2 Trik yg bagus bgt utk bikin animasi GIF dr nol

**Udin Petot** · 12-12-2005 03:43

Originally Posted by Initial D

Trik2 animasi GIF nya krg. Tambahin lg donk

klo cuma penggabungan antar gbr yg sdh beranimasi dgn yg nga beranimasi, saya jg bisa. Skrg pertanyaannya bisa nga kamu bikin gbr kaki & tgn itu bergerak2 ? ato animasi yg lain d (Asli bikinan lo)

Nah itu baru bnr2 Trik yg bagus bgt utk bikin animasi GIF dr nol

TS dah berbaik hati mo ngejelasin tutorial ini, dan gua sangat2 terbantu, mungkin lu bisa juga bikin seperti yg lu minta, kalo gua sendiri gak bisa

**andhee** · 12-12-2005 11:16

nah yg diatas kan kalo ngedit tuh....
kalo bikin baru pake adobe gimana prosesnya???
maklum newbie

Welcome to the CHIP Forum.

Thread: Animated Gif ---> noobs version :D

Tweet

Thread Tools

Display