Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I've heard of different methods in getting a nice highlight on the top of a button. Can some of you explain a preferred fx for the example here? Along side the nice highlight on the top of the button, can you explain how each button is tastefully differentiated?

share|improve this question
Semi-related questions that might help: Create an “pressed in” look and Photoshop: how to create buttons that look “subtly pushed”? – JohnB Feb 28 '13 at 19:05
I should have clarified. Not looking at the pressed look. So ignore that. But the buttons themselves. – user1676691 Feb 28 '13 at 19:06
it's just a gradient fill. – Scott Feb 28 '13 at 21:13
up vote 3 down vote accepted

Blue Button

Download the psd here click on the blue-button.psd text in top left corner

Its all done with gradients, inner shadow for the highlight at the top and for the shadow round the edge i used a bevel. You can download the psd above ^. Its all a little off just were a picked random colors from the jpeg.

share|improve this answer

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.