Photoshop Button making Tutorial

Final Image:

This is a button making Tutorial.In This Tutorial you can learn How to make a button with Photoshop.Just Follow some step.


Step01:Create a new file.Width=150px,Height=40


Step02:Fill with any color.

Step03: Double click on the background layer to unlock it.
Click on Eye to invisible the Layer.Choose Rounded Rectangle Tool from tools panel.


Step04:Draw a Rounden rectangle.


Step05:Right Click on the layer >> Blending option.


Step06: Layer>>Layer Style>>Inner Glow

Apply This Color

Step07:Layer>>Layer Style>>Gradient Overlay

Step08: Now your Button like this.


Step09:Duplicate the shape1 layer.Go to Layer>>Layer Style>>Gradient Overlay
and apply this settings.


Step10:Now your image look like this.


Step11:Now Cut the green area.Look like this image.Invisible layer "shape1"
select polygonal lesso tool from tools panel,and select the green part.
press delete to delete grean part.


Step12:Now we have just Black boarder.


Step13:Layer>>Layer Style>>Blending option


Step14:Layer>>Layer style>>Inner shadow


Step15:Layer>>Layer Style>>Gradient Overlay.


Step16:Go To Layer>>Layer Style>>Stroke



Step17:Now your image look like this.


Step18:Now adding text.I choose "Hobby Headline" Font to write text.
Write Animation or your wish.


Step19:Now we will Apply strock on Font layer.Go to Layer>>Layer Style>>Stroke.
and apply this settings.


Your Button is ready now.

Posted in: Buttons