Design Web Header

Tanpa banyak basa basi, langsogn aja yak, alna siang ini gue ada perlu musti buru2...hehe

Woks, pernah bikin yang trasparent gloss kan ? nah kalo kmaren2 kita bikin na pake marquee tool tros gradasi transparent putih ditarik2 gituh di bagian atas objek na, sekarang musti bisa bikin yang pake vector juga, hmmm kali in igue pake path ajah bwat bikin transparent gloss effect na...

Sebelum bikin dokumen objek baru, kita butuh pattern untuk background na, woke bikin dolo doku untuk pattern na, ukuran 4 X 4 px, transparent mode.

Ambil tool Pencil (B) dengan ukuran 1 px, klik pada 3 titik untuk pattern na.

Abis ntu lu select all [CTRL+A], piih Edit > Define pattern, ktik nama pattern na.

Wokehh!!! pattern na dah disimpen, sekarang bikin lagi doku baru lu untuk objek utama na, ga pake banyak atribut, langsung OK.

gue pake Rectangle tool (U) tarik persegi na, imaginasikan untuk membuat header web.

Kasi Layer > Layer Style > Pattern Overlay, pilih pattern yang baru lu bikin tadi, Klik OK

Nah ambil lagi tool rectangle na, kali ini pake yang Rounded na dengan radius 10 px.

bentuk di bagian bawah bidang header.

Hehe, sabar bro, jangan kaget kalo melebar ke bawah, loh ? naaah gini carana, lu pilih lagi tool rectangle na (U), tapi kali ini sblum lu bentuk baru , pencet [ALT] dolo, baru lu tarik lagi di bagian bawah na untuk mengihlangkan bagian yg lebih na, tombol ALT langsung dilepas pas udah mulai narik bidang. Fungsina untuk mengaktifkan option Substract from shape area (tanda minus akan muncul pada pointer rectangle tool)

Untuk Gradasi biru na gue kasi style ke gini:

sekarang bikin untuk efek glossy na, pake rectangle tool juga cuma yg rounded dengan radius 10 px, bikin di bagian atas bar na.

Kasi gradien overlay dengan mode transparent putih, dan Fill object Opacity = 0 %

wokeh, bar header dah jadi, bikin pembtasa menu na, pilih pencil tool (B) ukuran 1px, warna putih, tarik untuk pembatas na, sam a1 lagi warna item untuk bayangan na

Merge [CTRL+E] kedua layer pencil tool hitam-putih na, ubah opacity laye rmenjadi overlay, lalu duplikat menjadi beberapa untuk pembatas menu, kasiin juga teks menu na brow..

Hehe jadi dah design web header lu...

Download PSD na disini