Search
Forum Home | Login
mormegil
mormegil
Join Date 03/2001
+74 sdemployee

Icon-A-Day, Icon # 50, iPod Mini

A quick side step for the fun of it.

February 20, 2005 3:26:34 PM from WinCustomize ForumsWinCustomize Forums
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.

icons
Locked Post
Search this post
Advanced Search
Subscription Options
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Corky_O
Join Date 04/2004
0
Reply #1 February 20, 2005 3:53:47 PM
from WinCustomize ForumsWinCustomize Forums
Great opportunity to use the techniques we are learning.

Thanks, Teach.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
PixelPirate
Join Date 07/2003
+17
Reply #2 February 20, 2005 4:08:49 PM
from WinCustomize ForumsWinCustomize Forums
It looks photorealistic. I oughtta look into CorelDraw and see how it differs from AI.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
BlueDev
Join Date 12/2003
+16
Reply #3 February 20, 2005 4:17:39 PM
from WinCustomize ForumsWinCustomize Forums
That raelly is amazing Paul. Excellent work.
Reason for Karma (Optional)
Successfully updated karma reason!

Sign Up or Login and this ad disappears!
There are many great features available to you once you register. Sign Up for a free account and browse the forums without ads.

mormegil
Gusteau
Join Date 06/2003
0
Reply #4 February 20, 2005 4:29:11 PM
from WinCustomize ForumsWinCustomize Forums
One word... STUNNING! Great work as usual. Thanks for this one mormegil!
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
thethimble
Join Date 08/2004
0
Reply #5 February 20, 2005 5:00:18 PM
from WinCustomize ForumsWinCustomize Forums
I can almost touch it. Good Job!
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Narscan
Join Date 11/2002
0
Reply #6 February 20, 2005 5:18:46 PM
from WinCustomize ForumsWinCustomize Forums
Hey this is Cool, I like it.
Thanks mormegil
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
47songs
Join Date 12/2003
+4
Reply #7 February 20, 2005 5:36:16 PM
from WinCustomize ForumsWinCustomize Forums
Paul, you drew the apple logo? Even that seems difficult for me.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
i81b4u-uc
Join Date 11/2002
0
Reply #8 February 20, 2005 6:29:37 PM
from WinCustomize ForumsWinCustomize Forums
Dang, if I didn't know any better I would swear it was the real thing. You did a fantastic job with this one.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
horiz0n
Join Date 07/2003
+10
Reply #9 February 20, 2005 11:19:15 PM
from WinCustomize ForumsWinCustomize Forums
Now thats a bit different, looks great.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
horiz0n
Join Date 07/2003
+10
Reply #10 February 20, 2005 11:24:42 PM
from WinCustomize ForumsWinCustomize Forums
whoops
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
APB
Join Date 06/2001
+8
Reply #11 February 21, 2005 6:43:06 AM
from WinCustomize ForumsWinCustomize Forums
Looks so real!!!
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
sssnake
Join Date 12/2004
0
Reply #12 February 21, 2005 4:03:02 PM
from WinCustomize ForumsWinCustomize Forums
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 .
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
PurrBall
Join Date 02/2003
+23
Reply #13 May 31, 2005 5:23:46 PM
from WinCustomize ForumsWinCustomize Forums
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.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
5tr4ng3r
Join Date 04/2007
0
Reply #14 April 20, 2007 5:39:32 AM
from WinCustomize ForumsWinCustomize Forums
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
Reason for Karma (Optional)
Successfully updated karma reason!
View all recent posts
Mark all posts as read Delete cookies created by the forum Return to Top
Stardock Forums v        Server Load Time:   Page Render Time: