Senin, 01 Agustus 2011

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

8 komentar:

  1. a' ne ,ulai dari awal ne.. gmana ea cara a;a masukin yg gambar kayak di atas t ???maklum a'a... udah lupa ...dinggu ea a'a

    BalasHapus
  2. Ummm......masukin gambar yang mana yah?
    kalo gambar yang capture dari photoshop itu, pake photoscape, terus pilih meu screen capture and capture deh.hehe...

    BalasHapus
  3. salam kenal dan salam silaturahim, semoga aa' sukses selalu

    BalasHapus
  4. Tutorial yang bagus dan mudah dipahami. Sukses selalu...

    BalasHapus
  5. wah Mantap ..sangat berguna sekali untuk pembaca nih,.

    prediksi bola

    BalasHapus

Berikan komentar yang sopan yah, hehehe.... ^_^

Related Posts Plugin for WordPress, Blogger...