Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own.  Home Vector Graphics Adobe Illustrator Create an Envelpe Icon with a Satin Feel
Your Ad Here

Create an Envelpe Icon with a Satin Feel


Step 1: Create a rectangle here i created with the following size. 1.93 X 1.96 cm gave the stroke colour #CCCCCC.

image 1

Step 2: Fill it up with a gradient shade gray to white and Radial fill. #DEDEDE to white.

image 2

Step 3: Using Pen tool and snap to Point option enabled through view window draw a line similar to the one shown below.

image 3

image 4

Step 4: Add two more anchor points as shown below.

image 5

Step 5: Delete the middle anchor point. and adjust its angle .

image 6

image 7

Step 6: Using the same gradient fill give a directional fill that is linear this time.

image 8

Step 7: Create a copy of the triangular shape and place it a few pixels down than the original one.

image 9

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

image 10

Step 8: Select the nodes of the copy and adjust them bringing them a bit up and joining the rectangle's corners.

image 11

Step 9: Select the two middle anchor points and pull them a little bit down while pressing shift.

image 12

Step 10: Give a .25 point stroke to the upper triangle this will give it a crisp edge.

image 13

Step 11: Using line tool draw a line as seen below the stroke weight here is 1.

image 14

Step 12: Create a copy of the same line give it a white shade , select both lines and duplicate these for the second side.

image 15

Step 13: You will need to bring the open triangular flap of the envelope forward.the shadow as well as the top one.

image 16

Step 14: Reduce the font width of the white line to .25

image 17

Step 15: Give the lines a rounded corner.

image 18

Step 16: We will now create an arrow . here is how it is done i first create a triangle using the pen tool .

image 19

Step 17: Create a swoosh kind of shape ( i dont know what else to call it ) as seen below. and adjust its nodes.

image 20

image 21

Step 18: Select the both shapes and expand it. using pathfinder pallette.

image 22

Step 19: Give it a gradient linear fill as seen below.

image 23

Step 20: Create 2 copies of the arrow shape duplicate it again and ofset it a bit from the first copy.

image 24

Step 21: Using Pathfinder subtract the front.

image 25

Step 22: Expand the shape.

image 26

Step 23: Right click the shape and release Compound path.

image 27

Step 24: Adjust the shades and transparencies.

image 28

Step 25: We will create an oval shape Behind the artwork this is a dark grey colour , use Effects > Blur > Gaussian Blur.

image 29

Step 26: This is what you will get!

Create an Envelpe Icon with a Satin Feel Tutorial: Final Result

Final Preview

You can reduce the size effectively using this icon and will not loose any details!!

image 31



Author's URL: aiVault
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Vector graphics is the creation of digital images through a sequence of commands or mathematical statements that place lines and shapes in a given two-dimensional or three-dimensional space. More Vector Graphics: Most Popular Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

Add comments to "Create an Envelpe Icon with a Satin Feel"

Only registered users can write comment

No comments yet...