1. Create a new document (800*600).
2. Fill the background with #313b44 and look at the guides I’ve created in the screenshot below.
3. Now create a new layer (layer - new layer) and select a rectangle like shown and fill it with #0d4a5c.
4. Adjust the blending options of the previous layer like shown!
5. Now create 2 new layers and select your brush tool… Make sure your foreground color is white #fffff. On the first layers you should brush with this brush (clouds) and on the second layer with this one (stars)! Make sure you select your working area (the box we’ve created earlier) using the magic wand tool… This way we don’t add stars to our background but only to our box! Your layout should look like this, ofcourse you might have used different stars and clouds on different places!
6. Create another new layer (layer - new layer) because we’re going to use our brush tool again! Use it to brush something like this (I used one of these brushes from deviantart)… Then adjust the blending options to add an outer glow… You can find the settings for it in the second screenshot!
7. In this last step I’ve just added some text and content… The title font is lithos pro 16px and the text is arial 10px! The color is white, except for the title which is in #1f6481!
8. Ofcourse you can adjust everything, this is a screenshot of another outcome with a few differences… A menu can be added under the content box! I realize this is not easy to slice but that isn’t needed if you add text in flash… And there you go, you have a dj site or actually… A store that sells bedrooms could make better use of this design!
Please Login or Register to download the .psd file.
December 9th, 2007 at 21:38:47
Tutorial was not explained properly. Couldn’t follow it
December 10th, 2007 at 13:19:10
These tutorials aren’t step-by-step tutorials! It’s required that you can do some basic things with photoshop… If not then you have a problem like you posted… Please post here to solve the problem, I’d love to improve this tutorials for you and other readers but if you leave a comment like that I can’t help you out!
Kindest regards.
December 13th, 2007 at 18:06:26
This tutorial is for intermediate users, but an intermediate user could have done this using his/her imagination… Anyway, it’s a nice outcome.
December 14th, 2007 at 23:35:19
This is beautiful tutorial! 1000 thanks!
December 27th, 2007 at 05:36:40
im confused… second step :X sorry im nooby w/ photoshop D: whats the rectangle thing? @_@
December 27th, 2007 at 11:46:25
You have to use your rectangular marquee tool to select the rectangle and after that you should use your paint bucket to fill it up with a color… Maybe this screenshot can help you!
http://i18.tinypic.com/6u4yeeq.gif
December 28th, 2007 at 00:51:21
ohh okay! thank you so much! you’re awesome !! ^^
January 5th, 2008 at 12:50:33
Hey, cool work! Thanks a lot for the effort! - Vishal, India
January 27th, 2008 at 14:44:43
So beautiful result…Thank you !
January 29th, 2008 at 13:49:02
thanks very very much for this tutorial
March 26th, 2008 at 11:57:58
thanks for tutorial ,