Kali ini saya akan sedikit berbagi tentang bagaimana cara membuat animasi menggunakan adobe photoshop CS3 tentunya. Animasi atau gambar bergerak yang akan saya buat adalah seperti ini :
Dibawah ini adalah langkah-langkah untuk membuat animasi diatas.
1. Buka adobe photoshop CS3, kemudian buka file baru
2. Atur nama file dan ukurannya sesuai keinginan kita
3. Buka file baru dan buka gambar yang akan disisipkan ke dalam animasi kita. Caranya seperti saat penggabungan objek pada tutorial sebelumnya. Setelah objek sudah dipindahkan ke file yang baru, kemudian tutup kembali file tersebut sehingga kita hanya fokus pada satu file. (maaf ada notif skype-nya wkwkwk...)
4. Buat duplikat layer, yang masing-masing isinya berbeda-beda, misal layer1 hanya berisi huruf R, layer2 huruf E dst. sampai sesuai dengan keinginan kita, dan untuk mempermudahnya setiap layer kita beri nama sesuai dengan isi huruf didalamnya. (membubuhkan huruf menggunakan Horizontal Type Tool (T) ya yang ada dimenu samping menggunakan icon huruf T)
5. Pilih menu Windows dan centang Animation
6. Setelahnya akan muncul Animation(Frame) dibawah gambar yang akan kita buat.
7. Atur waktu pergerakan animasinya, disini saya menggunakan 0.2 second.
8. Duplikat sebanyak yang dibutuhkan, misal disini saya membuat nama RENIYAH dan logo STT Wastukancana maka saya menduplikasinya sebanyak 9 duplikat. 7 untuk huruf pembentuk nama RENIYAH, 1 untuk menampilkan logo dan 1 lagi untuk menampilkan keseluruhannya (logo + Nama)
9. Sesuaikan urutan pada Animation(Frame) dengan Layer. Misal disini saya menampilkan huruf R untuk pertama maka pada Animation(Frame) urutan pertama untuk Layernya huruf R (icon mata), yang ke dua adalah huruf E maka di layer icon mata berada di layer E dst.
Animation(Frame) pertama berpasangan dengan layer R
Animation(Frame) kedua berpasangan dengan layer E
Sampai dengan Animation(Frame) terakhir layer saya munculkan semua.
10. Setelah sudah diatur kesesuaian antara Animation(Frame) dengan Layer-nya, test animasi dengan mengklik Plays Animation pada Animation(Frame) teliti apakaha animasi yang kita buat sudah sesuai dengan apa yang kita inginkan.
11. Setelah hasil testing animasi yang telah kita buat sudah sesuai dengan keinginan, save dengan cara klik menu file kemudian pilih Save for Web & Devices atau dapat juga mengklik tombol Alt+Shift+Ctrl+S.
Sangat mudah bukan??
Selamat mencoba....
Tidak ada komentar:
Posting Komentar