Windows Blind Noire Skin
March 18th, 2008 by dr.emi
Tutorial Photoshop kali ini gw mao bikin layout web, terinspirasi dari salah satu skin di Windows Blind, namana “Noire Skin”. Hehehhe.. kalo mao tau artina, cari di kamus ajah.. kiakkaikakakakakakawww…
Tutorial Photoshop kali ini gw mao bikin layout web, terinspirasi dari salah satu skin di Windows Blind, namana “Noire Skin”.
Hehehhe.. kalo mao tau artina, cari di kamus ajah.. kiakkaikakakakakakawww…
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:
uhuiiiii…. baru aja gw bete ma tmen gw, hahaahhaha.. sekarang gw dah ga bete lagi, design gw dah beres. dinikmatin yak !!!
Popularity: 6% [?]
Hello my fox! Glad to see you today!If you love my tutorial, please chose any action from the left button.
11 Comments
Bagus2 tutorialnya… tapi gimana supaya bisa didownload? aku msh bingung neeh… kan ga harus copy paste kan? buat link download nya dong.. biar keren gitu…
masa sih, icon download na ga keliatan ? semua tutorial ada packet data na, mulai dari PDF, PSD ampe file pendukung lainna jika diperlukan dalam tutorial.
hmm.. ok gw tambahain link download na yg smula di atas judul tutorial menjadi di atas dan bawah. mudah2an lebih gampang dicari link na
Link downloadnya kok ngelink ke situs p*rno bro..
tolong dunks di perbaiki linknya, cz aku bth samplenya.
Atas perhatiannya makasih….keep posting bro!!…
Just say it with fill the comment form.
My Friends Link
10001 Inspirasi 4w1n.Blogspot.Com Afial blog Afotsum.CO.NR Alfikry Blogspot Ancaran.Com Andrian.Blogdrive.Com AngsaRea AraZidsi Arteknindo.Com ArtheZoo.TK Articlecillin Belajar Gratis Blog Si Bochan BloGila_U2.Blogdrive.Com BOGIRO Book and Movie Review Can_Dra Blog Catalog-Tutorial CatatanLou.110mb.Com Coin-Kevin DataBagus.Com Dede Permana, S. Kom (PT. BITA Bandung) Deniall.Com Desire 8 Distro & Clothing Diplomski.Com Ensept.Com Esato.Com Faris Wijaya FarisW.Com Blog Fendix Wordpress Foxxed-ART Gadget and Tech Gedex.Web.ID GejalaGila.Com GraphicVN HendiHen.Com Henny Indrianty Hmzaky-dot.Blogspot.Com I D I K IDWebHost.BIZ IDWebHost.Com Ilivetodesign.Com Ilmu Grafis Inez Nugroho Irenk Design IT Club Lombok Jafair.Multiply.Com Jaloe Blog Spot Jenggot Community JiranKubur Jurnal Jaloee K B M S Blog Klik-Kanan.Com LearnSimply LensaDarbi MadeInAra – Graphic Design Mark Xaviar Mifka.Multiply.Com More Tech Tips! Ngetixide.Wordpress.Com Nursingmedia.Blogspot.Com OneMoment.CO.NR PC MILD Percikan Iman Bandung Profit Trading Forex Pulsa Center PuwaSila Denpasar Rumah Sakit Herbal SEO Articles and Newsletters Seputar Info Wanita {Niella Anwar} SMKN 3 Batu Supermodel and Celebrity Tedy Blog TeguhNET Articles The-Sulton.Com TopBlogArea.Com Tutorial Flash – Blog Apri Tutorial Website Ubaid UdaraMaya.Com WebDesigner.Web.ID Yudha Yudhanto, S. KomAdvertise
Sponsors
Most Popular Posts
- Membuat Manajemen Hak Akses User dengan Codeigniter
- Interactive Ajax Data Management with Codeigniter
- Web Design Layout Plus Implementasi jQuery Tab Content
- Simple Swing Login Form And getText()
- Web Base Controller System with NirCMD
- Create a simple application to open an EXE file on the window with JAVA
- How to Check Username Availability using jQuery + PHP
- dreLogin v.2.0 Has Release
- The Chain Tutorial from FuelYourCreativity
- Email untuk Pak ESBEYE di HUT RI ke 65
Category
Subcribe RSS Feed
Translate
Flick Group dr.emi
dr.emi creative design
SEO Articles & Newsletters
Forum dremi.info
Free Download
Recent Comments
- dr.emi: @ade itu make toggle nya jQuery: http://api.jquery.com/slid...
- dr.emi: ma sama..... mas berok...
- dr.emi: ada mas berok: http://www.dremi.info/tutorials/jquery/drelo...
- datih: apakah ada syntak Log-in php ???...
- Armin: ngakalin rounded corner biar compatible di semua browser kek...
- Armin: edan ini, tutorialnya langsung sehalaman...gkgkk.. sukses b...
- erny: kereeennn... makasiihhh... kapan2 balik lg! hehehe. :D...
Recent Posts
- MARJINAL DI TVONE "RADIO SHOW"
- Mail Yahoo make me frustrating
- Sharing Pengalaman menggunakan CI dan CakePHP
- Lowongan Kerja dr.emi creative design - Oktober 2011
- Happy Eid Mubarak - May God Bless You!
- Lowongan untuk PHP Programmer (PT Xsis Mitra Utama)
- Fenomena ustad/ustazah jadi2an di tipi sedang marak
- Sayang sekali tak dapat nonton Marky Ramones
- [FIX] Installing Ruby on Rails 3, MySQL and SOLVE few problem on UBUNTU 10.10 (Maverick)
- Small Tip, big solution in SVN Problem
Archives
Popular Tags
3D illustration abstract design adsense aero button animation banner clean navigation codeigniter colouring layer CSS tutorials effect form interface glassy effect google gradient style GUI photoshop design hacker handcoded HTML indonesian culture IT job jQuery layer mask logo lowongan kerja merancang web pen tool photo retouch photoshop design PHP PHP Advance PHP login php programmer product demo relationship search engine shapping spirit text effect transparent gradient web articles web design web development web header web layout web tips






















PSD Files
PHP Source Code






