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

Twenty Icon down, forty or so to go.

from WinCustomize Forums
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
icons
9,432 views 4 replies
Reply #1 from WinCustomize Forums Top
the icon library will get flooded when you're done with this series
again nice job......i'll be watching you
Reply #2 from WinCustomize Forums Top
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.
SoundPackager - Customize the Windows sound scheme
Reply #3 from WinCustomize Forums Top
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.