Membuat animasi gif di image ready

Graphics Interchange Format (GIF) merupakan format grafis yang paling sering digunakan untuk keperluan desain website. GIF memiliki kombinasi warna  lebih sedikit dibanding JPEG, namun mampu menyimpan grafis dengan latar belakang (background) transparan ataupun dalam bentuk animasi sederhana.

Bagaimana cara membuatnya di image ready? let’s see.. (contoh untuk membuat iklan banner di website ukuran 170×90 piksel)

  1. Buat desain banner di photoshop dengan ukuran 170×90 piksel
  2. Setelah selesai buat desain maka di  jump to image ready
  3. Setiap layer yang terlihat (ditandai dengan icon mata di layer kanan) hide terlebih dahulu semuanya
  4. Pada kotak dialog animasi klik duplicate current frame
  5. Setiap  current frame yang di duplicate maka disesuiakan dengan layer yang akan di munculkan animasinya (dengan cara menampillkan  atau menyembunyikan icon mata pada kotak layer)
  6. Setelah selesai maka atur timing animasinya (contohnya 0,5 sec)
  7. Setelah it coba di jalankan dengan mengkil tombol play pada kotak animasi
  8. Untuk save ke bentuk gif (file>save optimazed>berimana sesuai filenya)

Berikut contoh hasilnya


Advertisement

One thought on “Membuat animasi gif di image ready

  1. WAh,, mantabs gan,, nice sharing :) pertamax nih

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Connecting to %s