Toxiclab.org

Modern Button

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

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



Stroke

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



Stroke

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


Friends