Tips Membuat Header Website atau Blog dengan Mudah
Bagi penyuka design web atau yang suka ngeblog mungkin tips ini bisa memberi sedikit manfaat. Kadang kita gak dapet ide untuk bikin Header untuk website atau blog kita..
Syaratnya :
- Kita musti tau ukuran Header template blog kita, biasanya berkisar antara 720 – 760 px lebarnya.. untuk standar panjang nya 150 -200 px.
- Kita harus tahu file Nama file header template blog kita ( biasanya header.jpg) , kalo yang sering utak atik blog pasti tau.. yang gak tau, belajar ngeblog dulu ya .. hehehe..
- Kita juga musti tahu Text judulnya berada disisi mana, ini gunanya untuk menempatkan gambar supaya gak ketimpa sama Text.
- Tau juga Tema blog nya apa ( misal : photography, computer, camera, celebrity, dll)
- Kita juga harus tahu warna dasar blog nya biar nanti pas diberi header tidak Saltum ( salah kostum )
- Itu aja kayaknya syarat yang penting.
Kalo udah tau lebar blog nya… bikin dokumen baru sesuai lebar nya ..
Tau tema website / blog, tujuannya untuk mencari gambar-gambar yang berkaitan dengan blog atau website nya.
saya biasa nyari gambar di Google Images ketikan keyword nya , misal photography > Enter .. deredettt.. banyak kan hasil search nya.. kita pilih beberapa gambar yang sesuai dengan selera kita.. misalkan saya udah pilih beberapa gambar yang berhubungan dengan photography.
Buka salah satu gambar untuk diedit sebelum dimasukan ke dokumen header,
Gunakan rectangle marquee tool untuk menyeleksi bagian sisi gambar, ini tujuannya untuk membuat batas putih di setiap sisi.
Klik Select > Inverse sehingga yang terseleksi sekarang adalah selain seleksi sebelumnya. Delete deh..
Tekan CTRL+ D untuk menghilangkan seleksi..
Drag ( Klik + Tahan + tarik ) gambar camera tadi ke dalam dokumen header baru.
Puter (rotate), modifikasi ukuran gambar ( resize) secara manual, sehingga keliatan menarik. Misalkan Text di template website / blog nya berada kiri, maka kita tempatin gambar nya di kanan.
Untuk pemberian efek, cukup dengan memberi bayangan alias pake DROP Shadow aja.
Klik 2x layer 1 atau klik kanan > blending Option,
Klik Ok.
Untuk mempermudah pemberian efek yang sama untuk gambar yang lainnya, Klik kanan layer 1 > copy layer style
Skarang ulangi langkah mengedit gambar, lalu drag ke dokumen header.
untuk pemberian efek, cukup klik kanan di gambar yang mau diberi efek > Paste layer style.
hasilnya nanti :
Untuk pemberian warna background supaya sesuai tema, tinggal klik Layer background, warnai dengan Paint Bucket tool atau gradient tool
Hasil akhir nya
Kalo mau ditambah tulisan, silahkan tambahin sendiri. hehehe.
Save sesuai nama file header di template nya, misal : header.jpg ,
Selesai… sekarang tinggal UPLOAD deh ke server website / blog nya.
Ini contoh website saya yang headernya pake photoshop : online-photography-school.blogspot.com
Selamat mencoba..
INGIN MEMPUBLIKASIKAN ULANG POSTINGAN INI DI WEB / BLOG ANDA?
*copy-paste kode di atas ke dalam form posting blog Anda
29 Responses to “Tips Membuat Header Website atau Blog dengan Mudah”
Leave a Reply
LANGGANAN TUTORIAL GRATIS.. mau ?
Ilmuphotoshop SEARCH
Banner Ilmuphotoshop
Copy paste Script di bawah :
muantap mass…!
mas… aku mau nanya nich…??? (tapi malu…)
hmmmm… cara rotate gimana yach…??? (maklum… pemula sekali)
@enengo6 : klik objek yang mau di rotate menggunakan Move tool.. nanti arahkan kursor ke pojok objek itu.. kalo udah ada tanda melingker… klik aja + tahan lalu gerakin mouse nya.. coba ya
boleh di coba nih..
kl quality dkurangi, apa pngaruhnya buat gambar?
muaanntaap…harus sering2 nongkrong disini neh. tks ya om..tips2 nya
siiiiiip bgt….!
trims tipsnya, pak. pas dengan kebutuhan saya.
[...] postingan membuat header website yang kemaren kayaknya kurang pada minat deh.. hehehe.. karena saya cuman ngasih tips dan [...]
makasih mas infonya… aku juga dikasih tau cara lebih mudah ama suamiku tercinta dengan menekan tombol ctrl + T… (suamiku kan kerjaannya editor, tapi aku mau bikin surprise dengan tiba2 bisa ngedit… hehehehe jadi curcol nich…)
sekali lagi thanks yach mas… tutorialnya bagus2… LANJUTKAN….!!!!
Wah mantap mas….bermanfaat sekali…
Sekalian saya muat di Blog saya ya mas….
Makasih.
Revort’s
bagus tutorialnya, gamblang jelas, dan mudah2an bisa saya terapkan,,maksaih sekali..
Mas tutorialnya cakep dhe…thx anyway
mantap boss
LANJUT GAN!
thnx bgt tutorialnya mas..
mo bener2 belajar design nih mas..
kl ga kbratan ajarin ya mas..
soalnya msh newbie..
sy add YM mas..
sekali lg thnx ya,, good luck
TERIMA KASIH YA OM……
SUMPAH AKU SEKARANG LEBIH PINTAR…
keren banget ini, sangat bermanfaat bagi pemula yang ingin mencoba..
kirimin turorial please
mantap mas infonya bisa dicoba nih…monggo mampir…
SEP sangat membantu buat mading
trims tutorialx. aku cinta phothoshop CS4
kak aq minta tutornya tapi dlam bentuk pdf aja biar aq bisa belajar lebih dalam tentag design.aq tunggu kak ya.
kak mo tanya gimana cara buat header seperti di http://online-photography-school.blogspot.com/ teknik blendingnya gimana biar gambar²nya bisa menyatu spt itu.. sebelumnya makasih atas infonya yak.. saya tunggu
kang sigit..lam kenal ya, mo nanya nih gmn cara-y ngedit/rubah logo Ja_Larix pake photoshop…. jd logo&nama toko gtuh..
makasih..
muantap mas…
this is the first time I visited this website
result
awesome…
wah anaa malah lebih suka n minat yang ini. coba dulu ya.
Mas, aku disuruh temen2 ngedisain kaos, aduh bingung nih, mana baru seminggu belajar photoshop. ada postingan tentang disain kaos gak? kalo gak ada aku request yach, makasih mas sigit. postingannya emang mantep abis, udah banyak yang aku praktekin..
Masih bingung, ko waktu pake rectangle marquee tool, hasil seleksinya kotaksama sisi terus, gimana supaya height dg width nya ga sama sisi???