<%@LANGUAGE="JAVASCRIPT" CODEPAGE="65001"%> Draw an emoticon face



Creating the tiny graphic
for an emoticon face

There's hardly room for more than a few marks when you're drawing an emoticon face. Believe me, you won't have room for the Sistine Chapel in the common size of 15 x 15 pixels.

Note on revision in 2012. I wrote that some years ago. Since then, pixel density has increased on the higher resolution screens of tablets, phones and desktop computers. Emoticons to appear in a line of text must still be pretty small. but you could get away with a larger size. Meawhile 15 x 15 is a good size to start with.

Drawing a 15 x 15 emoticon directly on your computer is really the only way to go. However, you may like to print a few copies of the graph paper grid below for a warm-up scribble. Enlarge the grid some more before printing if you like.

Graph paper for emoticon

Draw your facial expression first, then fill in the squares behind the lines to create a mosaic.

Each square on the grid represents only one pixel on a computer, tablet or phone display. There isn't exactly room for lots of busy detail. Even if you triumphantly manage to add some, as I did to Spotty here - sad spotty emoticon - you probably won't be able to see them.

I actually made Spotty the same size as a basic favicon icon, 16 x 16 pixels.

Why is 15 x 15 pixels better than 16 x 16 for an emoticon?

At this impoverished size, a nice round number does not make a nice round face. You've probably noticed your face has a central protruberance known as a nose. Every pixel in a micro-portrait counts. If you draw an emoticon 16 pixels wide, even a two pixel nose can look enormous. Reduce it to one pixel and it unbalances the other features. One side of the face must be wider than the other.

It's easier to draw an emoticon on a computer
than it is to draw it on paper

Open Photoshop, Photoshop Elements or whatever art editor you happen to have. Most art editors have similar sets of basic tools.

Create a new canvas 15 pixels square.

Zoom up your image several hundred times so you can see what you are doing.

Set up a one-pixel pencil or pen.

Draw your emoticon face.

Drawing on a computer, you can work at a comfortable scale, while repeatedly zooming down to actual size (100%) to monitor how your emoticon is shaping up for its debut in real life.

Drawing an emoticon face directly on your computer has another advantage over paper. It's easy to erase expression lines that don't look right, while keeping the ones that do. Sad, happy, puzzled, crazy - whatever emotion you are aiming to express, you can chisel away at your image until you get the expression exactly right.

Drawing an emoticon face

Frightened face . Sad face . Angry face . Smiley face . Universal expressions . Drawing expressions . Draw a face .

(c) Valerie Beeby 2000 - 2012

(c) Valerie Beeby 2000 - 2013

Images and articles on this site may not be reproduced or used for any commercial purposes without written permission.
You can contact me at: