Micro Gradient Button
A walkthrough to make a basic smooth gradient button

author:
  Eli
title:
  Micro Gradient Button
date:
  Thu 2 March 2006
category:
  Logos and Graphics
credits:
 


New Document and Fill Background

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


Smoothed Button

Make a new layer and get the Rounded Rectangle Tool

with these options

make a rounded box about this size




Blending Options

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


Inner Shadow:


Inner Glow:


Gradient Overlay:


And the result is:




Text etc

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


What can be done:



For questions and help regarding this tutorial,
please post a message at the forums.
Want your link here?