Preview: Jonas Rask’s SiO2 icons

preview_template1.png
We know we’ve been a bit negligent when it comes to updating the front page lately, but the customizing scene has been a little slow. However, we thought it would be fun to give our visitors a preview of icon artist Jonas Rask’s new set, entitled SiO2. SiO2 will be his first icon release to contain Leopard-ready 512×512 states and features slick aluminum folders with delicately crafted overlays, bringing you one of the most diligently designed iconsets to date. On top of that, Jonas’s work will also be the focus of this month’s Insider, which should be published in the coming weeks. So take this article as a taste of things to come!

MacThemes: What inspired you to make this set? What are your goals for this project?

It came out of the blue really. I had just bought the new Apple Wireless Keyboard and I was amazed at how slick it was. If you turn it upside down, the top curve becomes the bottom curve of the folder. From there I just gave it a classic, and probably overdone, foldertab. I have been really busy lately with my studies and client work, so I haven’t really had the time to “be inspired” by anything, but Apple’s recent move away from white in their “i” products towards the aluminum look is something that I have been wanting to incorporate into a design since the new iMacs were announced. Back in the day, when the Power Mac G5 came out, I couldn’t draw anything, and everyone and their grandmother were spitting out aluminum folders. But now some time has passed, I can finally do my own aluminum folders. I also started a glass version which I’m still not sure I wanna finish; again inspired, this time by Steve’s “aluminum and glass” statement back at the iMac launch. We’ll see how that goes.

new-folder-glass-movies.png

Drag image to new window to see the larger image

MacThemes: What’s it like moving from the 128px canvas to the Leopard-ready 512px canvas?

Well, I think most designers have been making 512px icons for a while now, I know I have, so the move from 128px to 512px wasn’t totally sudden for me. It has been more of a process, where some clients have requested icons in high res, gradually getting me used to the bigger canvas size.

A big difference for me is the amount of time spent. I, like many others, do my icons strictly vector-based, so when doing them at 128, blowing them up only takes an extra 15 minutes to correct the small flaws. This is the correct way of doing it for resolution independence, because you upscale everything 4:1, just like your physical pixel density will increase 4:1 from 72 PPI to 288 PPI eventually. The problem with this method is the loss of detail at 512. Your 128 px version might contain a 1px stroke, which at 512px will look like a chunky 4px stroke.

The way Leopard is using the 512×512 icons for now is of course in the Finder’s Coverflow, so that kind of simple upscaling won’t work. You need to design these at 512px, and fill up that canvas with sweet eye candy details that makes this particular icon appear amazingly clean and detailed. Then downscale to 128×128 and take out all of those extra details. These extra details takes time, so hence the biggest issue in going from 128px to 512px icon design is the time spent. Just make sure your clients pay you by the hour! :P But looking at glorious, high-resolution, 512×512’s makes you never want to use 128’s again, am I right?

new-folder-pictures.png

Drag image to new window to see the larger image
  • Posted by Johnny Komisar on Monday, October 8th, 2007

14 Responses to “Preview: Jonas Rask’s SiO2 icons”

  1. Blaze Says:

    Wow! Amazing detail.

  2. bezzeus Says:

    amazing!! wonderful ! great !

  3. joem Says:

    Nice! By the way, will we ever see a 512 pixel version of QuickLook? Its still one of my favorite sets and I currently use it as my default.

  4. David McLeod Says:

    Jonas, when you mention that “..[I] do my icons strictly vector based..” are you doing these in illustrator or do you mean you are creating vector shapes in Photoshop and applying layer styles to them?

    Anyway, these looks like a lot of time went into them. Very nice lighting!

  5. Yong Hwee Says:

    Wow, pretty cool.

  6. Dmitry Fadeev Says:

    That’s really impressive! They’re looking fantastic — can’t wait to see them released.

  7. dabrainiac Says:

    We wanty.

  8. Pridef Says:

    I knew you would become this good doc, sheepstah it’s always right predicting the future… Now show em’! ;)

  9. jbean Says:

    Impressive! looking forward to these Jonas, really like the reflection

  10. Jim Bowers Says:

    I’ve just happened onto your SiO2 icons. They are very interesting. When you finish them, hopefully soon, do let me know. Thanks for the hard work.

    Jim

  11. Nbrock Says:

    Love the translucent folder. Very nice use of iconic imagery for these graphics

  12. New on Mac Says:

    Where to download this?
    Can’t find a Downloadlink…
    Am I blind or stupid or both?

  13. Lukas Says:

    They are awesome. These great details make them very realistic.

  14. Jonathan Badeen Says:

    On subject but a bit off. What tool do you use to actually package/make your icons. I’m having lots of trouble getting 512 icons to work correctly under Leopard. Using IconBuilder, I can’t get it to take open/drop states and that’s just the beginning. When icons are viewed at 128×128 you can’t click on them but must click on the label to select the folder or whatever. Lastly when you run QuickLook on it, no icon appears.

Leave a Reply