Create a “Sky” and “Wood” Custom Dock
I learned that the background on the Dock in Leopard is a set of 4 PNG image files, and I got the hamsters running. I made Sky and Wood for you, and here’s what they look like:
Installation
To ‘install’ them, go to /System/Library/CoreServices/Dock and click on the gear icon in the Finder window.
Select “Show Package Contents” and then go to Contents/Resources/ and copy these files in. They will replace the system images, so be sure to backup the originals!
Antonis on October 31st, 2007 at 8:57 am
Nice. I bet most Leopard-ised tweak utilities (CandyBar, Onyx, Cocktail etc) will automate this process.
How did you get rid of the reflections? IIRC the stock Dock also draws reflections for all icons it carries but I see none in your versions.
Elizabeth on October 31st, 2007 at 8:57 am
Is it too simple to think that four transparent PNG’s would work to “erase” the dock background entirely, leaving the icons floating above the desktop?
John M on October 31st, 2007 at 8:58 am
Hello Todd,
I backed up my dock files and then copied over the wood files and nothing changed even after a reboot. Am I missing something?
Todd Baur on October 31st, 2007 at 9:11 am
If you’re comfortable using Terminal, you can use the command ’sudo ditto Downloads/Wood/*.png /System/Library/CoreServices/Dock.app/Contents/Resources/’ (assuming that Downloads/Wood/ is the location of the PNG files.
John M on October 31st, 2007 at 9:24 am
Todd,
Thank you for the quick response. The files are where they need to be just as per your directions but still no luck after an hour later. BTW, thank you for creating these files as well. I am going to try sky and see what happens.
John M on October 31st, 2007 at 9:27 am
Todd,
I noticed that sky has 6 files while wood only has 4? Is that normal?
Todd Baur on October 31st, 2007 at 10:24 am
I included the original file I cut the sky background from for anyone who is interested in customizing it some more.
Matt Radel on October 31st, 2007 at 11:12 am
That’s pretty nifty. I love the wood!
rob on October 31st, 2007 at 11:34 am
the wood isn’t working for me either
Dave on October 31st, 2007 at 12:45 pm
So they only work if your dock is on the bottom? I set my dock to the left. How do you make them work if you choose that option? Thanks and nicely done.
John M on October 31st, 2007 at 2:15 pm
How many folks here have tried with no success to get this to work. Todd’s work is magnificent but I cannot get it to work. :(
Todd Baur on October 31st, 2007 at 2:53 pm
Make sure you log out and log back in before it takes effect!
John M on October 31st, 2007 at 3:06 pm
Todd,
I logged in and out. rebooted, did it all even revived all dock files (from backup) then retried wood files still no luck. Hopefully can figure this out someday. Thank you for your help anyway.
John
Todd Baur on October 31st, 2007 at 3:08 pm
When you view the images in the Dock package are they shown as the Wood files or the system ones? I made sure the Finder viewed the Wood before I switched over.
John M on October 31st, 2007 at 4:20 pm
Todd,
I got it to work. I had to physically remove the old files and then copy and paste in your wood files. It did not replace them if I just did the overwrite thing.
Thank you. Nice job.
John
Timoni Grone on October 31st, 2007 at 4:37 pm
Even with the authorization, I wasn’t able to overwrite the scurve-.pngs until I removed the original files as well (similar to John M’s description).
CC on October 31st, 2007 at 6:59 pm
Yeah I had the same problem as above, had to manually delete and replace the files. You can do a Killall Dock at the terminal instead of doing the login thing.
Thanks
You can check out my desktop here http://deepink.files.wordpress.com/2007/10/my-dektop.jpg
Matt on October 31st, 2007 at 8:47 pm
If anybody’s interested, I made a couple dock looks of my one. One is another wood look, although this one with some reflectivity and chrome endcaps, and the other looks like an ice block, with the “running application” indicator also replaced for clarity.
http://www.hine.org/graphic/2007_10_docks/
Stephanie Guertin on October 31st, 2007 at 9:55 pm
@Elizabeth – Yes, four transparent .pngs produce a very eerie floating-in-midair transparent effect.
Matt on November 1st, 2007 at 6:37 am
Does it? I noticed that the alpha channel in the pngs seems to specify reflectivity, which is basically transparency, but applied over an image of the area just above the dock, but top-bottom mirrored. This is cute, but it seemed to make it impossible to have “regular” transparency.
Todd Baur on November 1st, 2007 at 7:34 am
Actually, I’m kinda glad that the Wood one doesn’t reflect because wood doesn’t reflect naturally unless it is highly polished. So I guess it is all a matter of taste if you like that or not.
That Guy on November 1st, 2007 at 8:19 am
This would be perfect for ResExcellence!!!
Oh wait…
Jeremy Brown on November 1st, 2007 at 9:04 am
I love the wood. Thanks.
Here is a picture of my desktop, with my solution for the lack of Hierarchical folders in the dock
Jeremy Brown on November 1st, 2007 at 9:05 am
Opps. That link address should be: http://web.mac.com/jeremydavidbrown/randompictures/mydesktop2.jpg
Paul Andrews on November 1st, 2007 at 12:58 pm
I finally got it to work, the wood looks great, thanks.
It asked me to authenticate about 10 times before it allowed me to paste the new PNGs in to the folder.
badhad on November 1st, 2007 at 1:23 pm
Initially I had the same problem with the new effect appearing to not apply. Simple solution is to change the dock to show as a side bar and then change it back to show at the bottom. Hope this helps others.
Thanks for share. Loving the wood effect – primarily because it makes the dock sooooo much easier to see now. esp the stupid active application glowing ball which was almost impossible to see on the mirrored dock.
LunaC on November 1st, 2007 at 1:27 pm
Kind of off topic, but has anyone found a way to remove the shadows around the icons in the dock?
Matt on November 1st, 2007 at 6:45 pm
Luna, if you poke around in that same folder with the dock images, I think there’s a dock item shadow image somewhere. I imagine setting that to fully transparent would do the trick, although I haven’t played with it.
Macintosh Sauce on November 2nd, 2007 at 5:29 am
Check mine out so far… I am updating this folder with new colours throughout the day. :)
http://www.jamesnrhodes.com/personal/macosx/files/
dennis on November 2nd, 2007 at 10:42 am
just a quick thanks for the wood dock. it looks great and really makes it easier to see what applications are running!
LunaC on November 2nd, 2007 at 11:55 am
No luck so far trying to remove the shadows above the dock icons. I tried replacing a fully transparent pmg with both shadow.png (couldn’t see any changes with that) and stackitemshadow.png.. that did remove shadows from stacks icons, dock shadows remained.
I noticed it the dock is at the side, and magnification is turned on, the shadows aren’t there even on mouseover… so I know this has to be possible. The double shadowing and the top of the shadow getting cut off on some icons is distracting. (Turn on magnification, look at mail right above the number indicator and there’s an example of the shadow getting cut off.)
I’m going to keep poking around later today if I get the time, this is personal now ;)
@Jeremy Brown: How did you get the menus in there?
Niclet on November 2nd, 2007 at 12:00 pm
Don’t forget to fade left and right borders a little bit if you don’t want to have those black triangles on the bottom corners.
Now, the next step would be to get it animate! Imagine those Dock-clouds gently moving under the apps ;)
The Smartest Man in the World on November 2nd, 2007 at 5:59 pm
Love it! Thanks!
Jim on November 2nd, 2007 at 8:25 pm
Absolutely love the wood dock. Only problem is I keep my dock on the right since vertical real-estate is more valuable to me. Is it possible to update the look of the dock when it is positioned on the right or left side of the screen? There are a bunch of images labeled right1.png, right2.png, etc… but these only seem to apply to the permiter of the dock, not the main region.
BigKM on November 2nd, 2007 at 9:35 pm
Anyone having trouble with this needs to not replace the images but accutally delete them first then move the new ones into place.
John on November 3rd, 2007 at 2:19 am
haha…he made wood for us…
i know it’s lame…but i couldn’t resist
NE on November 3rd, 2007 at 8:35 am
I tried to get it to work but all it did was copy the images into the folder, it did not replace any thing.
This is a genius idea and i would love for it to work.
NE
James on November 3rd, 2007 at 9:51 am
Hey guys – I created a site just for Leopard Docks – http://www.leoparddocks.com/ – check it out and submit any and all designs you have done. Help me get this thing going!
Tj on November 3rd, 2007 at 10:09 am
Changed the images to be transparent, but there is a thin strip at the bottom. I can’t figure out what file this is that needs to be changed. The images is a really light gray. Anybody know which file this is?
Matt on November 3rd, 2007 at 10:16 am
TJ-Yes, it’s “frontline.png”.
BigKM-Yes, you do have to delete the old images first, then move in the modified ones (of course you should back up your old ones first).
Kevin on November 3rd, 2007 at 11:03 am
If you replace the originals for the wood and wanted to switch back, you would drag them back and delete the wood. For some people, you can’t replace the L and M because of an error (34, I believe). To bypass the error, use time machine.
NE on November 3rd, 2007 at 2:06 pm
what are the names of the pictures you have to delete?
Matt on November 3rd, 2007 at 9:30 pm
The ones with the same names as the ones you’re putting in.
NE on November 4th, 2007 at 7:30 am
What If There Are None With The Same Name
Patrick on November 4th, 2007 at 7:38 am
Thanks for the new dock – I liked the old Leopard dock but love the new wooden one.
One issue – a day or so after installing I ran Verify Permissions from Disk Utility and got a hit for each of the four new dock files (see below). I haven’t repaired permissions to see what happens.
User differs on “System/Library/CoreServices/Dock.app/Contents/Resources/scurve-l.png”, should be 0, user is 501.
Group differs on “System/Library/CoreServices/Dock.app/Contents/Resources/scurve-l.png”, should be 0, group is 501.
User differs on “System/Library/CoreServices/Dock.app/Contents/Resources/scurve-m.png”, should be 0, user is 501.
User differs on “System/Library/CoreServices/Dock.app/Contents/Resources/scurve-sm.png”, should be 0, user is 501.
User differs on “System/Library/CoreServices/Dock.app/Contents/Resources/scurve-xl.png”, should be 0, user is 501.
Matt on November 4th, 2007 at 9:33 am
NE- Then you’re probably looking in the wrong place?
Patrick- No big deal, it’s just catching that those files belong to you rather than root. You can “repair” them if you want.
Dwight D. White on November 4th, 2007 at 11:49 am
When I copy the wood pngs to the resources folder, I’m getting the message “unable to complete operation since scurve-l.png is in-use.”
Am I missing a step?
Matt on November 4th, 2007 at 12:26 pm
Again, try deleting the existing files with the same file names before copying the new ones in. The OS seems to have a problem with overwriting the existing files (if in use), but not with deleting them.
JAK on November 4th, 2007 at 12:35 pm
I had to actually remove the files because I could overwrite all but one of them, I’m assuming the one that the Dock was currently using. So I simply dragged that one to the trash and then just added the other files.
jim on November 5th, 2007 at 1:47 pm
So no-one knows if you can modify the appearance of the dock when it is on the left or right hand side of the screen?
Jim on November 10th, 2007 at 11:58 am
I found these instructions how to make your dock transparent for leopard. Works great!
NE on November 10th, 2007 at 4:04 pm
if i want the ice dock how do i get it??
Krio on November 14th, 2007 at 12:10 pm
Wow this is all great stuff!
I found this on the web:
Leoparddocks.com
Somebody is collecting all kinds of docks!
Maybe nice to have one place to put all this wonderfull custom docks! It even has a automator action to easy update your dock!
how about that…
my dock is now 2D it is more… let say… easy on the eyes?
Christopher Anderton on December 5th, 2007 at 12:33 pm
I also created some wood docks with borders (on my link)
Joseph on January 27th, 2008 at 7:06 am
Good day. Has anyone figured out how to get the sky or wood to appear if the dock is on the left or right? Mine works fine when at the bottom but not either of the sides.
Ryan on May 1st, 2008 at 3:51 pm
I used Preview to make my dock black with bright green indicator lights. Probably not for everyone, but I love it!
Apple Laptop Battery on July 1st, 2008 at 1:32 am
Wow this is all great stuff!
Apple laptopbattery-inc.co.uk battery replacement.
darek on September 16th, 2008 at 1:07 am
I don’t like it. Now it looks odd for me.