Kebutuhan untuk membuat Banner bagi seorang Blogger adalah salah satu hal yang paling utama, selain dengan tempat penyimpanan file ataupun tempat penyimpanan foto. Banner biasanya digunakan untuk promosi Iklan ataupun untuk bertukar link. Sangat banyak situs yang menyediakan fitur untuk membuat banner untuk blog dengan gratis. Silahkan dicek dengan mbah Google, cara membuat banner blog secara online…ada banyak situs yang ditunjukkan.
Tapi berikut di bawah ini, sy akan mencoba berbagi pengalaman cara membuat banner dengan photoshop. Hasilnya tergantung kepada kreasi kita juga, kalau sy sich buat yang biasa-biasa aja ?.
Silahkan buka program Photoshop sobat, klik New File pada photoshop tersebut, kemudian buat ukuran file yang baru dengan ukuran 125 pixels x 125 pixels (terserah kita sich..mau buat ukuran berapa..). Untuk file tulisan buat Background Contents_nya Transparant.
Contoh tulisannya seperti foto di bawah ini :
Kemudian buat file baru lagi untuk background tulisan (bila ingin), kalau untuk file background…buatlah Background Contents_nya menjadi Background Color (lihat foto di bawah)..
Contoh file background_nya seperti foto di bawah ini :
Buatlah bermacam-macam warna..biar keliatan keren dan norak…sehingga jadi pusat perhatian pengunjung…
Setelah semua Tulisan dan Gambar Background tulisannya telah jadi…maka kumpulkan semua tulisan kita menjadi satu dengan mengklik tombol MOVE atau tombol V pada keyboard…seperti foto di bawah….kemudian SIMPAN menjadi format psd….atau..
langsung di EDIT dengan Adobe ImageReady….(lihat gambar di bawah..)
Pastikan MENU ANIMATION harus dicentang….
Hasilnya seperti foto di bawah ini ketika kita edit dengan Adobe ImageReady…
Klik tanda PANAH MERAH untuk mengCOPY file ”pekerjaan” kita….
hasilnya akan seperti foto di bawah ini :…
Kemudian untuk membuat animasinya (gerakannya)…lihat gambar di bawah :…
Cukup klik pada Gambar, kemudian alihkan pandangan kita ke LAYER (sebelah kanan), hilangkan tanda MATA pada layer (untuk file yang tidak kita ingin tampilkan)…
Untuk membuat panjangnya DURASI gerakannya..lihat foto di bawah…
Setelah cocok dirasa…silahkan disimpan…dengan format gif.
Hasilnya seperti foto di bawah ini…
Artikel ini sebenarnya sudah pernah saya tulis disini, tapi karena ada kesalahan saya dalam belajar FireFTP yang menyebabkan blog belajar edit foto dan video ini ERROR dan menyebabkan 9 tulisan yang lain ikut hilang ( dan tulisan ini saya ambil dari TEMBOLOK google ).
Kalo phoToshop 7 bisa bang? Soalnya di PC cuma itu yang ada
bisa sob…sama ko’ fiturnya
bang ,,,
tolong dunkz cara desain kaos d’update in…
ku pngn iza bang…
sabar ya mika..
Wah…
nice inpo ni…
bisa belajar bikin animasi pke sotosop mulai skarang
sama gan, ane jg maniak bikin banner ama sotoshop
lebih afdol menurut ane
wah.. ndak harus install program lainnya (swish ) mantap lae!
@karnanda & adie :
Omak aku boru saragih lae, thx dah berkunjung laeku 
SEO nya mantabs lae (alexa masih tinggi, tp PR 3)
@saragih.net : terimakasih lae (memang harus marlae kita)
Keren abis nie Mas..
Wahh,,,
sangat bermanfaat sobb…
langsung praktik ahh…
Sayang gk pecus sotosop s0b
ga pinter pake photoshop saia T.T …
tapi ku coba ah~
mantab gan.. tutorial nya…
makasih aja dh..
salam kenal ya..
wew….ko’ bisa ya….
bang password pothosop cs4 nya ap bang?
wow bikin banner animasi.. bagus nih tutornya.. saya cobain dulu ya.. makasih
This was useful!
I`ve created a simple banner less than in 6 minutes!
Ni dia yang lagi dicari
Lagi pengen bikin banner nich mas
untung aja di web ini semua tersedia tutorialnya,jadi gak usah nyari kemana mana.
mantabs…….
gimana kabar master guru Adol….lama tak sua nich.