How to Make Your Own Icon

Anonymous's picture

How to Make Your Own Icon

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).

 

Tags:
6

Comments

+ Add a Comment
avatar

ibi12

I have an aluminum Macbook and have tried this a couple times with no luck. Is there some option that needs to be set in System Preferences that I have missed or something? Or does this just apply to Macbook Pros? internet fax programs

avatar

benet

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

avatar

jkent

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

avatar

Walid

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

avatar

Sahyun

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.

avatar

Leslie Ayers

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

 

Thanks for sharing.

 

~Leslie

Log in to Mac|Life directly or log in using Facebook

Forgot your username or password?
Click here for help.

Login with Facebook
Log in using Facebook to share comments and articles easily with your Facebook feed.