How to Make GIF Animation with Photoshop

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. (wikipedia)
Temen-temen pasti ada yang suka pake animasi GIF buat jadi display picture bbm atau buat keperluan lainnya. Blog atau website lainpun udah banyak yang nyediain animasi gif buat di download.
Nah, daripada download, coba bikin sendiri yuk😀

Pertama-tama, siapin dulu Photoshopnya.
Klik File – New, Buat ukurannya misalnya seperti ini
gif1

Pastikan kamu udah mengaktifkan Window Animation, Kalau belum, klik window – Animation, atau bisa dengan menekan Alt + F9

Buat 1 gambar sederhana, misalnya seperti ini.
gif2
kemudian, buat varian gambarnya dengan layer baru sesuai dengan kreasi kamu.gif3

Pastikan hanya satu layer terlebih dahulu yang aktif, yaitu layer yang paling bawah. Lihat pada window animation, akan muncul gambar sesuai dengan layer yang aktif.
gif4
Klik Duplicate selected frame pada window animation, dan aktifkan layer diatasnya.
gif5 gif6
Lakukan hal yang sama hingga layer paling atas.
gif7

Atur timingnya dengan mengklik panah kecil yang terletak dibawah gambar yang kamu buat. Disini, aku pakai 0.5sec.

Setelah selesai, simpan dengan cara: Klik File – Save for web & device.
gif8
Ini hasilnya.
Mudah kan😀
diari


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 )

Google+ photo

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

Connecting to %s