Gamespot Style Website Design in Photoshop Part 2

Jan 7, 2009 Photoshop, Web Layouts

This tutorial has been viewed: 356 times

+ Add to Todo List

Added By: PSDesignZone

Page prev 1 2 3 next

create a new layer Next use the marquee tool to make a selection like below and fill it with #000000(black)

Create a new layer and right underneath that, create another selection and fill it with #B2B3B5

Create a new layer and press ctrl+g to have that layer mask the layer you just created. Then pull out the marquee tool and select the top half of the grey nav bar, then use the Gradient tool with the colors set from white to transparent and drag far down to create an effect like below:

next use the marquee to select the bottom half of the area, use the Gradient tool again and set the colors to Black to Transparent, and this time drag up to create an effect like below:

Now create a new layer (make sure this one is also masking the grey nav bar layer with ctrl+g), pull out the rounded rectangle tool, set the foreground color to black and then create a shape like below:

Apply the following Gradient Overlay to the Layer

Page 1 2 3 next

Tags: photoshop

E-mail Comment Del.icio.us Digg Reddit Technorati Furl

This entry was posted on Wednesday, January 7th, 2009 at 12:29 am and is filed under Photoshop, Web Layouts. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.