Modern Button

30.3.2009, 10:6
Submited in: Photoshop | Total Views: 24391

In this thoroughly explained photoshop lesson, you will see how to create modern button which you can use for any web site.

Step 1

Create a new document, dimensions 130x80px and white background.

Step 2

Take the Rounded Rectangle Tool, with the settings like it is shown on the picture below.

and create the shape for button

Step 3

Now, we will apply the following styles on our button shape.

Drop Shadow

Gradient Overlay


For stroke size set 1px, and for color #9EAB48.

Our button now looks like this:

Step 4

Create a new layer. Take the Elliptical Marquee Tool and create a little selection on right side. See the picture below.

Step 5

Fill it with white color and add the following styles.

Inner Shadow


For stroke size set 1px, and for color #95A339.

Step 6

Now, our buttons looks like this:

Step 7

Create a new layer, take the Rectangular Marquee Tool and create three selection and fill it with the colors like it is shown on the picture below.

Every selection is 1px wide.

Step 8

Only one thing, that we must to do, is add a text on the button and we're done.
I have used Ms Trebucht Bold font, size 12px, smooth. On text I have also add 1px stroke, this color #7D8928.

Have a nice day!

Are you a website owner?
Click here to register and submit your tutorials!

Browse by category

Most popular tutorials

Resources Worth visiting