Шаг первый, дизайн фона Создай новый документ размером 400x40(px) и залейте его белым цветом. Выберите gradient tool (G), параметры должны быть такие:
.
Затем нажмите на изображение градиента, это откроет перед вами ‘Gradient Editor’. Теперь Вы должны создать градиент, такой же как на примере:
Когда все сделано, примените его на нашем документе, опуская его перпендикулярно вниз:
Выберите pattern. Такой же как на рисунке:
Тут может возникнуть проблема, просто с неимением такого pattern. Как вариант нарисовать самому. Где скачать такой набор, я, к сожалению не нашел (dotted pattern)
Выберите слой с pattern. Сделайте Opacity: 20%. Режим смешивания: multiply.
Должно получится что-то типо этого:
Шаг второй, делаем кнопки
Выбирете rectangle tool. Параметры: 
Создайте прямоугольник, как на рисунке:
Теперь идем edit-transform path-warp.
Выбираем, Warp: inflate; bend: 5,0. Fill слоя ставим на 0%. Идем к слою с прямоугольником. Два клика и мы попадем в Layer Style. Настраиваем:
Outer Glow:
Stroke:
Должно получится что-то такое этого:
Следующий шаг. Вы должно создать новый слой (SHIFT+CTRL+N), выбрать elliptical marquee tool и сделать эллипс как показанно ниже.
Снова выберите gradient tool и удостоверьтесь, что у вас параметры такие же как показано ниже:
Нажимайте на изображение градиента и ставьте параметры:
Создайте новый слой и залейте эллипс градиентом.
После того как сделаете это, выберете два верхних слоя. Держите ctrl и щелкните на каждом из слоев. Дублируйте эти слои. Переместите изображение вправо примерно на 10px. Сделайте это столько раз, сколько хотите 
Выберите слой с градиентом (2-ой снизу должен быть). Выберите ластик(Eraser tool), измените (mode) на карандаш (pencil) или на кисть(bruch) 33px. Сотрите только внутренности кнопок.
Последннее, что Вам осталось сделать, это добавить кнопкам надписи
Моя работа (пожадничал места на прямоугольник)
Работа автора
Перевод: Serious
Источник: http://www.tutorialized.com/
И будте счастливы, при малейшей возможности...
