Sitemap

Information about bitmap graphic and raster graphips, the basics of pixel art, lines, curves, and isometric projection » Pixel Art / Isometric Pixel Art / Isometric Objects / Curved Objects / Non-Isometric / Time-Consuming / Fun of Pixel Art

Introduction to the IC-Project; how it started »

Introduction to the workflow that was used to create the IC-project »

Introduction to the workflow that was used to create the IC-project » Idea / Sketch / Outline/Shading / Evaluation

Introduction to sketches, including those made for the IC-Project »

Detailed information about the workflow. step-by-step examples on how to create pixel art, including information about types of images and a technique called 'dithering' » Preperation/start / Workflow / Sketch / Outline / Shading / Shadow / Examples

Example One » Sketch / Pixelation^* / Shadow^*

Example Two » Sketch^* / Two Illustrations^*

Dithering » Dither Types^* / Example^* / Symmetry/chaos^*

Image Types » Image Types / Colors^* / Decimal numbers^* / Binairy numbers^* / RGB Colors^* / Indexed Color^* / True Color images^* / PNG^*

The final pixel art illustration, including background information, sketches, and artwork » Sketch / Pixelation^* / Shadow^*

Arrows

Radar Installation »

Ship »

Logo dr. Bob »

Humpback Whale »

Rescue Chopper »

Wooden Shoe Ship »

Green Turtle^*

Bottlenose Dolphin^*

Sea Otte^*

Lighthouse^*

Totem^*

Puppet^*

Sea Tornado^*

Waves^*

Rocks^*

Not everything went well; some parts had to be remove and/or changed » Keyboard / Logo Eend / Teapot / Wooden Shoe^* / Monitor^* / Jellyfish^* / Intergrated Circuit^*

Some statistic information about the hours spent on the illustration, the amount of pixels, etc. » Pixels / Programs Used

Information about the way the project is presented as Adobe Flash animation; image strips, compression, decompression, and some information on how to combine images efficiently » Image Strip^* / Compression^* / Decompression^* / Combining Sprites^*

Evaluation of the IC-project and pixel art hints »

Information about Microsoft Paint » Menu Option / Shortcuts / Toolbar / Custom Colors / Hint

Information about Adobe Photoshop » History / Image Modes / Palette / Color Table / Pixel Art/Photoshop

Information about Adobe Illustrator and postscript » Lighthouse General / Lighthouse Cabin / Pixelation

Postscript » Footer / Bézier Curves / Control Points / Coordinate System / Basic Examples

Information about Adobe Flash, including an introduction to ActionScript, bitmapdata, animation in general, tutorial-pages, and ActionScript driven animations » History / General / Flash/Pixel Art

Adobe Flash » Interface / Timeline / Symbols / Movieclip / Graphic / Button / library / Library and Images / Timeline Animation / Tools / Shortcuts Tools / Fonts in Flash / Actionscript / Create Flash Movie / Publish Settings / Settings Flash / SWFObject

Actionscript Basics » Trace / Comment / Variables / Type of Variables / Integer Position / Variables & Scope / Functions / Arguments / Returning Values / Movieclip / Actionscript / Animation

Animation Basics » Interpolation / Actionscript / Linear Interpolation / Ease In / Ease Out

Bitmapdata » Actionscript / Creating Movieclips^* / Bitmapdata^* / Animation^*

Particle Animation » Particles / Vector / Coordinate System / Gravity / Trajectory Animation / Transparency^* / Info Graphic^* / Colored particles^* / Putting it Together^* / Init Animation^* / Drawing a Rectangle^* / Creating a Particle^* / Init_Particle function^* / Start Animation^* / Animate Function^*

Final Animation^*

Information on how to scale your pixel art in MSPpaint, Adobe Photoshop, or by hand » Intro / Scale by Hand / Adobe Photoshop / Scaling Image Types / MS Paint

Information about fonts: bitmap fonts, pixel fonts, outline fonts and anti-aliasing » Intro / Bitmap Fonts / Outline Fonts / Pixel Fonts / Pixel Fonts in Flash

Information about 3d pixels, or so-called voxels, and how to use them to create pixel art »

Introduction to the psychology involved in creating pixel art » Creation Process^*

Flow^*

Convert your pixel art to a vector file »