Button

March 5th, 2008 by sukè

This tutorial is make a button

in a five easy step!

Step 1

Make a circle with a ellips tool.

Step 2

Double click the layer thumbnail or click the layer style button (like picture below) and choose gradient overlay. Set the gradient color from green to more dark green and use angle 90 degree. Don’t the window and choose the bevel and emboss. Set like the picture below.

the result is…

Step 3

Duplicate layer by choose layer > duplicate layer, resize it to make it more little bit smaller by choose edit > free transform (like picture below)

Step 4

Add the stroke in the layer style, set like picture below and dont forget to change fill type to gradient, change the gradient from transparent to white, angle 90 degree, and the scale 20%.

the result is…

Step 5

Add some text above the button and activate the layer style, choose color overlay, change the color to white. Choose inner shadow and set the blend mode multiply and the color is black, set the angle 90 degree, and all set like the picture below.

Now, your simple button is like this…

Posted in Interface

Leave a Comment

Please note: Comment moderation is enabled and may delay your comment. There is no need to resubmit your comment.

About toejoeh.com

toejoeh design is all about photoshop design with the some easy way tutorial for amatuer and advance user. It is designed and maintained by Addy Sukma Bharata.