Photoshop to create color glass navigation menu

Many Web page elements can be done using Photoshop, so today we'll learn how to use Photoshop to create a fully textured color glass button and make a beautiful navigation menu with buttons, and then output the navigation menu as an HTML Web page file in Photoshop.

This article takes Photoshop CS2 Chinese version as an example, the other version of Photoshop may be slightly different in the procedure. Look at the final effect first.

Final effect

The specific steps are as follows.

1. Start Photoshop CS2 Chinese version, press CTRL + N to open the "new" dialog box, depending on the need to slightly set (size should be able to put the future navigation menu), click the "OK" button to create a new document.

2. Click the "Create New Layer" button below the layers board to create a new layer. Select the rounded Rectangle tool in the toolbox, set its radius to 15px in the options bar, and then draw a rounded rectangle, as shown in Figure 1, on the new layer.

Figure 1

3. Now apply the following layer styles to the above shapes.

Projection:

Figure 2