Create a Email/Contact Icon in Photoshop Tutorial
Learn how to create a sleek Email/Contact/Envelope Icon in Photoshop!
Final Result
1. Create a new document that’s 550×550 pixel, with a transparent background. Using the Rectangle Tool draw the main shape of the Envelope. Double click on the layer to go into Blending Options and put in the option below:
2. Next go into the Custom shape Tool and select the black triangle, draw a triangle shape and place it on top of the main shape. Press CTRL+ R to bring up the ruler around the canvas and drag 3 lines like below. On the triangle layer press CTRL+T and while holding down the CTRL key drag each bottom corner out to the top corners of the main shape.
3. Place the new shape on the bottom of the main body, double click into Blending Options and put in the settings below:
4. Duplicate the triangle shape 2 times by dragging it to the new layer icon and place it like below. To flip the triangle over press CTRL+T and flip the top down. When the 2 shapes are placed, select the 2 layers while holding down the CTRL or Shift key, right click and Convert to Smart Object to make them one shape.
5. Double click on the layer to go into Blending Options and put in the options below:
6. While holding down the CTRL key, click on the top shape Layer Thumbnail to highlight it. Go to the main body shape & click on the Add Mask Layer while holding down the ALT key. This will remove the top part of the main body.
7. Like step 6 highlight the top shape again, create a new layer and fill it white. With it still highlighted go to Select > Modify > Contract and contract by 8, then press delete.
8. Using the rectangular marquee tool, select the bottom part of the white shape like below and press delete. Using a soft edged eraser, remove the bottom part of the white line so it’s fading out and  put the layer Opacity to 50%.
9. Go into the Custom Shape Tool and select the shape circled below. Draw the shape, and duplicate it moving it across like below.
10. Using the Rectangular Marquee Tool select around the top part of the shape (where you want it shown) and press on the Add Layer Mask to crop it down.
11.  You’ll need to do this for each shape.
12. Elsewhere on the canvas, draw a shape using the rectangle tool for the paper. Double click into Blending Options and put in the options below.
13. Using any font you like, write out the symbol @. Double click on the layer to go into Blending Options and put in the options below.
14. Place the letter layers into a folder, and place below the Main Body layer, Bottom Upside down Triangle, Coloured Lines & above the Top Layers.
15. Place all the envelope layers into a folder, and duplicate it. Right click the duplicated folder and Convert to Smart Object. Rotate the duplicated icon by press CTRL+T and rotate a corner.
16. Lastly for a shadow, draw a thin oval with the Elliptical Marquee Tool and fill it with black on a new layer. Next go into Filter > Blur > Gaussian Blur.
Final Result
