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.
Make a rectangle of 1.93 X 1.96 cm give the stroke colour #dc9494.
Fill it with a grey to white gradient and Radial fill #fbcbcb to white.
Using Pen tool and enable the Point option in the View window. Draw a line similar to the one shown below.
As given below, add two more anchor points.
Remove the middle anchor point and fine-tune its angle.
Give a linear directional fill using the same gradient fill.
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.
Choose the nodes of the copy. Adjust the nodes by bringing them a bit up and joining the rectangle’s corners.
Choose the two middle anchor points, hold Shift and pull them a little bit down.
For getting a crisp edge to the upper triangle set the stroke at .25.
Use the Line tool and draw a line with a stroke weight of 1.
Make a copy of the same line and give it a white shade. Choose both lines and duplicate these for the second side.
You have to bring the open triangular flap of the envelope forward and the shadow as well.
To reduce the size, change the font width of the white line to .25
Make the corners of the lines round.
It is time to create the arrow. For this, make a triangle using the Pen tool
Make a shape similar to the one shown below and adjust its nodes.
Choose both the shapes and expand it with a pathfinder palette.
Use a gradient linear fill as shown below.
Make 2 copies of the arrow shape and duplicate it again. Offset it a bit from the first.
Subtract the front by means of Pathfinder.
Expand the shape.
Right click on the shape and release Compound path.
Make adjustment to the shades and transparencies
Draw an oval shape behind the artwork with a dark grey colour. Use Effects > Blur > Gaussian
This is the result you get.
You can reduce the size effectively using this icon and will not lose any details!!
You can reduce the size based on your preference.