Home | Phone Icon Tutorial

Phone Icon

Photoshop Tutorial

In this tutorial, you will learn to create a nice looking phone icon. Final output of this phone icon tutorial can be seen below :-

Phone Icon

Start by creating this shape with pen tool :-

Adjust the nodes as shown :-

Apply these layer styles in it: -

Draw this white color shape with pen tool :-

Draw this #7A9369 colored shape with pen tool :-

Type custom text in it :-

Draw this #6E8FA0 colored circle with ellipse tool. Add 1 pixel black stroke in it :-

Draw lines as shown :-

Draw more buttons having #6E8FA0 color and 1 pixel black stroke :-

Draw this shape with pen tool :-

Adjust the nodes :-

Apply gradient overlay :-

and 1 pixel black color stroke :-

Draw this black color shape :-

Draw another shape with pen tool :-

Apply similar gradient overlay and stroke in it as we applied in previous shape. Add 1 pixel wide line as shown. Our phone icon is ready :)

Phone Icon

2008 Copyright - YourPhotoshopGuide.com All right reserved.
Phone Icon Tutorial | Photoshop Phone Icon Tutorial | Learn to Create a Phone Icon