Pixel-Perfect Keyboard Icons
James Gill / April 14, 2010
It’s been too long since we gave away anything on Liquidicity, so here’s a few icons we’ve been working on.
Unlike our previous icons, these aren’t vector. Don’t cry yet. They’re pixel perfect and were made using an app I’ve been using and learning for many months now called DrawIt. The main benefit to making icons at the size you need them (not as vectors) is that from the start you can ensure the icons look great and are crystal clear at the size they need to be displayed.
Apple Wired Keyboard
Apple wired keyboard icon – PNG without shadow, PNG with shadow, and original DrawIt file download.
Apple Wireless Keyboard
Apple wireless keyboard icon – PNG without shadow, PNG with shadow, and original DrawIt file download.
Apple MacBook-Style Keyboard
Apple MacBook-style keyboard icon. This product doesn’t actually exist, but we made it anyway. PNG without shadow, PNG with shadow, and original DrawIt file download.
Apple MacBook Pro
Apple MacBook Pro 15″ icon. A whole MacBook Pro, free to download. PNG without shadow, PNG with shadow, and original DrawIt file download.
I’m using DrawIt more and more for interface work on our LiveStats application. I highly recommend the app if you do a lot of user interface design and need your icons, buttons, and other elements to be pixel perfect. Pieter Omvlee is a fantastic developer and provides fantastic support. Something Adobe will never, ever, EVER give.
We hope you like the icons.
Q said,
April 14, 2010 at 15:58 ()
Apple apple apple, mac mac mac... how 'bout a nice big bowl of shut the fuck up.
James Gill said,
April 14, 2010 at 16:06 ()
@Q (if that is your real name)
If you'd like to create some of your own Dell keyboard icons, please go ahead, we'll post them up when you're ready.
KTHXBAI
Martin LeBlanc Eigtved said,
April 14, 2010 at 20:02 ()
Q: Don't comment if you don't have anything intelligent to say.
I would like to add these icons to IconFinder (www.iconfinder.com). What license applies for thees icons?
Best regards,
Martin LeBlanc
James Gill said,
April 14, 2010 at 20:59 ()
@Martin
Many thanks for stopping by! We'd be more than happy for these icons to be added to IconFinder.
The icons are free for non-commercial use, I believe the "Creative Commons Attribution-Non-Commercial 3.0" license would cover these.
IconFinder rocks by the way.
Martin LeBlanc Eigtved said,
April 15, 2010 at 10:52 ()
Hi James
Thanks. I'll add them with the license Creative Commons Attribution-Non-Commercial 3.0
Thanks for using IconFinder :-)
John said,
May 5, 2010 at 11:06 ()
Awesome work, Nice to see some people moving away from Adobe
James Gill said,
May 6, 2010 at 01:18 ()
@John Thanks very much! Yeah DrawIt really appealed to me for interface and icon work thanks to it's native OS X UI, and great pixel-perfect editing abilities. I highly recommend it over the bloated Photoshop or Illustrator any day!
Scotty said,
June 5, 2010 at 17:39 ()
I'm just starting out using DrawIt and was wondering if there is a good resource for tutorials or other learning tools somewhere that you may know of?
Thanks
James Gill said,
June 6, 2010 at 16:15 ()
@Scotty Thanks for stopping by!
I believe there used to be a series of good tuts on the DrawIt site at http://www.bohemiancoding.com/drawit but it seems they aren't online any longer.
If you've got Twitter, you could always ask the developer, Pieter Omvlee - he's a great guy and really helpful: http://twitter.com/pieteromvlee
I hope this helps.
Web dizajn Crna Gora said,
May 18, 2011 at 01:57 ()
Awesome, I like this
NiNet Hosting said,
December 21, 2011 at 14:39 ()
Very nice, i am going to use it in my next post. Blog is working again ;)