Step 36

Now we're going to invert it. Press Ctrl+I or go to Image> Adjustment> Invert. This will invert the gradient so that it looks like a glow from the menu bar.

Step 37

We're done creating the template. It looks a little boring right now, but in the next steps, we'll add some content.

Step 38

First, add a logo to the template. Import your logo by going to File> Place, browsing for the logo, and clicking OK. You should have a new layer with the logo. For my logo, I made a simple text with a green block (Quite a boring logo isn't it?). Now move the layer to the top and rename it to "Logo". Select the Move tool and position the logo to the top left.

Step 39

Now we'll enter in some text for those empty menu boxes we created earlier. Select the Text tool and enter in some text. Use centered as the text position and #333333 as the text color. On a bright template, we use a brighter black to reduce the contrast. In color theory, this is called color grounding where the white around the text makes it look darker than it should be.

Step 40

Once you entered in a text, you should see a new layer with the text you entered. In this case, I typed in Home and I got a new text layer called Home. Move this layer so that it is the first layer in the Menu group.