Musings on, Art, Skinning, Computers, and the True meaning of Life. (AKA The Lego Theory)
A quick side step for the fun of it.
Published on February 20, 2005 By mormegil In Icons
Icon 50 (iPod Mini)

Yesterday I said I would be doing another File Type icon, however I have decided to take a little detour out of the default icon pack icons and do something purely for the fun of it.

About a month ago, I finally cracked under the pressure and bought an iPod. I went in to by a 512 iPod Shuffle, but somehow walked out with a 4G iPod Mini. This has, however, worked out quite well for me and I have become a big iPod Fan, mostly for its Audible.com support. The long and short of this story is that my iPod is almost always attached to my computer these days, and when it is it shows up as a removable drive. Since I am me, when a new Drive shows up on my computer I have to make an icon for it.

I was holding my mini the other day, and thought, it would be pretty easy to make an icon for this. As it turns out I was right. The only problem is that the final image ended up looking a bit too realistic, and I could have probably just used one of the many bitmap images from the Apple site and saved myself a bunch of time. However this dose make a nice tutorial on what you can easily do with techniques we have already established. So off we go...
 
Step 1:

Now if you have ever seen an iPod you will know they are pretty simple. our entire Icon can be made with just a few shapes.
Step 2:

The most difficult part of or image with be the main back of the pod. This I will do with the Mesh Tool. You can see here how I rounded the corners a bit. And placed some nodes where my shadows and highlights will be.

Step 3:

Now I simply change of the Mesh node colors. We do a light grey for the center 4 nodes, a dark grey on the left, and a light grey on the right.

 
Step 4:

You can see here our how our mesh created the illusion of dimension.
Now using the techniques from the Transparency 201 Class, I give the iPod a bit of texture.  Very subtle.

Step 5:

For our touch wheel we simply use a series of 6 circles with gradient fills.


Step 4:

To finish of the touch pad I put the controls on using the Text Tool and some simple shapes.

Step 4:

Now for our display I use 3 boxes, 2 for the outside of it to give it a slight lip and fill them with gradients.
The main part of the display is a Mesh Rectangle, with some darkened and lighted areas to make the display seem set back.

Step 8:

It might not really need it, but for consistency with the rest of our pack I go ahead and give the display a bit of gloss.

Step 9:

Lastly I draw a little Apple logo and place it in the display behind the gloss. I also use our Shadow and Reflection techniques to give us our Icon-A-Day style reflections and shadow.

Finished Icon Image




Click here to download the finished icon.

Well, that was fun, tomorrow we will start back into our supported icon pack icons.

Read the other Icon-A-Day Articles:
(Icon-A-Day Index)

Check out the CorelDRAW for Skinner Index, for links to all the related Video Tutorials.

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
All Images and Text in this tutorial are © Paul Boyer, and may not be reused without written permission.


Comments
on Feb 20, 2005
Great opportunity to use the techniques we are learning.

Thanks, Teach.
on Feb 20, 2005
It looks photorealistic. I oughtta look into CorelDraw and see how it differs from AI.
on Feb 20, 2005
That raelly is amazing Paul. Excellent work.
on Feb 20, 2005
One word... STUNNING! Great work as usual. Thanks for this one mormegil!
on Feb 20, 2005
I can almost touch it. Good Job!
on Feb 20, 2005
Hey this is Cool, I like it.
Thanks mormegil
on Feb 20, 2005
Paul, you drew the apple logo? Even that seems difficult for me.
on Feb 20, 2005
Dang, if I didn't know any better I would swear it was the real thing. You did a fantastic job with this one.
on Feb 20, 2005
Now thats a bit different, looks great.
on Feb 20, 2005
whoops
on Feb 21, 2005
Looks so real!!!
on Feb 21, 2005
What good ideas you have! It looks like I could make something like that (of course not that good like your skin) but it is also important to have a nice idea. What else to say but .
on May 31, 2005
I just won a silver one just like that. )

I've gotta use this!!!

But how?? That computer doesnt have IP, and I dont plan to put any SD proggies on there.
on Apr 20, 2007
Go regedit and look for this key:

hkey_local_machine\software\microsoft\windows\currentversion\explorer

Now create a new key DriveIcons

Under that key, create a new key of your drive alphabet (eg. "C" for C drive)
Under the C key, create a new key named "DefaultIcon".
Value data in this key will be the location of your icon (eg. C:\Icons\icon a day\Icon-A-Day (Hard Drive).ico)

Refresh your My Computer and there you go