Create a new document 900x740 select the colors #fafafb and #d8d8d8. Select the gradient tool with a reflected gradient, drag your gradient over your canvas. Start the gradient from about the middle of the canvas then drag as far up towards the top of the screen as you can.
Using a combination of two colors add your website title, the colors ive chosen are #505b64 and #0c83be. The font i used for the text is called "dirty ego".
Using the rectangle tool or the rectangular marquee tool create a small rectangular box.
Fill the box with any color then goto "edit > transform > perspective". Select the bottom middle anchor point and drag towards the left side of the canvas.
Add this gradient overlay to your rectangle.
Place your rectangle up by your website title and slogan. Duplicate the rectangle as many time as you need, ive used 6 rectangles for my navigation. Place the rectangles side by side leaving a 1 pixel gap between each button.
The very first button on the navigation, change the gradient overlay to the image below.
Label your navigation buttons, then add a text based navigation in the top right corner.
Find your desired featured image, place it underneath the navigation bar, its best if the image is the same width as the bottom of the navigation.
Add these layer styles to your featured image to complete the effect.
On top of your featured image add a black rectangle at the bottom with an opacity of 50%.
In the space on the left side of the featured image add another rectangle with these layer styles.
Inside this rectangle add some dummy news articles.
Create another 3 boxes like the image below using the same layer styles as the previous box we made.
The two bigger boxes will be used for previews and reviews, the small third box will be used to seperate the content from an advert that will be in the left over space. Add your dummy content to the boxes.
Finally create a box the whole width of all the boxes put together.
Add these layer styles to the box to complete the effect.
Inside the footer box add your footer elements to complete your website. The finished peice looks like this.


More Tutorials:



