Quantcast

Special Sponsored Section


The video player requires Flash 8 Player or later. Please download the latest Flash Player.


Maclife Hottest Articles
Thumbnail
FEATURE
100 Snow Leopard Tips, Tricks, and Features
Browser
FEATURE
OS X Browser Speed Wars: May the Fastest App Win
iTunes History
FEATURE
The Complete iTunes History -- SoundJam MP to iTunes 9
iTunes Tips
FEATURE
iTunes 9 Tips and Tricks - Solve the Mysteries of the New iTunes

How to Make Your Own Icon
Posted 06/07/2007 at 11:39:00am | by Leslie Ayers

Step 4. Finish the Job

 

Now you need to apply the IconBuilder filter to the image you've placed on the icon grid. Select Filter > Iconfactory > IconBuilder 8.0. In the drop-down window in the upper-left, make sure Macintosh – Normal is selected by pressing Command-3. Click the Build button, which is a left-pointing arrow located between the two panes. Save your icon by clicking Save and designating a location for the file. Click Close to exit the filter. Now you can use your personalized icon as you would any other Mac icon.

 

Choose Macintosh – Normal from the drop-down in the upper-left.

 

- - - - - - - - - - - - - - - - - - - -

 

BONUS TIP: Creating an icon with a transparent background.

 

If it's something relatively simple, like a bold, black signature or a simple logo on a solid-colored background, you can remove the background using Photoshop's Magic Wand tool. Here's how:

 

1. Open the image in Photoshop. Select the Magic Wand tool and click on the background of the image. If it doesn't select all of the background initially, press Control and click in the area you want to add. In the drop-down that appears, select Add to Selection. Continue doing this until all of the background is selected. (Remember to include the spaces inside letters too.)

 

We had to do four Add to Selections to select all of the white background on the Mac|Life logo, including separate additions for the enclosed portions inside the lowercase a and e.

 

2. To select the text (rather than the background) go to Select > Inverse (or press Shift-Command-I). Press Command-X to cut out the text only (Edit > Cut). Create a new file with a transparent background (Command-N). Name your file, and be sure to select Transparent for the background next to Background Contents. To paste the cut text currently in the clipboard into your new file, press Command-V (Edit > Paste).

 

Photoshop helpfully creates your new file in the same dimensions and resolution as the open file. Just be sure to select Transparent for the background.

 

3. Now save your new file as a PSD file (default format). Now when you create your icon using the steps previously outlined, it will maintain a transparent background.

 

Our original image (top) and our new image, now with a transparent background (bottom).

 

COMMENTS: 6
TAGS: 
COMMENTS
avatarCustom icons

Nice. Here's the way I do it:
Required software: Icon Composer, which I believe is in the OSX devkit, icns2icons, free, and of course, photoshop.
Open the image of your future icon in P'Shop, and copy the layer (Apple-J). Drag the "Background" layer to the garbage can icon in the lower-right corner of the layers palette. Get rid of What you don't want in the remaining layer. If you want a drop shadow, make it in a new layer which you'll place underneath the one with your image. Crop the file as close to the edges as you can. Make the canvas square in "canvas size". Save one 128x128pxls copy of the file, one 48x48, one 32x32, one 16x16, ALL IN .PSD FORMAT to preserve transparency.
Open Icon Composer. Double-click the 128x128 space on the window, and find the 128x128pxls psd file. Do the same for the 48x48, 32x32 and 16x16 spaces and click yes to incorporate the mask every time. Save the icns file. You now have a generic icon. Drag the file on the icns2icon icon and Shazaam! You he an icon ready to use.
Not better or worse, just different.
Enjoy
Walid

Login or register to post comments
avatarCool, thanks Walid

The coolest part about your way is that it's free! :-)

 

Thanks for sharing.

 

~Leslie

Login or register to post comments
avatarYet another free way

Once you have your .PSD image with transparency, drag the file into Pic2Icon (free, http://osxiconeditor.phatcode.net/Pic2Icon.html; the site has an IconEditorPack with links to the above mentioned icns2icon and Gimp ). This turns the picture into a good image you can copy in "Get Info" and paste for the folder or file icons in their Get Info panes. The image can also be brought into Icon Composer to create your .icns icon.

Login or register to post comments
avatarMake it completely free...

Use GIMP. Free replacement for photoshop that is easily good enough for this kind of thing.

Login or register to post comments
avatarAnybody knows the numbers of

Anybody knows the numbers of Louis Vuitton Outlet in CA, I need to call them and get my LV bag repaired.
I have read louis vuitton handbagsthrough this article, I do not understand what it meant ah

Very goodlouis vuitton handbags article written by ah

Login or register to post comments
avataromega watches

Were not smart, but also learn from others bald.omega watchesChing had no water to fish, one to the cheap is invincible.replica watchI left Dragon, White Tiger right shoulder tattooed Mickey Mouse.replica watchesEfforts should be made! ! For your Audi Dior me.jkwu

Login or register to post comments