Начнем с создания нового документа 300х200 px с цветом фона #2e2e2e:

Выберите Rounded Rectangle Tool со следующими настройками:

И нарисуйте такую форму:

Теперь примените к нашей форме следующие эффекты:

Вот так должно получится:

Следующим шагом выделяете нашу форму (Ctrl+Click на иконке слоя), далее выбераете gradient tool (с настройками как на рисунках ниже), создаём новый слой (назовите “gradient_layer”) и заполните его градиентом как показано ниже:

Нажмите Ctrl+D что б снять выделение. Вы должны увидеть что-то вроде этого:

Теперь выберите Move Tool (V) и переместите наш “gradient_layer” на средину формы:

Выдилите низ нашего “gradient_layer” и удалите его как показано на рисунке:

Кнопка готова. Теперь скопируйте ее, и в настройках стиле поменяйте Gradient Overlay (остальные настройки остаются такие же):

Вот так будет выглядеть одна из кнопочек, когда на ее будут наводить указатель мышки:

Теперь напишите пункты меню и примените к ним следующие эффекты. (Автор писал это шрифтом Myriad Pro с размером 22 pt)

В конечном результате наше меню может выглядеть так:

Источник: http://megatutorials.blogspot.com