7,474 views

Learn how to create an icon with a design like a mail box, the polygonal lasso tool usage takes most part on this Photoshop Tutorial. With some color gradients on the side, creating a mail box icon isn't hard after all.

By shzad1, on August 10, 2012, under Photoshop Tutorials

Final Result Preview

 

Step 1

Let’s start. You have to start a new file in Photoshop having 1280x1024 pixels resolution with white background. (Go to File tab in Menu Bar > New and then enter width, height, resolution, color mode, and background contents) Now pick the Polygon Lasso Tool (L) from the tool window and make a proper shape like as below.

 

Step 2

Now to get another side of the mail box icon vector pick the Polygon Lasso Tool (L) again from the tool window and make a shape like as below and fill it with grey color.

 

Step 3

To have the top of mail box icon vector again select the Polygon Lasso Tool (L) from the tool window and make a shape like as below and fill it with grey color.

 

Step 4

As a result of these above steps you will get this primary shape of mail box icon vector.

 

Step 5

Now to get realistic result select the first layer. Then open layer style by double clicking on the layer in layer palette and click the check box and choose Gradient Overlay. Then set the Gradient Overlay as it is shown in the sample picture below. You can fill it with any suitable color you want .

 

Step 6

Now do the same for other layers. Copy the layer style from previous one and paste it on other layers.

 

Step 7

To have the opening cover of the box select Polygonal Lasso Tool (L) from the tool window again and make a shape like as below and fill it with black color.

 

Step 8

Now do the same as you have done before in few of the previous steps. So open layer style by double clicking on the layer in layer palette and click the check box and choose Gradient Overlay. Then set the similar Gradient Overlay that you have used before in the previous step. Now go to Layer > Layer Style > drop shadow and use the shadow as shown below.

 

Step 9

To make a complete mail box icon vector you have to create opening cover for other side also. So pick Polygonal Lasso Tool (L) for making a shape then copy previos layer style and paste layer style on other layer as shown below and use similar amount of shadow for this layer or you can make a duplicate of first opening cover then press ctrl + T for layer transformation and transform it according to the other side.Now select all the layers you have then merge these layers and apply the same amount of shadow for this merged layer also.

 

Step 10

Now mail box icon vector is almost done just you have to make an envelope at the center of vector. Pick the Pen Tool (P) and make a shape like as below.

 

Step 11

Open layer style again by double clicking on the layer in layer palette and click the check box and chooseGradient Overlay. Then set the Gradient Overlay as it is shown in the sample picture below. You can fillthe envelop with any suitable color you want .

 

Step 12

To make the envelop more realistic, go to Layer > Layer Style> drop shadow and use same amount of shadow.

 

If you are doing the same thing as I told you in the tutorial, this is what you should get.

We have learned to create mail box icon vector and to use layer styles to create depth and 3d shape.I think you've enjoy this tutorial and also it’ll help you make some new design with your creative thoughts.