HOME | DD
simphax β Mac OS X Leopard or Lion folder template
by
Published: 2008-10-16 09:44:35 +0000 UTC; Views: 54952; Favourites: 177; Downloads: 11611
Redirect to original
Description
This is the most accurate Mac OS X Leopard, Snow leopard and Lion folder template for Photoshop including all sizes. (512x512, 128x128, 32x32, 16x16)This is how I do:
You will need basic Photoshop skills, Photoshop installed (of course), Mac OS X Developer Tools installed (to get Icon Composer) and a program called Icns2Rsrc.
1. Open "Folder Template 512x512.psd" and edit the circle layer to whatever motive you want.
2. Save the icon on the desktop by using the "Save for Web & Devices..." option. Save as PNG-24 with transparency.
3. Repeat the steps 1-2 for all templates (128,32,16)
4. Open Icon Composer and drag the png icons to the respective drop locations. (256 should be empty).
5. Click File->Export... and save the icns file to the desktop
6. Use Icns2Rsrc and open the icns file to get a rsrc file with your folder icon.
7. Right click on the rsrc file and click "Show Info". Do the same with the folder you want to apply the icon to.
8. In the Show Info window for your rsrc file, click once on the little icon in the top left and press command-c to copy. Then go to the folder's Show Info window and do the same but now you want to paste instead (command-v).
And you are done! Feedback is appreciated. If anyone got any easier way to do this please tell me
Related content
Comments: 42
how do I replace the circle with the thing I want?
π: 0 β©: 0
Very useful! I hadn't thought to use clipping masks this way to get the effect - I was playing with different blending modes for hours trying to get the effect and it's so simple this way, it never occurred to me, so thank you for making and sharing this!
π: 0 β©: 0
Β Β I've got an easier way with no extra programs required.
1. Create your Icon and save it as a .png file.
2. Open it in any Image View program e.g iPhoto or something like that.
3. Copy it to your Clipboard. (Command+C)
4. Navigate to the Folder which Icon you'd like to change.
5. Do a right-click and go to Get Info.
6. Press the little Folder Icon beside your Folder's name and paste it (Command+V)
Β Β Done!
π: 0 β©: 0
I don't know how to edit the circle layer to change it with the image or icon that I want to use. Some months ago I used Pixelmator to do this with this template, only needed to substitute the circle layer with other what I want. But I don't know why now, few months later with the new versions of Pixelmator this doesn't work anymore. So, I need to edit the PSD directly in Photoshop but I don't know how change the circle layer with this software. Please, can someone make a little tutorial about this first step? I think it's not difficult and sure everyone can do a little edition like this with Photoshop, but I need to know how can I do that in Photoshop instead of Pixelmator, because it seems to be a little more difficult. Thanks and congratulations for your nice job!
π: 0 β©: 0
Nice work and thanks.
Just wanted to ask if you have these in a bigger size, I think Apple has increased the icons sizes in Mountain Lion because of the Retina Display.
Thanks again
π: 0 β©: 0
Very cool! Now I can make my own custom folders, thank yoU!
π: 0 β©: 0
This is really awesome, thanks for providing it!
Unfortunately, creating icons for Retina displays requires a "@2x" version of each icon version providing double the resolution.
Can you tell me where the original resources are located (on the OS X file system), so I can create these icons as well?
π: 0 β©: 1
Nevermind.
Just in Case anyone else is searching for them, the icon path is:
/System/Library/CoreServices/CoreTypes.bundle/Contents/Resources/GenericFolderIcon.icns
π: 0 β©: 0
Thank you for enabling my procrastination 
π: 0 β©: 0
Very nice - I made myself a lot of folders, and it helps me distinguish between folders in my dock more easily!
π: 0 β©: 0
Thank you! It works for me too! I've just made my first folder icon.
π: 0 β©: 0
Sweet template! I found something identical to these steps a few days ago only I think they put the icon in every box and I'm just curious why you leave the 256 blank?
π: 0 β©: 1
Hi there. Thank you. I leave 256 blank because Apple's original icons only use 512, 128, 32 and 16 sizes. If you study them closely you will also notice that they uses different settings on shadow/bevel for each size depending on what makes best sharpness for viewing in that size on screen, which I couldn't find any other template who did take this in mind. That is why I decided to do my own template including all sizes.
π: 0 β©: 1
Oh hmmmm. I haven't noticed these details! 
π: 0 β©: 0
Thank you very much, right what I was looking for!
π: 0 β©: 0
Thanks a lot for the template and the explanation ! It works great for me.
The only thing that bothers me is when checking the customized folder out in 'coverflow' and you enlarge the view the standard icons will always be sharp but my customized folder will pixelate. Do you have any tips for this ?
π: 0 β©: 1
Hi mr nagdabl
I can't notice any difference to the standard folders when I try. All my icons is being pixelated for a fraction of a second, just like the customized, but then it will be sharp again. Are you sure you followed my guide exactly?
It may have something to do with the 2nd step. Try to check/uncheck the "interlaced" checkbox.
Another theory may be that the standard icons is loaded faster just because it's in your cache memory, or maybe the standard icons is more compressed?
I think the standard icons are stored in TIFF format, maybe that has something to do with it? Maybe you can change the 2nd step and save the icon to TIFF instead.
π: 0 β©: 0
Brilliant work - this will really come in handy...
π: 0 β©: 0