Minggu, 07 Februari 2010

Membuat animasi gambar bergerak .gif menggunakan PhotoShop

Tulisan sy kali ini yaitu bagaimana caranya membuat gambar bergerak dengan menggunakan ekstensi .gif seperti pada gambar disamping ini dengan tulisan Q L U yang berkedap-kedip. kita masuk saja inti pembahasan,,
Selain buat edit-edit foto, photoshop juga bisa kita gunakan untuk membuat gambar bergerak / animasi dalam format .gif (graphic interchange format). Dengan bermain frame per frame, kita dapat membuat animasi tulisan ataupun gambar dengan mudah sesuai selera.
Dalam membuat animasi dengan photoshop, kreativitas kita sangat dibutuhkan di sini, saya hanya memberikan tutorial dasarnya saja, dan nanti teman-teman bisa mengembangkannya. yang pastinya setelah membaca tutorial ini,, hehe,,
Photoshop yang saya digunakan di sini adalah photoshop CS3, photoshop CS2 juga bisa digunakan. nah,, perhatikan langkah-langkah pembuatannya berikut ini :
  • Buka Adobe photoshop CS3 atau CS2 kamu
  • Langkah pertama yang paling penting adalah mengeluarkan tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation” lihat gambar d bawah,,,
  •  Sampai muncul window seperti di bawah ini :
  • tutorial kali ini kita coba membuat animasi gif dengan kata Q L U yg berwarna. Q berwara merah, L berwarna kuning, U berwarna hijau. hehe,, kaya pelangi aja,,,
  • Di photoshop, pilih file » new masukkan ukuran sesuai selera, kalau saya pakai 200 x 150 pixel, lalu oke
  • Selanjutnya, buat huruf  “Q L U” dengan layer yang berbeda. Buat huruf “Q” terlebih dahulu,  selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…” kemudian ganti huru “Q” menjadi “L”, begitupun dgn huruf “U”,, tapi jg lupa ganti warnanya seperti pada gambar di bawah ini
  •  selanjutnya perhatikan dalam jendela layer seperti pada gambar di bawa ini :
  •  selanjutnya liat pada tampilan jendela animasi seperti pada gambar di bawah ini :
  •  langkah selanjutnya yaitu buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” seperti yang d tunjukkan pada gambar di bawah ini,  hingga jadi seperti ini:

  • Sekarang tinggal kita mainkan layer-layernya untuk membentuk sebuah animasi.
  • kita akan mebuat Tulisan “Q L U” tadi menjadi animasi seperti lampu traffic light, untuk menampilkan warna merah dahulu (Q), klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning(L) dan hijau(U), sehingga hanya layer warna merah yang terdapat icon mata, seperti gambar di bawah :
  •  Kemudian kembali lagi ke jendela animation, klik frame kedua, aktifkan icon mata pada layer kuning(L). Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau(U). Oh iya jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi.
  •  klik tombol play untuk memainkan animasi, kita bisa mensetting timming animasi sehingga animasi tidak bergerak terlalu cepat. Setting waktunya dengan meng-klik tanda panah segitiga di samping kanan tulisan 0 sec.
  • pilih waktu sesuai keinginan, begitu pula di frame-frame berikutnya.
  • Selanjutnya agar animasi bergerak terus tanpa henti, maka animasi harus di setting “forever”, tetapi jika ingin bergerak satu kali, setting dengan “once”, seperti gambar di bawah:
  •  kita lihat hasilnya kurang lebih seperti di bawah ini :
  • langkah terahir yaitu Untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S
Saya berharap anda jg berhasil mengerjakannya,,jika terjadi kesalahan janganlah menyerah,,, tetap semangat dan jadikanlah acuan “kenapa dia bisa,, sy jg pasti bisa” ..::OK::..


kembali ke : HOME