Photoshop Tutorial

Clean Dark Website Header

Clean Dark Website Header

Learn how to make this clean dark header using adobe Photoshop
Web Graphics ยป Pspack
Views: 18419 | 14 Comments
Page(s):

Clean Dark Website Header



Learn how to make this clean dark website header using adobe Photoshop

Here is the final result:







Start this tutorial by making a new document.

Use [ Rectangle Tool (U) ] to draw a rectangle as shown.

Set this color:#4f3f28



Right click on its layer and click on [ Resterize Layer ].



Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.





Result:



Click on "Rounded Rectangle Tool" and make a rounded rectangle as shown







Right click on its layer and click on [ Resterize Layer ].

Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.







Download this Pattern    load it in photoshop



Result:



Now add your title to banner.



Make its Style
Double click the layer or go to Layers->Blending options and apply settings as shown.





Result:



Final result with more details


Comments

1. very wooow wotk so,Where could I get this pattern?
hamoraby on Aug 08, 2007, 08:56
2. Thanks for your comment, Right click on image of pattern in the tutorial where you see "Download this Pattern..." and save it on your computer
PSP on Aug 08, 2007, 10:27
3. Dude, i like it ^^ - for 100% i'll use it!
Adrak on Sep 08, 2007, 16:06
4. Very Cool
cool on Sep 15, 2007, 14:55
5. Pattern is gif format ant when i download it i cant load.
Dizzee on Nov 10, 2007, 11:12
6. Thanks for the info. I found it really useful.
rihanma air jordan on Mar 13, 2009, 14:08
7. smoooth
forex fxcaliber on Apr 12, 2009, 05:24
8. Nice tutorial, thanks
sofort livecams on Apr 26, 2009, 14:34
9. Christian Louboutin sale is a page dedicated to the best online sale links on Christian Louboutin merchandise. Christian Louboutin is a French
christian louboutin on May 26, 2009, 08:23
10. I'm sure this could be of good use for simple dark themes. Good work!
Tim on May 27, 2009, 16:44
11. Great article
betfair on Jun 01, 2009, 06:31
12. Really too much nice, useful and helpful post to make this clean dark header using adobe Photoshop. Thanks for sharing here and your way of describing is also good and easy to use.
70-285 on Jun 19, 2009, 06:02
13. I like it dude, interesting information on your page, thanks for sharing.
lyrics on Jun 24, 2009, 14:13

Leave a comment: