Friday, April 30, 2010

Siapa Bilang Photoshop Hanya Bisa Bikin Gambar Diam

Halo para pengunjung setia blog ini apa kabar semua semoga selalu tetap semangat ya.... udah beberapa minggu ini aku ga posting artikel maklum lagi sibuk cari recehan tuk isi kantong hahahahaha ( tertawa lebar) kemaren malem sempat bungung mau posting apa eh..pas lagi mikir gitu ada temen yg minta carikan tugas tentang program dia minta program photoshop, lalu aku tanya buat apa?? Lalu teman ku menjawab “tuk tugas kuliah neh di suruh dosen “ tapi pas aku tawarin tuk bikin desain grafis ya?? malah tambah bingung dia weleh..weleh... tapi emang otak topcer langsung aja aku nyeletuk alias spontan “ kenapa ga bikin animasi aja di photoshop” eh aku bilang gitu malah dia balik nanya emang bisa?? Nah... berawal dari cerita itulah postingan ini di lahirkan...ternyata masih ada juga yang belum tau kalau photoshop bisa bikin animasi gif alias gambar bergerak.

Kebanyakan orang hanya tau kalau photoshop itu hanya bisa buat edit foto, bikin desain pamflet, undangan dll lah ternya bukan hanya itu aja yang mampu di buat oleh sebuah software photoshop ia juga mampu membuat gambar animasi alias gif. Terus gimana caranya tuh?? Oke kita akan mulai membahasnya

Langkah pertama
1. Buka photoshop versi mulai dari 7.0 sampai yg teranyar CS4 dan buka dokumen baru ukuran 250 X 100 pixel





2. buat tulisan Blog Kebon Jeruk Jambi masing – masing kata kita pisahkan pakai layer misal tulisan Blog layer 1 Kebon layer 2 dan sterusnya



3. lalu susun sesuai dengan gambar ini




oke langkah pembuatan gambarnya udah selesai sekarang kita masuk ke langkah pembuatan animasinya biar gambar - gambar tadi bisa begerak

1. Aktifkan jendela animasi, pilih menu windows > animasi


2. sekarang hilangkan icon mata pada palet layer dan yang hanya tersisa layer backround

Photobucket

3. nah jika itu sudah selesai sekarang munculkan 1 per 1 gambar tulisan tadi dengan cara

Photobucket

4. duplikatkan frame 1 setelah itu munculkan lagi tanda mata pada layer blog lalu kemudian ubah frame delay time menjadi 0.2 buat menjadi 3 frame lihat gambar

Photobucket

5. jika sudah kita ulangi langkah 3 dan 4 untuk memunculkan layer kebon dan jeruk ( lihat gambar)

Photobucket

6. untuk layer jambi tambahkan frame 1 kemudian klik tween animation frames yang terdapat pada bagian bawah jendela animasi ubah frame to add menjadi angka 4 lalu ok ( lihat gambar)

Photobucket

7. jika sudah melakukan langkah 6 tambahkan lagi 1 frame kemudian ubah frame delay time menjadi 1 lalu coba jalan kan dengan menekan icon plat pada palet animasi atau cara mudahnya tekan spasi dan lihat apa yg terjadi

8. jika sudah sempurna sekarang save kerjaan kita caranya klik file > save for web & devices. Pada halaman save for web & device pilih preset : Gif 128 dithered, looping options forever dan klik save

Photobucket

9. dan kerjaan kita selesai....
ini hasilnya

kebon-jeruk-jambi

Note :

1. Untuk yang menggunakan photoshop versi 7.0 dan photoshop CS1 tahap pembuatan animasi di ekspor dahulu ke image ready karena kedua versi tersebut masih belum build in alias masih terpisah
2. Semakin banyak gerakan yang kita buat maka sebenarnya semakin besar pula kilobyte filenya, maka saran saya gunakan lah seefisien mungkin agar kilobytenya ga besar