Creating an Envelope Icon in Illustrator

In this tutorial you will learn to use the gradient, rectangle, pathfinder and line tool to create a simple envelope. With change in the direction of the arrow, you will have multiple defined icons.

Step 1
Make a rectangle of 1.93 X 1.96 cm give the stroke colour #dc9494.

 

Make a rectangle of 1.93 X 1.96 cm give the stroke colour #dc9494.

 

Step 2
Fill it with a grey to white gradient and Radial fill #fbcbcb to white.

Fill it with a grey to white gradient

 

 

Step 3
Using Pen tool and enable the Point option in the View window. Draw a line similar to the one shown below.
Step 4
As given below, add two more anchor points.

Step 5
Remove the middle anchor point and fine-tune its angle.

 

Remove the middle anchor point and fine-tune its angle.
Step 6
Give a linear directional fill using the same gradient fill.

Step 7
Make a copy of the triangular shape and place it a few pixels less the original one

Send this copy one step backward i.e. back of the initial triangle shape.

Step 8
Choose the nodes of the copy. Adjust the nodes by bringing them a bit up and joining the rectangle’s corners.

 

Adjust the nodes by bringing them a bit up and joining the rectangle’s corners.

 

Step 9
Choose the two middle anchor points, hold Shift and pull them a little bit down.
Step 10
For getting a crisp edge to the upper triangle set the stroke at .25.

Step 11
Use the Line tool and draw a line with a stroke weight of 1.

Step 12
Make a copy of the same line and give it a white shade. Choose both lines and duplicate these for the second side.

 

Make a copy of the same line and give it a white shade
Step 13
You have to bring the open triangular flap of the envelope forward and the shadow as well.

Step 14
To reduce the size, change the font width of the white line to .25

Step 15
Make the corners of the lines round.

 

Make the corners of the lines round.
Step 16
It is time to create the arrow. For this, make a triangle using the Pen tool

Step 17
Make a shape similar to the one shown below and adjust its nodes.

Step 18
.
Choose both the shapes and expand it with pathfinder palette.
Step 19
Use a gradient linear fill as shown below.

 

Use a gradient linear

 

Step 20
Make 2 copies of the arrow shape and duplicate it again. Offset it a bit from the first.
Step 21
Subtract the front by means of Pathfinder.

 

Subtract the front by means of Pathfinder.
Step 22
Expand the shape.
Step 23
Right click on the shape and release Compound path.

 

Right click on the shape and release Compound path.
Step 24
Make adjustment to the shades and transparencies

 

Make adjustment to the shades and transparencies
Step 25

Draw an oval shape behind the artwork with a dark grey colour. Use Effects > Blur > Gaussian

Blur

 

Draw an oval shape behind the artwork with a dark grey colour.
Step 26
This is the result you get.
Final Preview
You can reduce the size effectively using this icon and will not loose any details!!
You can reduce the size based on your preference.

 

Creating an Envelope Icon in Illustrator Has Be Implemented

 FOR MORE TUTORIALS  –   CLICK

avatar admin (257 Posts)