Icon-A-Day, Icon # 20, Web Folder.

Twenty Icon down, forty or so to go.

Wednesday, January 26, 2005 by mormegil | Discussion: Icons

A Icon a day Keeps the Creative
Icon 20 (Web Folder)

    As we move down though the Network related icons, we come to the Web Folder. I want this folder to meet some of the standards that we set with the My Music folder, so here we go.
Step 1:

First we copy the Open Folder icon.

Step 2:

Now we simply copy the globe and cord from our My Network Computer icon.

Step 3:

We place them together to get the basics of our folder.

Step 4:

Now I take the HTML File from earlier and remove the glare and the color band from it. Group it, and using the Perspective tool make look like it is sitting in the folder. I also place it behind the front of the folder.

Step 5:

Now using the Gloss techniques we have been using, I add a new glare that fits a bit better than the old one.

Step 6:

Now using the mesh tool I tweak our existing cord to make it look like it is going behind the folder.

Step 7:

Now the changes I made to the Cord have left me with a shadow that is not correct, so I quickly crop it down to look right, again using the Node Edit tool.

Step 8

I copy the globe and convert it to a bitmap, Crop it and make it 60% Transparent and offset it a bit to get a little reflection on our folder front.

Finished Icon Image.

Click here to download the finished icon.


Now we have once more set the standards for our our folders, and we have a style to match from here on out. Also we have cemented the convention of using the cord to unite all of our Internet related icons to the "world"

Tomorrow we will wrap up the Network icons with the Network Computer icon.

Read the other Icon-A-Day Articles: Icon # 1, Icon # 2, Icon #3, Icon # 4, Icon #5, Icon # 6, Icon # 7, Icon # 8, Icon # 9, Icon #10, Icon # 11. Icon 12 & 13, Icon # 14, Icon # 15, Icon # 16, Icon #17, Icon #18, Icon # 19.

CorelDRAW for Skinners.
Part 1: Mesh Tool 101 & Gloss 101
Part 2: Drop Shadows 101 & Reflections 101

And don't forget to check for all the Icon-A-Day icons as they get made, in the Miscellaneous Icons Gallery at Wincustomize.com

Reply #1 Wednesday, January 26, 2005 8:08 PM
the icon library will get flooded when you're done with this series
again nice job......i'll be watching you
Reply #2 Wednesday, January 26, 2005 9:03 PM
Wonderful, Paul.

Simplicity and beauty in one.

Also, would like to put in a hint to teach us more about the "node edit" tool and how you use it.

Thanks again.
Emilio Cerra
Reply #3 Wednesday, January 26, 2005 11:06 PM
Great job, as always. I know you've stated that there are plenty of articles out there, but it'd be great to have a brief article on how you convert these beautiful images into icons.
Reply #4 Thursday, January 27, 2005 5:20 PM
The more to go the better. Great, as always.

Please login to comment and/or vote for this skin.

Welcome Guest! Please take the time to register with us.
There are many great features available to you once you register, including:

  • Richer content, access to many features that are disabled for guests like commenting on the forums and downloading skins.
  • Access to a great community, with a massive database of many, many areas of interest.
  • Access to contests & subscription offers like exclusive emails.
  • It's simple, and FREE!