Kaoani

  1. Save this template – right click and use Save Image As:
    kao-ani tutorial
  2. Now all we need is animation program to create a face, like Animation Shop. You can download a free trial version of Animation Shop or Pro Motion or install GraphicsGale
  3. After you’ve installed Animation Shop you can work on the kao by clicking File > Open > kao.gif. A window with the kao in it should open at this point.

    kao-ani tutorial

  4. You can use the magnifying glass to zoom in a bit.
  5. Use the Brush with the Width set on 1 to pixel the eyes and mouth. You can make the image wink like this for instance:

    kao-ani pixel tutorial

  6. Go to File > Save As. Select a folder, type a filename and click the ‘Save’ button. Now your kao is ready to be used on your website. Tadaaa:
    kao-ani tutorial
  7. To make more complicated animations it’s easier if you can use a grid. I use Pro Motion for my pixels and animations, but you can also use a program like Paint Shop Pro.