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

Icon-A-Day, Icon # 8, My Computer

My Computer, and CorelDRAW for Skinners.

January 15, 2005 5:32:05 PM from WinCustomize ForumsWinCustomize Forums
 
Icon 08 (My Computer)

     Today we are going to do one of the more complicated icons, the "My Computer" icon. Because I am trying to keep these relatively simple I have decided to do a simple LCD monitor. I will be using the "Mesh Fill" tool to do 90% of this icon. I have done a video on using the Mesh Fill tool. You can view it here.
    I have also done a video on doing the "Gloss" look, you can check it out here.
 
Step 1:

Like I said, we are going to be doing mostly mesh fills to make this. I start by drawing several Rectangles with the Mesh Tool, and shape them into my basic shapes.


 Step 2:

Now I start molding the shape of the monitor, with the Mesh Tool. Whites and gray colors on the nodes.
Once again check out the Mesh Fill 101 video for more on this technique.
 Step 3:

You can see the how using this technique is starting to give us some shape to the main panel.



 
Step 4:

Now I start to do more mesh editing, to get the look I want. I am going with some bevels, like we have in the folder.



 		 Step 5

This shows how you can get quite detailed with the mesh if you want. In the end this monitor will only consist of 4 mesh fills. and a few other graphics.




 		 Step 6:

Now I copy my main shapes, clear the Mesh Fill, and fill them with a light grey.
Then I use the "Interactive Transparency" tool and apply the same "Brushed" texture I used on the folders. (I will do a video on this later)
Step 7:

Now I draw a shadow mask and pull a shadow off of it, while using the same technique as in our earlier icons.

 Step 8:

Most of the time I will draw my own image for the screen; something simple. This time I thought it would be fun to use a bitmap.
I take an image I am using in the Galactic Civilizations UI, and skew it slightly, then crop it down to fit in the screen area.

 Step 9:

Now I ad some glare.
See the Gloss 101 Video on more on how to do this.

Step 10:

Now once more we make the reflection on the floor, same as the earlier icons.
(Video on this to come later.)

 Finished Icon Image.


 




Download Finished Icon Here

That's the "My Computer" icon. We will be seeing this used a lot in icons to come. The image in it might change, but with this I can use it if I get the chance to do a Galactic Civilizations theme.

Read the other Icon-A-Day Articles: Icon # 1, Icon # 2, Icon #3, Icon # 4, Icon #5, Icon # 6, Icon # 7.

CorelDRAW for Skinners videos: Mesh Fill 101, Gloss 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
Locked Post
Search this post
Advanced Search
Subscription Options
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
CerebroJD
Join Date 01/2003
+9
Reply #1 January 15, 2005 6:29:09 PM
from WinCustomize ForumsWinCustomize Forums
*CerebroJD's jaw ricochet's off the floor*

Thats incredible! Probably the best icon of a monitor I've ever seen....ever!
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Corky_O
Join Date 04/2004
0
Reply #2 January 15, 2005 6:35:59 PM
from WinCustomize ForumsWinCustomize Forums
CerebroJD said it all.

Simply the coolest thing I have seen to date.

Thanks for the lessons and the vids, they are indespensible.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Oo_NUKLEAR_oO
Join Date 03/2003
0
Reply #3 January 16, 2005 3:36:21 AM
from WinCustomize ForumsWinCustomize Forums
WOW, someone give this man an award, Thak you for taking the time to do this Paul. The videos are really cool, you make everthing look so easy. I hope you make more videos, I'm learning a lot from them. Thanks again, you're the man!!
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
veelckoo
Join Date 01/2005
0
Reply #4 January 16, 2005 9:17:11 AM
from WinCustomize ForumsWinCustomize Forums
All I can say is: AWESOME. Thank you for your time and effort.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
RPGFX
Join Date 02/2004
+55
Reply #5 January 16, 2005 1:16:41 PM
from WinCustomize ForumsWinCustomize Forums
Wow... amazing. Like Cerebro said, the best monitor icon EVER. As a Coreldraw user, I really appreciate the tutorials... very helpful.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
-OZZY-
Join Date 12/2004
0
Reply #6 January 16, 2005 6:45:29 PM
from WinCustomize ForumsWinCustomize Forums
i really love the videos........one question, how can i store them on my computer ??
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Corky_O
Join Date 04/2004
0
Reply #7 January 16, 2005 8:11:17 PM
from WinCustomize ForumsWinCustomize Forums
-OZZY-,

After running the video to the end in Windows Media Player, make sure the "Now Playing List" is showing and highlight the title of video, go to "File>Save As" and select a spot to save. It should save as a .wmv file.

Again, you must run video to end before doing this, otherwise the "Save As" option is not available.

Hope this helps.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
mormegil
Join Date 03/2001
+74 sdemployee
Reply #8 January 16, 2005 8:14:53 PM
from WinCustomize ForumsWinCustomize Forums
You can also just right click on the video's hyperlink and say Save Target As.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
-OZZY-
Join Date 12/2004
0
Reply #9 January 16, 2005 9:04:51 PM
from WinCustomize ForumsWinCustomize Forums
thx corky & mormegil !!! i've done this before but i just keep on forgetting these things
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Trinox
Join Date 06/2004
0
Reply #10 January 18, 2005 11:54:22 PM
from WinCustomize ForumsWinCustomize Forums
Nice icon.. ya make it look to easy.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
RomanDA
Join Date 12/2003
+147
Reply #11 January 20, 2005 2:49:47 PM
from WinCustomize ForumsWinCustomize Forums
Man... WOW...

WOW on the Tutorials

WOW on the Icons

and WOW on all your efforts to do this for all of us!


1 Q - what did you use to make the video, that was great!
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
mormegil
Join Date 03/2001
+74 sdemployee
Reply #12 January 20, 2005 5:21:23 PM
from WinCustomize ForumsWinCustomize Forums
I recorded the video with CamStudio, and then resample it with Windows Movie Maker 2.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
Vetto
Join Date 02/2004
0
Reply #13 February 3, 2005 7:31:31 PM
from WinCustomize ForumsWinCustomize Forums
this might be simple, but it is kicking my butt...how do you skew the bitmap for the screen graphic? When ever I put a bitmapped picture in the icon and try to skew it with the mesh tool the bitmap goes away and is replaced with a solid color I can do this in photoshop...just not in Draw
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
deM boyZ
Join Date 05/2005
0
Reply #14 May 21, 2005 7:02:39 PM
from WinCustomize ForumsWinCustomize Forums
Dude nice job... what do you use to create all of this?
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
anmolsaraf
Join Date 04/2008
0
Reply #15 April 30, 2008 10:08:18 AM
from WinCustomize ForumsWinCustomize Forums
Hey Mormegil, why can't i see the images in the tutorial steps, I unable to view any of the images above and can see only the text. Thanks, Anmol.
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
dj mobster
Join Date 02/2005
0
Reply #16 May 20, 2008 2:29:29 PM
from WinCustomize ForumsWinCustomize Forums
probably because he deleted his profile on the site "https://www.joeuser.com/sdfiles/mormegil" since thats where he hosted his pictures and videos. its a shame, they were really good videos ( and tutorials. now i don't have anything to re learn corel draw (
Reason for Karma (Optional)
Successfully updated karma reason!
mormegil
ZubaZ
Join Date 11/2001
+917
Reply #17 May 21, 2008 8:47:17 AM
from WinCustomize ForumsWinCustomize Forums
That server actually crashed.  What was recoverable was recovered at the time. (

I'll give this a bump though
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: