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

Draw Folder Icon


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 and draw two shapes and place them together like below.

image 2

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 and then click Expand . You will get something like below:

image 3

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

image 4

You'll get something like this:

image 5

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

image 6

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 7

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

image 8

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 9

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

image 10

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 11

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

image 12

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 13

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

image 14

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 15

Our final result:

image 16

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.

Draw Folder Icon

That's all for today and have fun.

Yeahhh!!!



Author's URL: dX-Blogger
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Adobe Illustrator continues to receive praise from the press. Read our materials to discover the joys of using it on your own. More Adobe Illustrator Tutorials: Featured Materials | Fresh Materials | More Adobe Illustrator Tutorials at Vectorials.com

No comments yet...
Add comments to "Draw Folder Icon"

Captcha