Cara Membuat Animasi Bergerak

Cara CaraMembuat animasi adalah sesuatu yang tidak begitu sulit. Yang paling mudah adalah membuat animasi GIF. Yang bisa dibuat menggunakan Photoshop.
Langkah pertama yang paling penting adalah mengeluarkan tool animasi di photoshop, caranya klik menu “window” di photoshop, lalu pilih “animation”



Sampai muncul window seperti gambar diatas:

Animasi warna
Kita akan mebuat animasi warna sederhana, yaitu perubahan warna merah, kuning dan hijau
Di photoshop, pilih file » new masukkan ukuran sesuai keinginan, kalau saya pakai 200 x 200 pixel, saja okelah kita lanjut…..
Selanjutnya, buat 3 buah lingkaran dengan layer yang berbeda. Buat sebuah lingkaranterlebih dahulu, selanjutnya pada jendela layer, kita klik kanan layer lingkaran tersebut, lalu pilih “duplicate layer…”.
Atur sedemikian rupa sesuaidengna apa yang temen-temen inginkan. Ini lingkaran yang saya buat:

ini tampilan dalam jendela layer:

dan ini tampilan dalam jendela animation:

Sekarang tinggal kita mainkan layer-layernya untuk membentuk sebuah animasi.
Wokey, buat 3 buah frame dalam jendela animation, dengan mengklik icon “duplicates selected frames” (tanda lingkaran merah pada gambar diatas!) hingga jadi seperti ini:

kemudian, seperti rencana kita, kita akan mebuat lingkaran tadi menjadi animasi seperti lampu traffic light, untuk menampilkan warna merah dahulu, klik frame pertama pada jendela animation, lalu pada jendela layer, nonaktifkan icon mata (indicates layer visibility) pada layer warna kuning dan hijau, 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. Sedangkan pada frame ketiga, aktifkan icon mata pada layer hijau. Dan jika ingin animasi kita nanti transparan, tinggal nonaktifkan icon mata pada layer background di semua frame animasi.
Dalam jendela animation akan terlihat seperti berikut:

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.
Kemudian, 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:

kira-kira hasilnya seperti ini…

Untuk menyimpan gambarnya, kita gunakan “save for web & device” nya photoshop. Caranya klik file > Save for web & device atau shortcut CTRL+ALT+SHIFT+S.