Membuat Animasi dengan Photoshop

Disini saya akan membuat animasi sederhana dengan photoshop 7.0, tapi saya membuat animasi ini dengan cara manual, tidak bisa merubah bentuk, soalnya saya masih awam tentang animasi, hehehe…sekarang saya akan mengimport dari layer, jadi kita bisa merubah bentuknya sebelum dijadikan animasi, anda bingung ya ?? saya juga bingung ni jelasinnya, hahhah… ydh kita langsung aja yo…

1. buka dokumen baru(CTRL+N)


2. setelah itu klik custom shape tool, kalo di photoshop 7.0. shape tool ini tersembunyi di balik icon rectangle tool, tapi kalo anda memakai photoshop CS, saya kurang tahu, krn saya tidak pernah memakainya, hehhehe…kita balik lagi ke topic, setelah klik custom shape tool, kita pilih gambar hati, bingung ya, ini liat..


3. selesai anda memilih gambar heart shape, munculkan gambar tersebut ke dalam layer background anda, setelah itu klik Path Selection Tool (gambarnya tanda panah warna hitam), setelah klik Path Selection Tool sorot ke gambar hati tersebut lalu klik kanan dan pilih Make Selection.


4. Setelah itu, warnai gambar hati tersebut menggunakan Gradient Tool, tapi kalian harus rubah background menjadi warna putih dan foreground berwarna merah, setelah itu tarik lurus garis gradient tool tersebut dari tengah sampai ke bawah, sehingga warna hatinya menjadi seperti ini.


5. Lalu Duplikat gambar hati tersebut menekan CTRL + J, lalu kecilkan rezise dari gambar hati yg sudah keduplikat tadi, tapi sambil dengan menekan tombol SHIFT + ALT biar hasil pengecilannya bagus dan tetap.


6. Duplikat lagi layer yg barusan jadi dan kecilin lagi dengan cara yang sama seperti tadi.


7. Duplikat sekali lagi dan kecilin seperti tadi, jadi kita sekarang mempunya 4 gambar hati.


8. Sekarang buat layer baru lagi dan letakkan diatas background.


9. Setelah itu kita mulai membuat animasinya, kalo pada photoshop 7.0 kita harus Jump to Image Ready yg letaknya paling bawah diantara tools2 yang ada, tapi kalo kalian menngunakan photoshop CS, katanya sih langsung aja klik Windows  Animation, tapi saya kurang tahu juga, coba aja cari yg ada bacaan Animation, hehehe…


10. Inilah tampilan dari Image Ready…
Sekilas tampilannya memang tidak berbeda dengan jendela pada photoshop tapi kalo udah masuk Image Ready di layar bawah terdapat jendela Animasi.


11. Klik tombol Menu yang ada di pojok jendela Animasi, lalu klik Make Frames From Layers.


12. Dan pada jendela Animasi akan muncul 5 frame, 4 gambar hati dan 1 frame kosong / blank.


13. Setelah itu Delay Time nya jadiin 0,1 semua, dan frame yang kosong / blank dihapus dengan cara drag frame tersebut ke gambar tempat sampah yang terdapat di bawah frame-frame yg ada.


14. Sekarang Save hasilnya, klik File --> pilih Save Optimized as pilih extensionnya .GIF lalu ok, kalo di photoshop CS .. Klik File > Save for web & Devices.


15. Inilah hasilnya, hehhehe…