Научитесь создавать pro-кнопки на этом примере: 
Создайте документ (File>New...) любого размера. Создайте слой Layer>New>Layer... на слое нарисуйте прямоугольник инструментом Rectangle (любого цвета): 
Добавте к слою стили: Gradient Overlay: #252525, #595959, #9a9a9a 
Stroke: #424242 
Зажмите CTRL, кликните по иконке слоя, чтобы выделить его содержимое. Далее снимите нижнюю половину выделения (выбираете инструмент Rectangular Marquee, зажав ALT, выделите нижнюю половину прямоугольника). Затем Select > Modify > Contract и вводите 1px. Создайте новый слой и залейте выделение (любым цветом), нажимайте CTRL+D, для снятия выделение и устанавливайте Fill: 0% 
Добавьте Stroke с градиентом от прозрачного к белому: 
Вот так выглядит кнопка на данном этопе: 
Создайте новый слой и выделенную на нем область высотой 1px. Заполните ее круговым градиентом (Radial Gradient) от белого к прозрачному (White to Transparent) и снимите выделение: 
Вот наша кнопочка  :
Создание отражения: Создайте ноывй слой и выделите область под кнопкой. Залейте ее градиентом (Linear Gradient) от #dadada к прозрачному: 
Напишите текст на кнопке:
Источник: http://www.pscloud.com/web-design/mac-style-web-button | 
