adv banner
Photoshop  Home Photoshop Web Layout Micro Gradient Button
rss

Micro Gradient Button

Author: Eli More by this author


1. New Document and Fill Background

Make a new canvas any size, mine's 200 x 200px and then fill the background with #5F5F5F

2. Smoothed Button

Make a new layer and get the Rounded Rectangle Tool

image 1

with these options

image 2

make a rounded box about this size

image 3

3. Blending Options

Go into the blending options for the button layer and set these options:

Drop Shadow:

image 4

Inner Shadow:

image 5

Inner Glow:

image 6

Gradient Overlay:

image 7

And the result is:

image 8

4. Text etc.

I used Tahoma 12pt no Anti-aliasing, color #FFFFFF and this Drop Shadow:

image 9

What can be done:

Micro Gradient Button Tutorial: Final Result




Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Micro Gradient Button"