In this tutorial I’ll be teaching you how to create a dark menu box using mainly the marquee tool.
Start a new document 600 by 420 pixels and fill with a dark radial gradient using the colours #181818 and #040404.
Create a new layer (Layer > New > Layer) and using the rectangular marquee tool make a selection of 290 by 310 pixels in the center of the document.
Fill the selection with the colour #202020 by going Edit > Fill.
Apply this outer glow to the layer by going Layer > Layer Style > Outer Glow.
On a new layer make a selection of 290 by 40 pixels and fill with a linear gradient from #8ddc0c at the top to #40b80a at the bottom.
Apply this gradient overlay to the header background by going Layer > Layer Style > Gradient Overlay.
Add in some text for the header using the text tool.
Add an outer glow to the text so it is easier to read.
Select the text tool from the tool bar and add some text for the links.
Select the rectangular marquee tool and make a selection of 290 by 40 pixels behind the second link.
On a new layer fill this selection with the colour #171717 by going Edit > Fill with colour.
Apply this stroke to the layer by going Layer > Layer Styles > Stroke.
Duplicate this layer and move it down to the 4th link, and the same for the last link. To turn this photoshop file into a fully functioning html file check out the code part of this tutorial.