Today we are going to create nice looking unique round contact button with Silver Contact us text in it. you can use it in your website. lets get started.
Click here to View Full Size

Step 1.

Open a new document of 1280 x 1024 px resolution, then create a new layer and fill it with light grey gradient for background.

Step 2.

Now lets create a button, create a new layer and select Round Rectangular Tool and set its Radius to 800 px then create a big selection as shown then fill it with any color

Step 3.

Now open blending options and apply red gradient or you can use your own colors you like.
Now thats what you have now

Step 4.

Create another new layer and select Elliptical Marquee tool and draw a small circle on the right edge of your previous layer as shown then fill it with any color

Step 5.

Simply Copy Layer Style from your 1st layer and paste into this one

Step 6.

Now create another circle in the center of your previous red circle on a new layer and fill it with any color as shown

Step 7.

Now Open Blending options and apply inner shadow and color overlay
Now you will have something like this.

Step 8.

Now its time to add some icon in our white circle, as we are making contact button, so we will add some contact related shape in it, create a new layer and go to shapes then select Envelope 1 from the shapes then create in the center of white circle as shown, fill it with any color we will add colors in next step.

Step 9.

Open blending options of that shape layer and apply given effects to make it look cool
Now thats looking much better

Step 10.

Time to add your text, you can add email us or contact us

Step 11.

Lets apply some effects to our text to make it look awesome
Now thats what we were talking about

Step 12.

Almost done with the button just to add the shadow under our red circle, which is going to give our button an extra stunning look, duplicate your red circle layer then clear its layer style as shown

Step 13.

Go to Filter> Blur> Gaussian Blur and apply 10 pixels radius

Step 14.

Now move down this black blurred layer under your red circle , then drag it little left bottom as shown

Step 15.

Keep selected this layer, now load the selection of your 1st layer, inverse selection by pressing Ctrl+shift+I and press delete to remove exceeded dark layer
We Are done, just added a shadow under it
Different colors using same method
Click here to View Full Size
Hope you liked learning this contact us button, you are free to use this button in your website.
Stay tuned for more.

 crated By PremiumPSD