Animasi mudah dan sederhana dengan Photoshop CS3

yukkk.. belajar bersama bikin animasi pake photohop cs3

langsung aja ya.. cOii..

Kita bikin Gambar animasi sederhana seperti :



1. Buat sebuah dokumen baru berukuan sedang, 300x250 px dengan latar belakang putih saya rasa sudah cukup memadai.



2. Gunakan Ellipse tool untuk membuat objek lingkaran kecil berwarna hitam. Pastikan Anda menggunakan pilihan shape layers, sehingga objek lingkaran tersebut dibuat pada layer shape baru. ( Klik pada gambar untuk memperbesar ukurannya - pada jendela browser baru)



3. Buat tiga buah objek lingkaran lagi dengan ukuran yang sama satu sama lainnya. Bila tidak ingin repot, cukup gandakan saja objek lingkaran tersebut dengan menekan Ctrl+J lalu susun horisontal seperti yang terlihat pada Gambar dibawah ini:



4. Buat sebuah objek lingkaran lagi dengan ukuran yang sama, namun gunakan warna merah. Pastikan objek lingkaran ini berada di urutan teratas pada palet Layers lalu sembunyikan layer ini dengan menghilangkan icon mata di sebelahnya.



5. Tampilkan palet Animation melalui menu Window> Animation. di sini Anda hanya melihat sebuah frame.
Ingat, Untuk membuat animasi, Anda harus menambah jumlah frame dan melakukan perubahan yang diperlukan dalam tiap-tiap frame tersebut.



6. Untuk itu, klik tombol Duplicates Selected Frames ( tombol ini sudah mendefinisikan sendiri fungsinya bukan ? ) Frame hasil duplikat ini dinamai Frame 2. Berikutnya apabila Anda mengulang langkah ini, frame selanjutnya akan diberi nama frame 3, frame 4 dan seterusnya sesuai dengan urutan frame tersebut dibuat. Cukup jelas yah? mudah2an :)

7. Masih pada frame 2, tampilkan kembali objek lingkaran merah.



8. Buat frame 3, lalu pindahkan objek lingkaran merah ke atas lingkaran hitam 2. Lihat gambar untuk lebih jelasnya.



9. Buat frame 4, lalu pindahkan objek lingkaran merah ke atas lingkaran hitam 3.


10. Buat frame 5, lalu pindahkan objek lingkaran merah ke atas lingkaran hitam 4.


11. OK sudah cukup, sekarang coba mainkan animasi dengan mengklik tombol play.

12. Bila gerakan animasi dirasa terlalu cepat, Anda dapat mengatur jarak tayang ( delay ) antar frame. untuk mengatur delay seluruh frame, seleksi seluruh frame terlebih dahulu melalui tombol menu, pilih Select All Frames.



13. Kemudian klik salah satu tulisan 0 sec yang berada dibawah kotak frame, untuk memilih delay time yang diinginkan. Dalam contoh ini saya memilih delay 0.2 sec, artinya jarak waktu
untuk menampilkan tiap-tiap frame adalah 0.2 detik.



14. Klik kembali tombol Play, kini gerakan animasi menjadi sedikit lebih lambat.

15. Untuk menjadikan gambar ini sebagai animasi, Anda harus menyimpannya ke dalam format GIF. Klik menu File> Save for web and Devices atau Save Optimize image ( kalau nggak salah ) untuk ImageReady.

16. Dalam kotak dialog yang tampil, pilih salah satu Preset GIF, misalnya GIF 32 No Dither ( Anda ikuti saja dulu, soalnya terlalu bertele-tele kalau saya jelaskan lagi kenapa pilih Preset ini, atau selanjutnya silahkan dicari sendiri apa dan mengapa ? nah dari situ kita mau belajarkan... :)
17. Pada bagian Looping options, pilih Forever.



18. Klik tombol Save, tentukan lokasi penyimpanan serta nama file. Selesai sudah :) Bila diperlukan untuk lain waktu, jangan lupa untuk menyimpan gambar animasi dalam format PSD juga.