Windows Blind Noire Skin

Tutorial Photoshop kali ini gw mao bikin layout web, terinspirasi dari salah satu skin di Windows Blind, namana “Noire Skin”. Hehehhe..

Tutorial Photoshop kali ini gw mao bikin layout web, terinspirasi dari salah satu skin di Windows Blind, namana “Noire Skin”.

Design na mirip ma Windows Vista, cuma ga terlalu lembut, masih mengarah ke sedikit metal, dengan sentuhan smooth snow. hahahahahahahahhahaaa…jangan nanya lu kalo gw banyak ketawa sekarang 😀

Siapinn kanvas, segelas 150 ml kopi, kbetulan suasana bikin na, pas masih pagi (04:00), hehehehee …

Sambil udud, bwat garis pembantu (guide line) untuk draft layout na.

Ambil shape rounded rectangle tool, bikin bidang untuk background na.

kasi style na:

ni hasilna…………….

wuki, pencet [CTRL+Click] pada Layer Shape na, untuk bikin seleksi pada area shapping tadi broder….!!

nah lu aktifkan mode seleksi Intersect From Selection,

tarik area yang akan diambil…dari seleksi shapping

nah kalo seleksi na dah dapet, tinggal aktifin tool gradient dan bikin layer baru.

pake gradasi, set ke gini:

bikin gradasi dari bawah ke atas dalam seleksi.

ulangi teknik bikin seleksi na, untuk membwat satu seleksi lagi dibawah header sebelumna.

lanjot ke panel menu, bikin layer dan seleksi baru ke gini, pake Eliptical Marquee Tool

bwat miringin seleksi na, pake transform selection

Lanjot ke menu Select Invers, bwat ngebalik seleksi.

nah dari seleksi invers yang kbentuk, tken [CTRL+SHIFT+ALT+Click] pada layer gradasi header paling atas (Layer 1). jadi nantina bakal kbentuk seleksi ke gini:

tros kasi gradasi transparent, dengan arah miring dari atas ke bawah:

dalam ukuran aslina:

woke….tmabahin gradasi dengan teknik yang sama di setengah bagian pada bar menuna…

kurangi opacityna menjadi 57 %

ambil lagi tool seleksi kotak, bikin di sebelah kiri bar menu,

lalu pilih menu select > modify > smooth (kasi 2px)

transform seleksina, gunakan skew transform. tarik ujung kanan bawah ke kiri. lalu enter 2 x.

kasi gradasi pada bidang seleksi na:

tambahin, logo window yang gw capture dari start menu window xp. kasi text juga yaaaKKK

naaaah sekarang kita bikin titik-titik hiasan di sebelah kanan object welcome na:

dengan pencil tool 2px, warna putih, klik 1 x.

duplicate titikna menjadi beberapa titik sehingga terbentuk object ke gini:

lanjot bwat bikin menu na, gw pake rounded rectangle tool dengan radius 4 px

kasi style na ke gini:

kasi teks menu juga dwonk.. 😀

group aja layer menu na, duplicate menjadi beberapa menu.

sekarang kita bikin logona, ambil salah satu object shape..berbentuk tetesan air..(RainDrop)

kasi gradasi hejo 🙂 😀 …..

dengan style ke gini:

bikin dlo seleksi contract 4 px, kasi gradasi transparent untuk bagian atas logo na …

duplicat logona, taro di belakang logo pertama …. miringin dikit yak..

untuk logo yang di duplicate ubah warna gradasi na…

kasi bayangan di bawah logo na make brush …..

di sebelah kanan header kasi text na …untuk hiasan juga, gw kasi background logo overlay samar di belakang text.

tambahin text nama website

Â

WOKE sekarang kita bikin bidang untuk side bar na: pake shapping bwat bikin na:

kasi style na:

di tengah kanan bikin bidang persegi lagi:

dengan style ke gini:

gw kasiin menu dengan icon folder Windows XP…..

Terakhir kasi illustrasi text bwat content layout na:

Share on Facebook