Гелевая кнопка

1. Пример рассматривается на Adobe Photoshop 7.0. Создаём новый документ 200 x 200 пикселей. Выбираем цвет переднего фона в палитре цветов, Foreground color со значением "18BE0C". Берём инструмент Rounded Rectangle Tool, с радиусом скосов - 20 пикселей и рисуем кнопочку, на верхней панели инструментов, у вас должен быть выбран Shape layers. Щёлкнете правой кнопкой по полученному изображению, появится контекстное меню, из которого надо выбрать Rasterize Layer.

2. Щёлкаем правой кнопкой ещё раз, но уже по слою в палитре Layers и выбираем Blending Options. В открывшемся окне Layer Style, щёлкаем по Inner Shadow и устанавливаем следующие значения:
Blend Mode : Normal
Colour : FFFFFF (white)
Opacity : 60%
Angle : 90
Distance : 10px
Spread : 0%
Size : 0px

3. В палитре инструментов, устанавливаем Foreground color - "999999", Background color - "FFFFFF" и возвращаемся к Layer Style, щёлкаем Gradient Overlay, где устанавливаем:
Blend Mode : Normal
Opacity : 60%
Gradient : from 999999 to FFFFFF.
Style : linear
Angle : 90
Scale : 100%

4. Теперь выбираем Stroke и ставим такие значения:
Size : 1px
Posisiton : outside
Blend Mode : Normal
Oracity : 100%
Colour : 16A00B

5. Далее переходим к опциям Inner Glow:
Blend Mode : Screen
Size : 5px
Opacity : 60%
Colour : FFFFBE

6. И последний шаг Drop Shadow:
Angle : 120
Spread : 2px
Size : 5px

На кнопочку добавляем нужный Вам текст. К тексту желательно применить обводку. Чтобы делать кнопочки другого цвета, достаточно изменить цвет фигуры в пункте 1 и цвет обводки в пункте 4.