you are here: Home arrow PS Buttons arrow Futuristic Button
Futuristic Button
User Rating: / 5
PoorBest 
Friday, 19 May 2006

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





Reddit!Del.icio.us!Google!Live!Facebook!Slashdot!Netscape!Technorati!StumbleUpon!Newsvine!Furl!Yahoo!Ma.gnolia!Squidoo!Free social bookmarking plugins and extensions for Joomla! websites!
 
< Prev   Next >
Based on valid XHTML 1.0 and CSS 2.0 code design by:pixelsparadise.com