Buat Animasi dengan Adobe Photoshop

Membuat animasi sederhana dengan Adobe Photoshop/ImageReady tidaklah sesulit yang kita bayangkan, maka saya coba berbagi ilmu sederhana yang saya miliki, nantinya tinggal dicoba sendiri untuk dikembangkan.
berikut contoh membuat animasi sederhana dengan Photoshop/ImageReady :

1. Buka adobe photoshop lalu buat tiga buat bulatan (elips) dan beri warna merah, kuning dan hijau seperti terlihat pada gambar dibawah (Gambar . 1)


Gambar.1


Selanjutnya jika sudah selesai membuat tiga buah bulatan simpan masing-masing file tersebut dengan nama file sesuai dengan warnanya dengan format PNG (*PNG) (lihat gambar 2 dibawah) jika sudah selesai melakukan penyimpanan, tutup semua file photoshop tersebut


Gambar.2


Kemudian buka file-file yang sudah disampan dalam format PNG tadi dengan adobe photshop. Seperti pada gambar. (Gambar . 3)


Gambar.3


Jika sudah dibuka atur posisi file tersebut sehingga terlihat seperti pada gambar dibawah ini, selanjutnya klik pada bulatan yang berwarna kuning dan drag atau geser dengan cara menahan mouse dan letakkan pada pada bulatan yang berwarna merah, begitu jiga pada warna hijau drag kearah warna merah. setelah itu tutup file lingakran warna kunng dan hijau. (Gambar . 4)



Gambar.4


Jika sudah selesai, langka selanjutnya klik "Indicates layer visibility" (hilangkan tanda mata) pada bulatan warna kuning dan hijau, dan bulatan warna merah baiarkan saja. Maka hasilkan akan terlihat seperti gambar dibawah ini (Gambar. 5)



Gambar.5


Langkah berikutnya, masuk ke Adobe ImageReady dengan cara tekan (Ctl + Shift + M) maka akan muncul layar seperti gambar dibawah ini (Gambar. 6)
Kemudian atur interval waktu animasi atau waktu berkedipnya warna dengan cara mengklik tanda waktu pada layer Animation yang terletak dibawah (Lihat : A) pilih angka "1.0". Selanjutnya klik "Duplicates current frame" (Lihat : B). Lalu dilanjutkan dengan mengklik "Indicates layer visibility"(Lihat : C.1). dan klik kembali "Duplicates current frame" dan dilanjutkan dengan mengklik "Indicates layer visibility" (Lihat : C.2) lihat (Gambar. 6)


Gambar.6


Jika sudah selesai maka hasilnya seperti gambar dibawah ini (Gambar. 7)


Gambar.7


Selanjutnya untuk melihat hasilnya klik play (Lihat : D), jika suda sesuai dengan keinginan anda, simpan pekerjaan yang telah kita buat dengan cara klik file lalu "Save Optimized As" (Gambar. 8)


Gambar.8


Kini pekerjaan kita sudah selesai langkah terakhir adalah menyimpannya, simpan file tersebut dengan format Save as type Imagaes Only (*gif) lihat(Gambar. 9)


Gambar.9

Share |