Tips Membuat Animasi GIF

AnzaiYusuke · Sep 29, 2009

hallo temen2 semua,gw mau belajar cara membuat animasi gif nih

bagi temen2 yg bisa membuat animasi gif silakan share disini ya

gw mulai dulu ya

Dengan menggunakan Adobe Image ready.

STEP 1 :
Open an image and create a new layer and place the new layer over the image layer in the layer palette .
choose paint bucket tool and fill the new layer with black.
choose filter>> noise >> add noise and adjust settings as follow.

choose filters >> blur >> motion blur and adjust settings as the following:

STEP 2:
create anew layer and place it over the other layers in the layer palette and fill it with black as we do before in the other layer.
Also Apply the add noise filter but increase the amount to "61" instead of "60" and then apply the motion blur filter with the same previous settings.

try this step 2 times but when u apply the noise filter you must increase "1" to the amount (i.e. the 3rd layer "62" and the 4th "63".

Now change the mode of all 4 layers to screen and then change the fill of all layers to 60.

you should see you project like this image:

STEP 3:
select file >> Edit in ImageReady .
in the imageready show the animation palette and layers palette if they are invisible:
To do that :
choose Window >> Timeline
Window >> Layers.

in the animation window at the first frame go to the layer palette and make all layers invisible except the basic image layer and one layer.

After that create a new frame in the timeline. by clicking the "Duplicate current frame" button which is surrounded by a circle in the following image:

Select the new frame and go to the layer palette and hide the already visible layer and make another one visible. as you see in this image.

Repeat this process until you have 4 frames each one contains the basic image layer with only one rain layer.

After that set the time of the frames to 0.1 second

Select file >> Save optimized as .

klik tombol thanks jika info ini berguna

sory kalo gw Repost iss:

Ramasinta

Hai, IDWS Mania! Mohon bantuannya supaya IDWS berkembang dengan ikuti sosial media kami di:
Discord Forum IDWS - Facebook IDWS - Instagram IDWS - Twitter IDWS

Armageddon · Sep 23, 2009

klo gmbr yg gnt2 itu gmn gan?? mksdx b,grk

bilabong · Sep 23, 2009

Kirain apaan(habis pk inggris)

Repot amat gan.
Pake image ready aja.

Oh emang image ready ya.

Sorry..
pake hp..

Btw cs4 kagak ada image ready y?

Kite · Sep 23, 2009

klo saya biasanya pake
macromedia/Adobe flash
karena udah kebiasaan aja

hyuga_akira · Sep 23, 2009

pake program apaan tuh gan...???

chipvenom · Sep 23, 2009

ini photosop ya bozz

n1_am · Sep 23, 2009

Kok paz ngatur timeline kok ga sama ma gambar yg diatas??

Whatz wrong??

bilabong · Sep 24, 2009

Adobe Image ready.
^
^
^
adeknya potosop versi 7 s/d cs2 kalo enggak salah.

curiousboy · Sep 24, 2009

pake macromedia flash ja...

mandul · Sep 24, 2009

tapi ribet cara2nya gan

theliberty · Sep 24, 2009

Nice tutz bro.
Tapi kan ada soft-nya biar gampang bikin gambar format .gif

dombastress · Sep 25, 2009

hmm... gua biasa bikin .gif pakai flash....

AnzaiYusuke · Sep 25, 2009

Meskipun animasi yang akan kita buat sangat sederhana namun ini merupakan dasar dalam membuat animasi gif yang lain.
Ikuti langkah-langkah berikut ini :
1.Buat file baru dengan ukuran 90 x 90 atau terserah selera Anda. Caranya pilih menu File > New atau tekan Ctrl + N.
2.Buat lingkaran menggunakan Elliptical Marquee Tool atau tekan M. Jangan lupa menekan tombol Shift + Alt untuk membuat lingkaran.

3.Isi lingkaran tersebut dengan warna merah. Caranya : Tekan tombol Alt+Del untuk memasukkan warna yang sudah Anda pilih di Foreground Color.
4.Duplikasi layer pertama ini dan buat 2 layer sejenis dengan warna kuning dan hijau sehingga nantinya kita akan memiliki 3 layer yang berisi lingkaran dengan warna merah, kuning dan hijau.

5.Buat agar ketiga layer terebut tidak terlihat/invisible. Caranya : Klik ikon mata yang ada di sebelah kiri layer.
6.Setelah ini kita akan berlanjut menggunakan ImageReady. Pada toolbox bagian paling bawah, pilih Edit in ImageReady atau tekan Shift + Ctrl + M.

7.Setelah membuka ImageReady pastikan Anda sudah menampilkan Window Animation. Jika belum pilih menu Window > Animation atau tekan F7. Pastikan juga Window Layers telah muncul dan bila belum pilih menu Window > Layers atau tekan F11.
8.Sekarang kita akan membuat animasi dari ketiga layer yang telah kita buat di Photoshop sebelumnya. Cara membuatnya tidak jauh beda dengan animasi pada umumnya namun disini kita akan membuat sebuah animasi sederhana. Perlu diketahui, inti dari apa yang akan kita lakukan adalah permainan layer.
Sekarang lihat pada Window Animation, disana ada sebuah layer, pada layer pertama inilah kita akan memulai membuat animasi. Tampilkan layer lingkaran berwarna merah pada Window Layers, caranya tinggal klik untuk menampilkan ikon mata.

Maka tampilan frame pertama dalam Window Animation adalah seperti gambar berikut :

9.Sekarang kita akan menambahkan frame pada Window Animation, caranya klik icon Duplicates current frame dan sebuah duplikasi dari frame pertama telah terbuat. Selanjutnya pada Window Layers, tampilkan layer lingkaran berwarna kuning dan nonaktifkan layer berwarna merah.
10.Langkah terakhir, buat lagi frame baru pada Window Animation, pada Window Layers aktifkan layer lingkaran berwarna hijau dan nonaktifkan layer lingkaran berwarna kuning.
11.Atur timing dari masing-masing frame di Window Animation dengan meng-klik tulisan waktu yang ada di bagian bawah frame.

12.Coba Anda jalankan animasi sederhana yang telah Anda buat dengan cara klik ikon Plays/stops animation.

13.Setelah semuanya selesai jangan lupa untuk menyimpan hasil kerja Anda.
Ingat!
Untuk menyimpan file PSD dari latihan Anda kali ini, jalankan cara seperti biasa, File > Save.
Untuk menyimpan hasil kerja Anda menjadi animasi GIF, jalankan File > Save Optimized As…