Create a Metallic Navigation Interface in Photoshop

1-16-08 Filed under Designing & Photoshop Tutorials

Step 9:
In a new layer draw a small black circle. Then under Layer Style(Layer > Layer Style) add a Stroke blending option to your black circle.

Step 10:
Duplicate your small circle layer. Position it on the opposide side of the tab.

Step 11:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Century SchoolBook, bold, 13 pt, crisp and a dark red, color code #840000. In a new text layer add your first navigation link on the tab. Then under Layer Style(Layer > Layer Style) add a Gradient Overlay blending option to your text layer.

Step 12:
Now add the rest of your navigation links by duplicating your ‘Tab’ layer set. Here we set up one of the tab lower down the rest which will represent the links on the glossy rectangle below.

Step 13:
Select your Horizontal Type Tool and above your screen under the options palette set the font family to Arial, bold, 11 pt, none and gray, color code #9D9D9D. In a new text layer add the rest of your links on the glossy rectangle.

Step 14:
Now add the same small circle from step none as shown on the picture below.

Step 15:
Create a new layer, grab your pencil tool and draw a 1 px white line on the right end of your design. Then use your eraser tool with a soft large brush and erase the bottom for that fade effect.

Step 16:
Thats it your done, click here to see the full view.

Pages: 1 2 3
Did you enjoy this design? We publish fresh tutorials
on a daily basis so why not Subscribe to our RSS Feed?

---

3 Responses to “Create a Metallic Navigation Interface in Photoshop”

1. candace Says:
   January 24th, 2008 at 7:02 pm

   ALPHMEGA

2. candace Says:
   January 24th, 2008 at 7:04 pm

   (uhh..ignore the prior comment.) This is a sweet technique though!

3. Denise Says:
   February 27th, 2008 at 7:49 pm

   I got lost on step 3… what the H?? i dont get it.

Add a Comment

Name (required)

Mail (required)

Website