Pixel Border: Menu Box

Start with the Pen Tool from the Toolbar, and work your way across. (Hold Shift Key to constrain to a straight line)
Define the shape of your Menu Box as I have done, working your way around to connect to the initial Pen Anchor Point.
Once you have made the connection to the initial Anchor Point, right click on the new Path Selection and choose 'Make Selection'.
Leave the default settings and click OK.
Try changing the Feather Radius to a higher integer other than the default, and you will notice your corners smooth out.
Go to the Layers Palette and Menu Box Right Click/Control Click on your layer and choose 'Rasterize'.
Ctrl/Com mand+ R to get your Rulers visible on the document. Click and drag from the Rulers bar 2 horizontal and 2 vertical guides as i have done. Go to View and make sure 'Snap' is turn on. Then with the Rectangular Marquee Tool (M) drag a new selection as I have done.
Then go 'Select > Modify > Contract' on the top menu bar and choose 2 pixels as I have done. Then hit the 'Delete' key on your keyboard to cut out the Marquee Selection area.
Now we'll apply Styles formatting to the layer.
Right Click/Control Click on the layer and choose 'Blending Options' and start with the 'Drop Shadow' options that I have set up.
Then move down the same Blendings Options palette and choose 'Bevel and Emboss' and match my settings.
Then with the 'Color Overlay' options.
Then with the 'Stroke' options.

Presto! Pixel Border Menu Box. And a few enhancements could really make it look eye pleasing.

Filed Under: Web Techniques