Photoshop Tutorial: Design and Make Orange Web Page Navigation Bar – Web Page Template

Author: Xiaoyu Source: UCD Blog

Let’s take a look at the effect first:)

Step 1: Create a new file with a size of 400 x 400px and a black background.

Step 2: Select the Rounded Rectangle Tool (U) (radius 10px)

Step 3: Select Layer Style>>Color Overlay>>Stroke

Step 5: Create a rectangle using the Rectangle Tool (U) and select Layer Style >> Drop Shadow >> Gradient

Step 7: Create a new layer, select the Pen Tool (P), load the selection (ctrl+Enter) with fill color, and select the layer style >>Gradient Overlay

Step 8: Select the Text Tool (T), enter the title text, and select the layer style >>Gradient Overlay

Step 9: Select the Text Tool (T), enter text, and the color is white

Xiaoyu has completed the creation of orange box navigation for PsP. How about you (*^__^*) hee hee…

Author: Xiaoyu Source: UCD Blog

Let’s take a look at the effect first:)

Step 1: Create a new file with a size of 400 x 400px and a black background.

Step 2: Select the Rounded Rectangle Tool (U) (radius 10px)

Step 3: Select Layer Style>>Color Overlay>>Stroke

Step 5: Create a rectangle using the Rectangle Tool (U) and select Layer Style >> Drop Shadow >> Gradient

Step 7: Create a new layer, select the Pen Tool (P), load the selection (ctrl+Enter) with fill color, and select the layer style >>Gradient Overlay

Step 8: Select the Text Tool (T), enter the title text, and select the layer style >>Gradient Overlay

Step 9: Select the Text Tool (T), enter text, and the color is white

Xiaoyu has completed the creation of orange box navigation for PsP. How about you (*^__^*) hee hee…

<!–Collectio