In this tutorial i will show you how using the basic tools of illustrator , ie gradient , rectangle , pathfinder and line we can create a simple looking envelope. With changing the arrow icon you will have multiple defined icons .
Create a rectangle here i created with the following size. 1.93 X 1.96 cm gave the stroke colour #CCCCCC
Fill it up with a gradient shade gray to white and Radial fill. #DEDEDE to white
Using Pen tool and snap to Point option enabled through view window draw a line similar to the one shown below.
Add two more anchor points as shown below.
Delete the middle anchor point. and adjust its angle .
Using the same gradient fill give a directional fill that is linear this time.
Create a copy of the triangular shape and place it a few pixels down than the original one
Send this copy one step backward ie back of the initial triangle shape.
Select the nodes of the copy and adjust them bringing them a bit up and joining the rectangle’s corners.
Select the two middle anchor points and pull them a little bit down while pressing shift.
Give a .25 point stroke to the upper triangle this will give it a crisp edge.
Using line tool draw a line as seen below the stroke weight here is 1.
Create a copy of the same line give it a white shade , select both lines and duplicate these for the second side.
You will need to bring the open triangular flap of the envelope forward.the shadow as well as the top one.
Reduce the font width of the white line to .25
Give the lines a rounded corner.
We will now create an arrow . here is how it is done i first create a triangle using the pen tool .
Create a swoosh kind of shape ( i dont know what else to call it ) as seen below. and adjust its nodes.
Select the both shapes and expand it. using pathfinder pallette.
Give it a gradient linear fill as seen below
Create 2 copies of the arrow shape duplicate it again and ofset it a bit from the first copy .
Using Pathfinder subtract the front.
Expand the shape
Right click the shape and release Compound path .
Adjust the shades and transparencies.
We will create an oval shape Behind the artwork this is a dark grey colour , use Effects > Blur > Gaussian Blur
This is what you will get!
You can reduce the size effectively using this icon and will not loose any details!!
If you are interested to create the same icon in power point here is a great tutorial created by The Rapid Learning Blog
in Latest Posts