SEARCH
  Tutorials Photoshop Tutorials Drawing Techniques How To Create Web Contact Icon in Photoshop

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:white background A45 How To Create Web Contact Icon in Photoshop

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

Web Contact Icon B How To Create Web Contact Icon in Photoshop

Step 3:

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

Web Contact Icon C How To Create Web Contact Icon in Photoshop

Step 4:

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

Web Contact Icon D How To Create Web Contact Icon in Photoshop

Step 5:

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

Web Contact Icon E How To Create Web Contact Icon in Photoshop

Step 6:

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

Web Contact Icon F How To Create Web Contact Icon in Photoshop

Step 7:

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

Web Contact Icon G How To Create Web Contact Icon in Photoshop

Step 8:

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

Web Contact Icon H How To Create Web Contact Icon in Photoshop

Step 9:

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

Web Contact Icon I How To Create Web Contact Icon in Photoshop

Step 10:

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

Web Contact Icon J How To Create Web Contact Icon in Photoshop

Step 11:

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

Web Contact Icon K How To Create Web Contact Icon in Photoshop

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

ABOUT THE AUTHOR

Shahzad Amin

PsdPoint Best and Unique Web Photoshop Graphics Designers Team

subscribe to newsletter