Archive for Icons category
There’s something entrancing about the pixel. Square and elegant and when pushed by the right people they can form beautiful art, stunning animations and gorgeously crisp text.
But as resolution and pixel density increase these building blocks of the screen become smaller and individually insignificant especially as the dpi of displays hits 220+ppi. What once was a building block of art and design becomes nothing more than a indistinct element in a photo-realistic image or a glint in a faux-texture supporting a skeuomorphism.
And so the art style of the visible pixel is doomed… or is it?
Minecraft brought 3D pixel art to the mainstream with its wild success across PCs, iOS and even the Xbox. Some people say it’s despite the graphics but I think they’re part of the charm.
Skrillex Quest is a 3D Flash game with textures made up of large pixels and all manner of 8 and 16-bit style graphic corruption that lends to the retro feel while music from the man himself ensures your ears stays as overwhelmed as your eyes.
Sword & Sworcery: EP is a recent discovery for me but its gorgeous 2D landscape, fun story and great sound make for awesome atmosphere. It’s currently available on Steam for the PC or Mac and available from the iOS store too.
LucasArts Adventure Pack on Steam gives you a bunch of point and click adventures including two installments of Indy, Loom and The Dig. They also have a Secret of Monkey Island 1 & 2 Bundle that has updated graphics but your can toggle back to the pixelated 256-color VGA version at any time.
Home from Benjamin Rivers is a creepy whodunnit horror mystery where the story unfolds and changes based on your own actions. Who knew pixels could be so creepy.
eBoy is a three-man team that has been creating isometric pixel art for years sometimes for magazines and adverts but primarily available as posters and wallpapers and now puzzles too.
Color Cycling revisits the technique of animating hand-illustrated Amiga artwork that achieved the effect of animation simply by cycling parts of the color palette. This effective technique was incredibly space efficient and was something every Deluxe Paint user tried (and likely failed) at some point.
Iotacons by Andy Rash are very low-resolution icons of various celebrities and well known pop-culture figures lovingly adorned in digital format and, on occasion, as a real-world cross-stitch.
DeviantArt have an entire category dedicated to pixel art many of which are lovingly animated. If the cuteness of these pixels doesn’t make you miss them then nothing will.
F David Thorpe produced some great loading screens for computers in the 80s despite their crazy technical limitations. Binary Zone has a great page that highlights some of his best.
Animated backgrounds from various fighting games look beautiful.
Fonts & icons
FontStruct is an online tool that lets you build fonts from blocks and so lends itself well to people wanting to reproduce bitmap fonts. They have almost 500 fonts in their gallery already tagged with ‘pixel’
Semplice Pixelfonts has some beautiful proportional pixel fonts in TrueType format.
WeLoveFine also have a great selection of 8-bit wears just flowing over with pixels.
Red Bubble have a Mac Cursor Icons T-shirt that the original Apple fans can appreciate.
In the real word
Cube Craft Pixel Pages consists of a bunch of icons you can print out, cut and fold to create a pixel-deep real-world rendering when placed against a solid surface.
My Desk is 8-bit happened when Alex Varanese wondered what a video-game would look like rendered on his desk. It’s a labor of love 1:18 long video with great chip music too.
Swedish Subway shows that the small square tiles that adorn the walls of subways can be put to creative use when you think of them as pixels such as this homage to video-games.
Playing Cards featuring pixel art including some from video games such as space invaders.
8-bit pop-up cards are a fun way to make a gift card with more pixel goodness.
A love of pixels can however go too far.
Wikipedia has an excellent article on the screen resolutions and color capabilities of 8-bit and 16-bit computers. With such few colors available it was necessary to blend colors together to achieve the effect of more colors or shades. This tutorial at Deviantart is a good start although there are a few different algorithms available including the most famous Floyd-Steinberg and the ordered dithering of Windows older users may be familiar with.
Further exploration for those still with me…
Teletext (aka Videotex, Ceefax) was a low-resolution graphics system long before the Internet. It was available in some countries such as the UK via television and some early computer systems (Prestel, Micronet) used it over incredibly slow (1200/75bps) modems although it had a certain charm.
Creating graphics and pages in it was quite a challenge and I actually have a Cambridge University IT Certificate for doing so while at school where we also used a special adapter with our BBC Micro to let them download programs by holding a TV aerial up and waiting a lot. The French also had a system based on this called Minitel which was shut down earlier this year :(
FamFamFam produces a great set of 1,000+ free silky-smooth 16×16 pixel icons called Silk Icons. You can never have too much of a good thing.
Here are the 450+ new icons in my Silk Companion #1 icon set (download) now available:
The Silk icon pack available from FamFamFam (also known as Mark Jones) is an excellent pack of free 16×16 pixel icons.
Whilst the pack contains over 1,000 icons I still find plenty of gaps when I am using them and being that there has been no new updates in 18 months I have decided to release my own companion pack of several hundred more icons in the same style.
The new icons fall into one of several types:
- new icons are drawn from scratch in the same style (moon, Apple, decline, text, borders, ruler)
- adjusted/recoloured versions of existing icons (people, database, disk, CD-R, gold star, silver bell)
- new compositions (OS Xx applications, paint+brush, bug fix)
- modifications to existing icons (eaten cake, broken heart, checked flag, bookmark, sorting)
The current companion pack is weighing in at around 300 icons but I expect this number to reach around 400-500 by the middle of next week and then I’ll release them here (under the exact same Creative Commons licence as the original pack).
If you have any suggestions on icons you’d like to see added, leave a comment!
AnkhSVN 1.0 has been released!
If you use Visual Studio 2003 or 2005 and are currently either using the TortoiseSVN shell extension (or Subversion command line) then you would do well to see just how much more productive having source-control available from within the IDE can be.
Thanks go to Arild and mac|gyver for all their hard work on this great open source project.
Hope you enjoy my icons too!