MEMBUAT ANIMASI GIF

MEMBUAT ANIMASI GIF  dengan  photoshop

ini  adalah TUtorial  prtama saya di sini …’ jadi maklum kalo masih  kurang  … hehhe

Kali ini saya mau share dikit tutor membuat animasi  gif  pake photoshop.. 

Prinsip dasar atau ide utama dari membuat animasi gif dengan photoshop ini adalah menggabungkan frame-frame gambar sehingga terlihat bergerak apabila dijalankan. Frame-frame gambar ini pada dasarnya dibuat dengan menghilangkan dan memunculkan elemen-elemen dari tiap gambar.

Langsung aja yah,,

·         Buka photoshop kmu,, kalo disini sy pake CS3..

trus buka semua fhoto2 yg ingin di sulap jadi gambr animasi.. hohhohh..

utk hasil lebih baekx,, usahakan photo2x dgn background yg sama biar hasil  animasix  lebih  bagus  lagi gann :… tapi terserah kamu sih,intinya kan gambarx berubah2,,:D

hhmm,,utk tutor ini saya pake photo saudara  saya d'coco2nut  “tupig abu’,, xixiixixi :D

gmbr ini d’ambil pas lg ngmpul2 dpan secret .. Sambil nunggu rapat d’mulai,,jepret2 dulu gan.. :D

sowry ya tupigg…sapa suruh narsis skaleee,, :D -_V …  

·         Langkah selnjutx,,aktfkan  panel animasinya  dengan cara memilih menu Window > Animation.

·        
peprtama kita aktif di satu layar saja(dari satu gambar yang telah di buka tadi).

selanjutnya duplikat gmbrx,dngan cara, klik  duplicate selected frames pada  palet animation(frame) seperrti gmbar di atas.

·         selanjutx,  tweeens animation frames..seperti gambar di samping.

 tujuannya yaitu  untuk membuat animasi perubahan yang halus dari frame 1 ke frame 2….

Next ,muncul kotak dialog tween..nah   isi frames to add sebanyak yang anda inginkan. Bisa juga tergantung dari jumlah gambr yg kamu buka tadi.

Di sini saya tambahkan cukup 2 frame  saja .,,mengingat  tadi setelah duplicate frame , berarti kan sudah ada 2 frame (lihat gambar ) sementara gambar yang saya open tadi ada 4 gmbar(photoXtupig)’:D.
  seteah di isi dan diatur seperti gambar di bawah,, selanjutnya klik  OK ! 

 

Perhatikan perubahan yang terjadi pada palet animation, jumlah frame bertambah…. Jadi sekarang jumlah frame saya ada 4,, sesuai dengan jumlah gambar yang saya buka tadi.

Selanjutnya, sisa kita atur framenya… -_-

·         Sekarang  kita aktif di layar pertama tadi .. nah,,duplicate layer tersebut dengan menekan   ctrl+J.

Selanjutnya kita main drag  gambar2 yg kita open tadi.

Angkat (drag) gambar yang lain tadi ke gambar yang telah kita atur animasinya .

Perhatikan gambar !

 

pilih move tool untuk mengangkat (memindahkan) gambar satu ke gambar lain.

·         perhatikan panel animation,, framenya akan berubah setiap pengeditan gambar.

Perhatikan juga layerx. Pas kita memindahkan sebuah gambar baru tadi , maka secara otomatis akan tertambah  layer baru.,

begitu seterusnya.sampai semua gambar tertimpa-timpa pada 1 gmbr  awal tadi.

(Pindahkan semua gambar yang  sudah di buka ke dalam satu gambar utamanya tadi (gambar awal))

atur posisi gambarnya sebaik mungkin, Agar hasil animasinya  nantitidak cacad. :D

Nah, Sekarang ada banyak layar. tugas selanjutnya yaitu mengatur framenya sesuai layer yang aktif.

·         Atur tampilan  animasinya dengan mengatur layerx.

Di sini kita mainkan icon gambar pada layer (indicates layer visibility)

KLIK  icon mata tersebut untuk menampilkan atau menyembunyikan gambar sesuai frame yang di  iginkan. (perhatikan Gambar)

·         Atur setiap framenya. Misalnya untuk frame 1,, hilangkan icon mata pada layer-layer kecuali pada layer 0.

Untuk frame 2, aktifkan icon mata pada layer 1 saja,,

Untuk frame 3, aktifkan  icon mata pada layer 2 saja,,

Untuk frame 4, aktifkan  icon mata pada layer 3 saja,,

(ngerti kan maksudx ?? -__-)

Atur hingga tampilan setiap frame pada panel animation(framea) berubah2.

Pada setiap frame  , ada tanda segitiga sebelah tulisan sec.(select frame delay time).Fungsinya untuk mengatur waktu tayang frame terpilih.
nah,blok semua frame dulu, Klik segitiga lalu atur waktu yang kita inginkan untuk waktu tayang framenya, Saya pilih 0.5 sec, artinya waktu tayang tiap framenya  hanya selama 0,5 detik.

di sini Kamu  bisa mengatur  delay time tiap framenya sesuai keinginanmu.

·         Selanjutnya lihat hasil animasi yang kamu buat ,dgn klik play N stop animation.

Jika ada yang ingin di perbaiki atau di tambahkan..ulangi langkah seperti tadi.

Kamu  bisa mengatur gambar  animasinya sesuai keinginan kamu.

 Kamu bisa merubah tampilannya, mungkin warna tiap gambarx, atau menambahkan tulisan berjalan.

Intinya, cara kerjanya seperti tadi.

Tinggal bagaimana kita berkreas, mengatur frame yang ada , dan elemen2 dari tiap gambar.

·         OKEEHH,,, setelh jadi kita save deh animasix..

Carax ,,,  klik menu file > save for web & devices . atau  tekan  Alt+Shift+Ctrl+S ..

Selanjutnya tinggal loading sebentar kemudian klik save ,,

Selesai GAN… :D 

Okeh deeh,, thanks yyoa…

SELAMAT MENCOBA….

Selamat berkreasi…

KEEP SPIRIT  ‘N  GOOD LUCK,,, HOOhhooh ;)