Vectorials
Flash Perfection
3D Lessons
Tutorialkit
Markup Tutorials
Learn PHP
network
adv banner
Photoshop  Home Photoshop Drawing Techniques Modern Button
rss

Modern Button

Author: AbTuts.com More by this author


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.

image 1

and create the shape for button

image 2

Step 3

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

Drop Shadow

image 3

Gradient Overlay

image 4

Stroke

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

Our button now looks like this

image 5

Step 4

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

image 6

Step 5

Fill it with white color and add the following styles.

Inner Shadow

image 7

Stroke

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

Step 6

Now, our buttons looks like this:

image 8

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.

image 9

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.

Modern Button Tutorial: Final Result

We're done!

Enjoy!



Author's URL: abtuts.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

Add comments to "Modern Button"