Creating an Envelope Icon in Illustrator
Everyone loves icons these days, here we’re going to show you how to make a really cool envelope icon.
1. Select the rectangle tool and draw a horizontal rectangle, make sure you have a bold black stroke around that.
2. Add a linear gradient to the rectangle, make sure the angle is set at 0 and that the white is on the outside while the gray is in the middle.
3. Using the pen tool, draw a triangle as shown above, this will serve as the bottom of your envelope. Be sure to have the same stroke as the previous rectangle you drew.
4. Using a gray and white gradient, add a linear gradient to the triangle, make sure that the gray slider is to the right and the angle is at -90.
5. Draw a rounded square with the same stroke as the previous objects, this will be the start of the top of your envelope.
6. With your rounded square selected, double click on the rotate tool and set the angle at 45.
7. After your shape has been rotated, click on the top ruler of the window and drag down to pull a guide line.
8. Select the guideline and the shape. Use the divide selection on the pathfinder tool to cut the shape.
9. Delete the top portion to leave only the above image.
10. Add a gradient fill by selecting the gradient tool from the palette. Make sure you’re using a light gray and white for you gradient. Set the type to linear and the angle to -90. The light gray color should be place to the right of the slider.
11. Set the two triangles above the rectangle to form the envelope.
12. Copy the top shape on the envelope and add a gradient fill with these settings: Type: Linear, Angle: -90, Transparency: Multiply and Opacity to 100%. Leave the dark gray color to the right of the slider, just like we did on the previous steps.
13. Select the top envelope flap and bring to front.
14. Move the shape from step 12 to sit just below the top flap, this will serve as the shadow for the top flap. Also put a bolder stroke on the main rectangle.
15. Using the pen tool draw a shape that will add and accent the top envelope flap. Add a gradient with the following settings for the gradient and the transparency: Type: Linear, Angle: -90,Transparency: Multiply and Opacity 100%.
16. This is how your enevelope should turn out. We added a few extra touches to make it pop, which we’ll cover in a future tutorial.