Submit Hint Search The Forums LinksStatsPollsHeadlinesRSS
14,000 hints and counting!

Create scalable, masked, resizable icons in Photoshop Desktop
It's such easy to make your own icons with alpha channel, and all that stuff. You only need PhotoShop, no plugins or additional software is required. What you have to do is this: Make (in PhotoShop) a graphic that is 128x128px height and width. Feel free, you can us true color, you can use alpha blending, and what you thinking need you logo. Don't forget the Apple-like shadow. Now just save the iamge as a .psd file and huh, the psd file has an icon that looks like your image.

In the Finder, select File -> Get Info, then click on the icon box and select Edit -> Copy; close the Get Info dialog. Open the Get Info dialog of the file you want to change the icon, and then click on the icon and then Edit -> Paste. Tata, there is now the icon, made in PhotoShop; resizable, shadowable, perfect. I'm using photoshop 7 and panther.

BTW: sorry for my bad English; I'm still a student in Switzerland.

[robg adds: Some of you may consider this quite obvious, but hopefully it will save someone some time. BTW, Photoshop Elements works just as well as the full Photoshop for this task.]
    •    
  • Currently 2.00 / 5
  • 1
  • 2
  • 3
  • 4
  • 5
  (1 vote cast)
 
[10,039 views]  

Create scalable, masked, resizable icons in Photoshop | 12 comments | Create New Account
Click here to return to the 'Create scalable, masked, resizable icons in Photoshop' hint
The following comments are owned by whoever posted them. This site is not responsible for what they say.
Create scalable, masked, resizable icons in Photoshop
Authored by: Living Memory on Mar 01, '04 11:18:18AM

To take it a step further to create .icns files. Simply drop .png or .jpg (or .psd) files onto the IconComposer window. ( /Developer/Applications/Utilities/Icon Composer )

Use drag and drop to fill out all the fields. Icon Composer will create the masks from the alpha channel in the image.

(This assumes you have installed Developer Tools ).



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: osxpounder on Mar 01, '04 01:03:15PM

I tried IconComposer a few weeks ago, and I couldn't figure out what to do with my icns file. Now that I've got it, what do I do with it? It doesn't even have the darn icon, just a generic Apple ICNS icon!

---
--
osxpounder



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: aranor on Mar 02, '04 05:24:24AM

.icns files are generally used by developers. However, if you want to edit the icons of any Cocoa application (or Carbon .app application) you can, since they use .icns files inside the bundle to define the icon.

I will note that if you replace one of these files, and you're running Panther, you have to update the modification timestamp of the bundle itself. The easiest way is to use the 'touch' terminal command.



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: schneb on Mar 01, '04 01:16:19PM

This did not work for me. My Alpha channel comes out as white. What am I doing wrong?



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: osxpounder on Mar 01, '04 02:03:00PM

Schneb, there may be more to this than fabio has explained--I'm not sure. I can tell you that I tried it, and I also see only a white background, even though I have transparency. I even tried specifically creating an alpha channel [I also tried inverting the alpha channel's colours].

---
--
osxpounder



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: schneb on Mar 01, '04 03:02:53PM

Good thing I still have the ExportIcon Photoshop plugin.



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: Living Memory on Mar 01, '04 07:19:07PM
It could be that you are not hiding the background layer in Photoshop before saving the document as .png ( or whatever ). As for .icns ... icns documentation

[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: huskerchad on Mar 01, '04 05:38:20PM

There is also tiff2icns from the terminal. Save as tiff from photoshop, then use tiff2icns to get an "icns" file.



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: osxpounder on Mar 01, '04 05:58:45PM

Yeah, but what do you *do* with an ICNS file?

And Schneb, where/how does one get this plugin you mention, hmm? :o)

---
--
osxpounder



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: schneb on Mar 02, '04 06:06:33PM

Best little plugin-- soooo easy!

http://www.kineticcreations.com/exporticon/



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: merlyn on Mar 05, '04 10:23:09AM

I'm still getting a white box around my icon. Can someone please tell me what I have to do? I have my PSD desired icon (no background layer) and it's transparent where I want the icon to be transparent. What are the exact steps to then add an alpha mask to match this transparency, and save and copy and paste? I can't seem to find the magic formula.



[ Reply to This | # ]
Create scalable, masked, resizable icons in Photoshop
Authored by: trianglejuice on May 15, '04 10:54:33AM

Ok, it gets even more simple...
Just save your image (it doesn't matter which size, but heigth should be equal to width) as a tiff. In the Tiff Options Save Panel, make sure that Save Transparancy is checked.
Then continue using Icon Composer (or IconComposer in case you haven't got Panther).



[ Reply to This | # ]