website promotion banner
eturnkeys
Your Ad Here
Vector Graphics  Home Vector Graphics Adobe Illustrator Draw Folder Icon
rss

Draw Folder Icon

Author: dX-Blogger More by this author


Step 1: Open your Illustrator and create new document with 500px x 500px Art board setup. Make sure you select RGB color for color mode.

Step 2: Make your fill color look like this first

image 1

(Green: #006600 or 0,127,15). Select the Rounded Rectangle Tool image 2 and draw two shapes and place them together like below.

image 3

Draw the big one:- Click once at the art board (you'll see a popup) and set Width:210px, Height: 120px, Corner Radius: 5px.

Draw the small one:- Same like drawing the big one but set Width:86px, Height: 50px, Corner Radius: 5px.

Step 3: Select both shapes and go to Pathfinder Tool (Shift + F9). Click to the Click to shape area image 4 and then click Expand image 5. You will get something like below:

image 6

Step 4: Ok, select our new shape, go to Object > Path > Offset Path. Set Offset: 8px, Joins: Miter, Miter limit: 4

image 7

You'll get something like this:

image 8

Step 5: Select the Line Segment Tool () and draw a line like below:

image 9

Step 6: Select the original shape and the line by pressing the Shift key. Go to the Pathfinder Tool once again and click the Divide tool image 10.

image 11

Step 7: Click the Direct Selection Tool (A) image 12 and select the top part of the divided shape. Now, apply the White, Black gradient on it.

image 13

Note: Go to menu bar Window > Swatches if your Swatches palette not appear.

Then, go to Gradient palette (Window > Gradient of press F9) and set the Angle: 270 and press ENTER. See below:

image 14

And after that, go to Transparency palette (Window > Transparency or press Shift + F9) and set to Screen and Opacity: 70.

image 15

Step 8: Ok, now, using the Direct Selection Tool (A), select the bottom part of the divided shape. Click the Eye Dropper Tool (I) and click on the top part of the shape (the one that we have applied the gradient). We would like to apply the same gradient effect on it.

image 16

Then, set the Gradient Angle: 90 and press ENTER.

image 17

Step 9: Ok, almost finish. While the bottom part of the shape was still on selected, click the Gradient Tool or press G. Then, while pressing the Shift key, click at the bottom of the shape and drag it to the top a little bit.

image 18

You'll get something like below after releasing your left click:

image 19

Step 10: Final step. Click on Selection Tool or press V and select the offset path (the green one). Go to Effect > Stylize > Drop Shadow... Set X Offset:1px, Y Offset:1px, leave everything as default and press OK. DONE.

image 20

Our final result:

Draw Folder Icon Tutorial: Final Result

And of course, you can change the green color to any color you like or play around with the Opacity value on the Transparency palette.

Some other shapes I created using the similar technique.

image 22

That's all for today and have fun.

Yeahhh!!!



Author's URL: dx-xel.net

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 "Draw Folder Icon"