Step 16

You should now have that image as a layer with a layer mask. Move this layer to the middle and rename it to "Header Image". While we're at it, rename the top layer to "Header". To rename a layer, simply double-click on the text.

Step 17

Now we'll work on creating the menu bar below the website image we created earlier. Select the Rectangular Marquee Tool and enter in the settings below:

Step 18

Click on the document to create a selection and drag that selection so that it is positioned right under the image we made earlier.

Step 19

In the Layers pallet, click on the New Adjustment Layer button and select Solid Color. Enter in #e5e5e5 as the HTML code and click OK.

Step 20

Now rename this layer to "Background". Remember, to rename a layer, simply double-click on the text and you can edit the layer name. Now press Ctrl+G and it should put the layer inside a folder, or otherwise known as a group. Rename this group to "Menu". Renaming a group is like renaming a layer; just double click on the text and edit.