In this tutorial you will learn to use the gradient, rectangle, pathfinder and line tool to create a simple envelope. Learn how to design a professional and unique envelope icon using Adobe Illustrator. Step-by-step guide to creating vector shapes and applying colors and effects.
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.
Step 2
Fill it with a grey to white gradient and Radial fill #fbcbcb to white.
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.
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.
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.
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.
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 a pathfinder palette.
Step 19
Use a gradient linear fill as shown below.
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.
Step 22
Expand the shape.
Step 23
Right click on the shape and release Compound path.
Step 24
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
Step 26
This is the result you get.
Final Preview
You can reduce the size effectively using this icon and will not lose any details!!
You can reduce the size based on your preference.
