Futuristic Button

This tutorial with guide you through how to make a these futuristic navigation buttons:

links

1.

Create a new document

2.

I am going to create the button quite large then shrink it once I am finished so that I can see the detail better.

3.

Use the rounded rectangle tool and set the radius to 50px. Create a pill shape.

pill shape

4.

Right click the layer in the layers panel and select Blending Options. Use these options:

gradient overlay

stroke

pill gradient

5.

Press Ctrl + J to duplicate the layer.

Press Ctrl + T to transform it. Set the height and width to 75%.

6.

Right click the layer and set these blending options:

Drop shadow

Outer Glow

bevel and emboss

button centered

7.

Move the center area up a few pixels.

button

8.

Add the text and center it within the smaller pill:

links