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 Tutorial: Final Result

We're done!

Enjoy!



Author's URL: AbTuts.com
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Modern Button"

Only registered users can write comment

No comments yet...