The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop.  Home Photoshop Drawing Techniques Modern Button

Modern Button


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

We're done!

Enjoy!



Author's URL: AbTuts.com
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
The most versatile section of the Photoshop tutorials, it includes guidelines on drawing and editing of different objects in Photoshop. More Drawing Techniques Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

No comments yet...
Add comments to "Modern Button"

Captcha