/ 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

6 Comments

  1. 1. By Ejaz Asi on 30th Sep ’07 at 06:59am

    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 07:10am

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

  3. 3. By Trish on 19th Mar ’08 at 02:30am

    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 11: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 12:42pm

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

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

    Nice avatars. Are there any limitations for use?

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. Reversed Logotype Mon, 24th May 2010 {11}

    This image shows a particular optical illusion that confronts us every…

  2. Self-promotion Thu, 13th May 2010 {12}

    The world has changed. Everything we do is more immediately visible to…

  3. First Things First Tue, 16th Mar 2010 {12}

    Last Wednesday I turned up in front of a friendly bunch of designers and…

  4. Introducing Analog Wed, 30th Dec 2009 {20}

    Just before Christmas, a few friends and I launched a new company,…

  5. SxSW Pick ’n’ Mix for 2010 Fri, 4th Sep 2009 {11}

    I know I’m woefully late. Voting ends today! I don’t really…

  6. Review: HTML and CSS Web Standards Solutions Wed, 19th Aug 2009 {24}

    I’m so glad that this book exists. I’ve been hoping someone…

Remarks from the log

  1. By Mag in Self-promotion:

    Those are some very interesting thoughts. It certainly was inspirational.

  2. By JK in Designer PHP: A Simple Include:

    Great stuff, exactly what I was looking for. I’m also really digging the design of you site! Thanks so much!

  3. By Dan Millar in Introducing Analog:

    I’ve been following Analog since you launched, but only just read this blog which was very interesting. You…

  4. By carl in The Paragraph in Web Typography & Design:

    Paragraphs and puntuation are discussed in great detail.Thanks for this useful read.

  5. By Jason in Reversed Logotype:

    This was truly a great read. Found the article from a post on VandelyDesigns “25 Beautiful, Minimalistic…

  6. By Liam Jones in Self-promotion:

    I publish therefore I am, like that :) I look forward to reading more from you in the future.

People and XFN

Analog folks:

  1. Alan Colville

  2. Andrei Zmievski

  3. Chris Shiflett

  4. 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

Work with me via ~ Analog ~ a creative consortium.