Menu Box

I am fairly new to photoshop cs 2 but I was wondering if any of you more experienced posters would help achieve this effect.



I figure on the orange buttons that they were saved seperately and I am sure I can find tutorials on making them but how do you do the title bar where it curves like that and the opacity in particular. I know on the box itself you put either inside or outside pixles for the border and for rounded box you can smooth it out or use gaussion blur.

Any help would be much appreciated especially if you could provide a link to a tutorial or explain with a screen or two.

-Nameless

A - Orange button:
1 - Elipse tool, press shift, draw a circle, double click layer thumb, choose orange or whatever color.
2 - add layer style: stroke, dark gray, 1px
3 - Load selection (Ctrl+Click layer thumb), new fill layer, gradient:White to transp, radial.
4 - Deselect (Ctrl+D), move tool, to position gradient (light source).

B - Box:
1 - Rounded rectangle tool (5px radius)
2 - Choose color (See A.1)
3 - Add Layer style, stroke (choose color, inside, 2px)

C - Title bar:
1 - Load selection round rectangle layer (see A.3)
2 - Menu: Select->modify->contract 2px
3 - Cut bottom part of selection (rectangular marquee tool, press Alt and draw the rectangle to cut selection keeping the top part)
4 - New layer, fill with whatever (Alt+Del)
5 - New Fill layer, gradient: 1 Blue to another, linear, 90º
6 - Add layer style, Bevel and emboss: Size=0, soften 2

D - The dark shadow and the text, I'll give it to you

Know your tools...Good luck