/ log / 28th Sep, 2007 /

I {heart} Pixels

Wandering around in my archives recently, I stumbled across a few pixel avatars. Here’s a sample:

30 pixelated mini avatars

A crazy way for a designer to spend time, perhaps, but there was something challenging about trying to bring pixels alive and give them character and detail at such a small size.

CSRF, the character

This year, those little “avs” and The IT Crowd inspired a few pixel characters created for Chris Shiflett to add some fun to web app security presentations.

This is “CSRF”, (pronounced Sea-surf).You might meet “XSS” and “2 point oh” in one of Chris’ presentations but I’m reluctant to show them off before Chris has chance to. Please be gentle with them, like all Web villains, they’re really just looking for recognition and a cuddle.

The little avs were created for one of the original 2–D graphical chat sites, OnChat which started in 1997 and, at its height, hosted thousands of visitors in hundreds of different rooms.

The avatars were mobile on top of a static room background with speech or thought bubbles that appeared when users typed. It would pale against Second Life or There.com today, but it was created by a couple of guys, and revolutionary at the time.

Looking back, part of the success was the simplicity. There was no requirement to join, users merely opened a Java applet in the browser. Before they knew it, they were immersed in a seemingly chaotic and infinite space, with little pixel avs all around them speaking and throwing thoughts to each other. Joining in was as simple as typing and using the mouse to move.

The avatar creators of 1997 have no doubt grown up, moved on and got a proper job, but finding these again reminded me that the things we do for fun are often the most educational. The lessons and skills stay with us. Something I try and bear in mind when my sons and I are playing Robin Hood versus the Robber Sheriff and the eldest wants to shoot him with his “arrow barrow” after tying him up with a grappling hook.

Share

Browse More Articles

7 Comments

  1. 1. By Ejaz Asi on 29th Sep ’07 at 23:59pm

    Ah, loved your avatars and even more interesting was the backstage story and information. You're so very right that the things we do for fun become more educational and instrumental for us to grow and experiment more. Thanks for a sunday morning inspiration :)

  2. Jon 陳’s profile 2. By Jon 陳 on 1st Oct ’07 at 00:10am

    Thanks Ejaz. Lego and pixels – great fun! :)

  3. 3. By Trish on 18th Mar ’08 at 19:30pm

    Those pixel avatars were actually first created for another visual chat application called The Palace, that was popular around the same time as OnChat, which is why avatars from The Palace migrated there. The More You Know! ==-*

  4. Jon 陳’s profile 4. By Jon 陳 on 19th Mar ’08 at 04:14am

    Interesting you say that Trish, because I drew these particular pixel avatars by hand—you’re right to say that avatars like this were used in The Palace, but that’s not where mine migrated from. :)

  5. 5. By ygs sınav tarihi on 3rd Oct ’09 at 05:42am

    very nice pixel examples. do you have editable psd files? thanks

  6. 6. By Mario on 16th Feb ’10 at 08:13am

    Nice avatars. Are there any limitations for use?

  7. 7. By Sam Orchard on 3rd May ’11 at 14:06pm

    Pixel art such as this is fantastic. It’s something that must require incredible patience.

Post a Comment

Required sections are marked § . Please remember, debate and courtesy are mutually inclusive.

Personal Details and Authentication
Comment

Lately in the Log

  1. Anakin Tue, 26th Jun 2012 {4}

    I’m pleased to be able to say that Analog is joining forces with…

  2. We, Who Are Web Designers Mon, 19th Sep 2011 {66}

    In 2003, my wife Lowri and I went to a christening party. We were friends…

  3. Ampersand, the Aftermath Wed, 22nd Jun 2011 {4}

    The first Ampersand web typography conference took place in Brighton last…

  4. Design Festival, The Setup, and Upcoming Posts Mon, 20th Jun 2011 {2}

    Wow, this has been a busy period. I’m just back from the Ampersand…

  5. Web Design as Narrative Architecture Wed, 30th Mar 2011 {12}

    Stories are everywhere. When they don’t exist we make up the…

  6. Ides of March Tue, 15th Mar 2011 {5}

    My friend and colleague, Chris, has shared a spiffing idea, the Ideas of…

Remarks from the log

  1. By OddsRİng Giriş in Ides of March:

    hourse to go where doing pts to 72pt (an inch high) and sometimes bedava rulet oyna 84pt and 96pt, or as large as a…

  2. By OddsRing Giriş in Ampersand, the Aftermath:

    hourse to go where doing pts to 72pt (an inch high) and sometimes bedava rulet oyna 84pt and 96pt, or as large as a…

  3. By OddsRing Giriş in Design Festival, The Setup, and Upcoming Posts:

    hourse to go where doing pts to 72pt (an inch high) and sometimes bedava rulet oyna 84pt and 96pt, or as large as a…

  4. By OddsRing Giriş in We, Who Are Web Designers:

    pts to 72pt (an inch high) and sometimes bedava rulet oyna 84pt and 96pt, or as large as a printer could afford. ucuz…

  5. By Otomatik Rent A Car in Typeface != Font:

    each typeface has its own personality, appropriate to the message it has to convey suit the usual measurements of…

  6. By OddsRing Giriş in Typeface != Font:

    pts to 72pt (an inch high) and sometimes 84pt and 96pt, or as large as a printer could afford. ucuz ukash Type…

People and XFN

Analog folks:

  1. Andrei Zmievski

  2. Chris Shiflett

  3. Jon Gibbins

Friends, colleagues, and authors with interesting voices:

  1. Ben Ramsey

  2. Dan Mall

  3. Denna Jones

  4. Ed Finkler

  5. Elizabeth Naramore

  6. Elliot Jay Stocks

  7. John D. Boardley

  8. Helgi Þormar Þorbjörnsson

  9. Joe Leech

  10. Jos Buivenga

  11. Kester Limb

  12. Nicola Pressi

  13. Patrick H. Lauke

  14. Piotr Fedorczyk

  15. Richard Rutter

  16. Rick Hurst

  17. Sean Coates

  18. Simon Pascal Klein

  19. Terry Chay

Live the questions and one day grow into the answers.