website promotion banner
eturnkeys
Your Ad Here
Vector Graphics  Home Vector Graphics Adobe Illustrator Create an Envelpe Icon with a Satin Feel
rss

Create an Envelpe Icon with a Satin Feel

Author: aiVault More by this author


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: www.aivault.com

Rate this Material: Bad 1 2 3 4 5 Excellent
print this page tell a friend subscribe to newsletter subscribe to rss

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