Membuat Karakter Animasi Burung Terbang Twitter

Semakin menarik memang widget yang satu ini seakan - akan ga ada habis - habisnya untuk dibahas... mungkin sobat blogger dah pernah baca postingan saya yang berjudul Blog Widget Burung Terbang Twitter... Nah postingan artikel kali ini kurang lebih sama... eits tunggu dulu... ada tapi-nya nich...hehehe :) :) artikel kali ini bukan tentang cara pemasangannya tetapi tentang cara membuat / mengganti karakter burung twitter-nya, gimana ??? serukan...

Animasi terbang burung twitter menggunakan CSS3 PNG sprites yaitu kumpulan beberapa gambar yang dijadikan satu menjadi satu file gambar PNG yang fungsinya untuk mempercepat proses download gambar keseluruhan. Format gambar yang digunakan adalah PNG (Portable Network Graphics) yang telah disetujui konsorsium WWW (W3C) sebagai format gambar untuk CSS3 Image Sprites. Lho...kalo pake jpeg bisa ga ??? bisa tenang aja...yang penting hasil akhirnya tetap berbentuk PNG.
Oke tanpa banyak cincong kita langsung aja ke TKP...

Langkah 1

• Oke sebelum kita mulai kita download dulu softwarenya [AfterShots - Image Editor].
• Silakan sobat install dulu di komputer sobat.
• Oke...berhubung pada saat pertama kali install software tersebut masih versi trial maka kita aktifkan dulu versi penuhnya (catatan: software image editor ini bersifat gratis alias ga perlu bayar cuma untuk mengaktifkannya sobat perlu mengirimkan email kode referensi sobat)...Setelah selesai instalasi software AfterShots - Image Editor Silakan sobat buka softwarenya kemudian klik help >> register.
• Catat Application Name dan Customer Reference sobat kemudian kirimkan lewat email [klik disini untuk mengirimkan email]
• Setelah mendapatkan balasan email silakan sobat isikan serial numbernya.
• Sekarang software AfterShots - Image Editor sudah menjadi Full Version....
• Gampang-kan ...!!!

Langkah 2

• Siapkan gambar sebanyak 20 gambar, boleh gambar foto sobat maupun gambar lain yang sobat suka. Untuk format gambar boleh jpeg, gif, png, icon, bmp ataupun wmf.
• Copy gambar-gambar tersebut dalam satu folder. Supaya gambarnya sesuai urutan silakan diberikan angka pada awal penamaan seperti 01gambar.jpg, 02gambar.jpg dan seterusnya sampai gambar ke 20. Urutan gambar boleh diurutkan boleh juga tidak.
• Sobat bebas menggunakan format gambar apa saja asalkan format tersebut telah didukung di AfterShots - Image Editor

Langkah 3

• Buka software AfterShots - Image Editor.
  
• Klik Format >> Sprites Combiner.
  
• Klik Browse untuk memilih folder gambar yang telah dipersiapkan.
  
  
• Klik save untuk menyimpan sprites tersebut...pastikan sobat menyimpannya dalam format PNG.
• Setelah selesai sobat tinggal meng-upload gambar sprites tersebut ke picasa ataupun hosting-an server gambar lainnya yang sobat suka... Gampangkan..!!!.

Untuk cara pemasangan sprites tersebut silakan sobat baca artikel saya Blog Widget Burung Terbang Twitter. Jika masih ada kesulitan silakan sobat tanyakan di kolom komentar... Demikian postingan artikel saya kali ini...Semoga bermanfaat.

 

Sumber : Monozcore