Gradient?s parameters:

Create Design Bureau Weblayout in Photoshop CS

Make three copies of the new represented layer and place everything the same way it is shown in the next picture.

Create Design Bureau Weblayout in Photoshop CS

Mark out the ring of one button and copy the layer. Click on the Alt button and apply in the same time the next
shown tool to erase the unnecessary parts.
Use the parameters shown below:

Create Design Bureau Weblayout in Photoshop CS

Create Design Bureau Weblayout in Photoshop CS

Blending Options-Gradient Overlay

Create Design Bureau Weblayout in Photoshop CS