Shop Mobile More Submit  Join Login
Mac OS X Leopard or Lion folder template by simphax Mac OS X Leopard or Lion folder template by simphax
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 :)
Add a Comment:
 
:iconartsytecture:
artsytecture Featured By Owner Apr 23, 2016
thanks for this!
Reply
:iconstealer0517:
stealer0517 Featured By Owner Mar 5, 2015
how do I replace the circle with the thing I want?
Reply
:iconmarcelodior:
marcelodior Featured By Owner Apr 11, 2014
This is great. Thank you!
Reply
:iconsonriez:
Sonriez Featured By Owner Apr 8, 2014  Student Interface Designer
Thank you! :3
Reply
:iconshinfurevindo:
ShinFurevindo Featured By Owner Sep 3, 2013  Professional Digital Artist
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!
Reply
:iconwayn3e:
Wayn3e Featured By Owner Aug 30, 2013  Hobbyist Interface Designer
    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! :)

Reply
:iconintlvirus:
intlvirus Featured By Owner Jun 8, 2013  Hobbyist Photographer
Thank you.
Reply
:iconchoprats:
ChoPraTs Featured By Owner May 27, 2013
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! :)
Reply
:icongorgeb:
GorgeB Featured By Owner Apr 14, 2013  Professional Digital Artist
Thank you so much for this amazing template :handshake:
Reply
:icondhruv3:
Dhruv3 Featured By Owner Jan 26, 2013
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
Reply
:iconlopertyur:
LopertYur Featured By Owner Nov 13, 2012
Mil gracias, muy útil!
Reply
:icongazamda:
GAZAMDA Featured By Owner Nov 1, 2012  Professional Artist
Very cool! Now I can make my own custom folders, thank yoU!
Reply
:icondercasemodder:
dercasemodder Featured By Owner Oct 11, 2012
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?
Reply
:icondercasemodder:
dercasemodder Featured By Owner Oct 11, 2012
Nevermind.

Just in Case anyone else is searching for them, the icon path is:
/System/Library/CoreServices/CoreTypes.bundle/Contents/Resources/GenericFolderIcon.icns
Reply
:iconthemysteria:
themysteria Featured By Owner Aug 29, 2012  Hobbyist Artist
THX!!!
Reply
:iconsparkyemp:
sparkyemp Featured By Owner Aug 27, 2012  Student Digital Artist
genious
Reply
:iconthesablesummer:
theSableSummer Featured By Owner Jun 7, 2012  Student General Artist
Thank you for enabling my procrastination :P I used your lovely template here: [link]
Reply
:iconexecuse:
execuse Featured By Owner May 1, 2012
TANK YOU SO MUCHHHHH!
Reply
:icondiligo-ut-vos-mos:
diligo-ut-vos-mos Featured By Owner Mar 23, 2012
Awesome!
Reply
:iconthegrimreaperisback:
thegrimreaperisback Featured By Owner Jan 3, 2012  Hobbyist Digital Artist
Very nice - I made myself a lot of folders, and it helps me distinguish between folders in my dock more easily!
Reply
:iconappleminimalist:
appleminimalist Featured By Owner Dec 31, 2011
thanks !
Reply
:iconczino:
Czino Featured By Owner Nov 20, 2011  Student Photographer
Thank you much!!!
Reply
:icondruidcwb:
DruidCWB Featured By Owner Aug 23, 2011
Thanxs a lot dear mate.
Reply
:iconburliburd:
Burliburd Featured By Owner May 11, 2011
Thank you! It works for me too! I've just made my first folder icon.
Reply
:iconsi5m:
Si5m Featured By Owner Apr 20, 2011  Hobbyist General Artist
Thank you so much, these are great.
Reply
:iconadmiralsnow:
AdmiralSnow Featured By Owner Apr 19, 2011  Student Photographer
Thanks! Great job, it's very useful.
Reply
:iconnanatrex:
nanatrex Featured By Owner Feb 26, 2011  Professional Photographer
thank u soo much buddy .! love it :love:
Reply
:iconnorthdakota91:
NorthDakota91 Featured By Owner Feb 20, 2011
Thank you very much for sharing :)
Reply
:iconboiler003:
boiler003 Featured By Owner Jan 20, 2011  Hobbyist Photographer
thank you so much
Reply
:iconanonymonkey:
Anonymonkey Featured By Owner Jan 18, 2011  Hobbyist Artisan Crafter
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?
Reply
:iconsimphax:
simphax Featured By Owner Mar 28, 2011  Hobbyist Interface Designer
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.
Reply
:iconanonymonkey:
Anonymonkey Featured By Owner Apr 4, 2011  Hobbyist Artisan Crafter
Oh hmmmm. I haven't noticed these details! :D Thanks for the tip!
Reply
:iconcamgould:
camgould Featured By Owner Jan 11, 2011
Awesome. Cheers.
Reply
:iconandreore:
Andreore Featured By Owner Nov 19, 2010
Thank you very much, right what I was looking for!
Reply
:iconfifgraph:
FIFGraph Featured By Owner Nov 6, 2010
FAved.
Reply
:iconkomiks:
komiks Featured By Owner Aug 16, 2009
Thank you
Reply
:iconhjsergey:
hjsergey Featured By Owner Mar 13, 2009
nice job
Reply
:iconnagdabl:
nagdabl Featured By Owner Jan 24, 2009
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 ?
Reply
:iconsimphax:
simphax Featured By Owner Feb 11, 2009  Hobbyist Interface Designer
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.
Reply
:iconsimphax:
simphax Featured By Owner Oct 24, 2008  Hobbyist Interface Designer
Thank You for you comments :)
Reply
:iconkoesherbacon:
koesherbacon Featured By Owner Oct 16, 2008
Wow, thanks! This is definitely useful!
:judge:
Reply
:iconpoulnyrup:
PoulNyrup Featured By Owner Oct 16, 2008
Brilliant work - this will really come in handy... :clap:
Reply
Add a Comment:
 
×




Details

Submitted on
October 16, 2008
File Size
1.1 MB
Thumb

Stats

Views
40,806 (1 today)
Favourites
160 (who?)
Comments
42
Downloads
10,237

License

Creative Commons License
Some rights reserved. This work is licensed under a
Creative Commons Attribution 3.0 License.
×