How To Create Web Contact Icon in Photoshop

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.