If you have tried Windows media player 11 then you must have seen the black tabs on the top.I liked them very much

So here’s a tutorial about how to make a very similar button

Final Result will be

[Image]

Lets start with the
Tools required

Adobe Photoshop 8 or higher

Tutorial

· Start Photoshop and create a new document of size 300 *50
· Now select the white color from the color panel . . .. ..

[Image]

· Now select the rectangular shape from the tool box [Image] and make a new rectangular shape in middle of canvas

[Image]

· Now select the rectangular layer from the layer box and open “blending options”

[Image]

· In the blending options select gradient overlay and make an gradient effect like this

[Image][Image]

· And also stroke the image with the following settings “color is #7c7c7c“

(to stroke see the last option in the blending option dialog box )

[Image]

· Your image should look something like this

[Image]

· Now select the “rectangular marquee tool [Image] from the toolbox and make a selection as shown in the image

[Image]

FEW INTERESTING Websites

printer ink cartridges | high quality photo paper

· Now go to select ->modify -> contract from the file menu (type the pixel value as 1px)

· Go to the layer box and MAKE AN NEW LAYER

[Image]

· Then click on [Image] icon (colour fill)available in the layer box and select “solid color” select the “white” color.Select the new layer and Make the fill properties of the new layer as 0% (fill properties available in the layer box)
· Now go to the blending options of the new layer
· Select stroke and make the settings as shown in the image.

Few Interesting Websites

Favorite YouTube clips | Funny quotes

[Image][Image]

· The transparent to white gradient is the 2nd preset available in the preset box .Just reverse it and then click OK

· Now your image should look something like this

[Image]

· Go to the layer box and MAKE AN NEW LAYER

Few Interesting Links

Logo Design | Web Search

· Now again select the “rectangular marquee tool” from the tool box and make a selection as shown

[Image]

· Then click on [Image]
icon (colour fill)available in the layer box and select “gradient” select the “white to transparent” colour.And fill the details as follows ( have a note at angle an style)

[Image][Image]

· The new image should look like this

[Image]
· Now if you want you can give a shadowing effect at the bottom (I am not writing how to do it As it only give a little effect)

· After shadowing effect the final image should look like this

[Image]

· Now create menus using these buttons. These menus will work best with rollover images.

[Image]

· Similar buttons which can be made by modifying this tutorial

[Image]

Downloads

Arrow This photoshop Project file
Arrow This tutorial in word format with better quality images (docx format)
Arrow This tutorial in word 2003 format (doc format)