Learn How To Make  Web Contact Icon in Photoshop! Today we will learn how to Make  Web Contact Icon in Photoshop. We will firstly create the background , then we will work on the many layers, layer masks and other useful techniques related this tutorial.

Step 1:

Create a new project with a resolution of 1280 x 1024 pixels

 

Step 2:

Now fill #CCBCC Background Color and Apply Brush Tool on like as Below

Step 3:

Now Select the Rounded Rectangle Tool (U) and make shape with radius to 180 pixels like as Below

Step 4:

Open layer style and select Gradient Overlay and set the Gradient Overlay like as below

Step 5:

Now select the Rectangular Marquee tool (M) and make round shape like as below

Step 6:

Now Select layer Style and past it on shape like as below

Step 7:

Open layer style and select Drop shadow and set the shadow like as below

Step 8:

Now select the Rectangular Marquee tool (M) and make round shape like as below

Step 9:

Now Select the Rounded Rectangle Tool (U) and make shape

Step 10:

Now Select layer Style and past it on shape like as below

Step 11:

Now Select Text Type Tool (T) and type text like as below

I hope you've enjoyed this tutorial and I hope these techniques have inspired some new thoughts and ideas for your next design.