Membuat banner link berkedip-kedip

Ada cara yang cukup sederhan untuk membuat banner link hanya dengan menggunakan photoshop dan didukung juga dengan penggunaan photoscape. Sebelumnya saya ucapkan terima kasih kepada mas ade sanusi dalam linknya http://dunia-blogger.blogspot.com/ yang uda membagi ilmunya cara membuat kode tukeran link, hehe…

Langsung saja di praktekkan pertama-tama buka dulu program photoshop, hmm….saya menggunakan adobe photoshop CS5 semoga saja sama dengan photoshop punya anda.

Buka lembar kerja baru dengan cara klik menu file dan pilih new, lalu atur lebar dan panjang ukuran kertasnya, saya merekomendasikan dengan memberikan ukuran lebar 150 pixels dan tinggi 50 pixels agar nantinya saat loading tidak lelet.

Pilih menu horizontal type tool seperti gambar di bawah ini atur skalanya dan barulah ketik tulisan yang anda mau sesuaikan dengan ukuran font yang ada. 

Untuk mempercantik tulisan pada menu layer tulisan tersebut klik kanan dan pilih blanding option, klik drop shadow, Outer Glow, dan stroke, untuk stroke sesuaikan dengan backgroundnya, sebaiknya ukurannya (size) 2 px aja. Setelah selesai kita save dengan format .png. 

Selesai sudah tinggal kita ubah lagi warna fontnya. Lembar kerja yang sudah dibuat tadi jangan ditutup dulu, untuk mengubah warnanya sangat gampang, caranya sama dengan gambar diatas tinggal klik kanan layer tulisan tadi dan pilih blanding option klik drop shadow, Outer Glow, stroke, dan Color Overlay, untuk mengubah warna tulisan tadi cukup ubah warnanya pada menu color overlay ini.

Setelah itu save warna tulisan baru ini dengan format .png juga, namun apabila nama filenya sama ubah saja namanya dengan yang baru jangan di replace yah…

Nah…apabila uda disave, kita kembali lagi dan mengganti warna font yang berbeda sesuai dengan keinginan, dalam praktek ini saya mengganti warna font sebanyak 6 kali, namun terserah dengan anda mau berapa kali pergantiannya.

Fuuhhh….panjang juga ceritanya, sabar yah?

Hehe…

Setelah puas dengan warna font yang berbeda-beda sesuai selera, langsung saja buka program photoscape, nah disini pilih menu Animated Gif. Masukkan lembar kerja yang uda kita buat di photoshop tadi, blok semuanya dan seret ke bagian atas kanan.

Hasilnya seperti disamping, Taraaa…….jadi kan? Hehe…

Untuk membuat menjadi kode tukeran link tinggal upload ke photobucket, setelah file di upload copy kode URL nya, biar gx repot save dulu ke notepad URL gambar tersebut. Uda dapat URL nya tinggal copas kode dibawah ini :

<textarea rows="6" cols="15" name="code"> <a href="http://dunia-blogger.blogspot.com" target="_blank"><img border="0" alt="Photobucket" src="http://i261.photobucket.com/albums/ii65/adephotobucket/banner.png"/></a> </textarea>

Silahkan ganti nilai Rows dan Cols nah ganti aja nilanya sesuai selera masing masing.. Jangan lupa Ganti Juga yang waran biru dengan Url Blog dan Url Gambar yang mau di tampilkan.

Selesai sudah….gampang kan???

Tapi sederhana sekali yah…..,hehhehe