Pixel Art Tutorials

Zi Isometric Pixel Art Tutorial - Roof
Pixel artist zi provides a very thorough tutorial on how to build a pixel art roof.

Rodder - Creating Isometric Circles
Rodder steps us through how to create circles in any perspective. Neat.

Bisque - Building a pixel house
Bisque creates a mushroom house from simple lineart to full color glory. Once you've taken in the amazing process check out more of Bisque's work at Pixel Joint and her spiffy website.

Pixelblink - Transparent GIF Tutorial
Pixelblink describes how to make your GIF transparent with a free graphics application!

Pixelblink - Part 02 - Building a Building
Pixelblink steps us through how to make our own isometric building. No spackle needed!
Pixelblink - Part 02 - Building a Building image

Pixelblink - Part 03 - The Silent Face: A Progress
Pixelblink gives us an interesting and informative look at creating a face using good old fashioned pixel art.

Pixelblink - Part 01 - Making a Cube
Pixelblink describes how to make a handy building block of isometric pixel art -- the beloved cube.

Contact us if you want to post your tutorials here at Pixel Joint or if you have a link to a good tutorial.

Offsite Pixel Art Tutorials

Posted by Hulio-G @ 10/2/2009 23:39

Ever wondered how exactly people take advantage of photoshop? Pixel Artists can learn to use Photoshop for what they need in this straight-foward Pixel Art Photoshop Tutorial.


Posted by manxana @ 1/10/2011 09:00

Tutorial en español de como animar un Sprite de pelea.

Fighter sprite animation tutorial in Spanish but understandable.


Posted by avo @ 9/11/2010 23:00

 Very big and nice pixel art tutorial, by Fil Razorback. English translation.


Posted by piiichan @ 9/15/2010 16:30

Many games you can play directly in your browser without any plugin.

Your browser must support HTML 5. Most modern browser will work with the exception of Internet Explorer.

Great inspiration for pixel artists as well as game programmers.


Posted by TheRaven81 @ 2/2/2015 09:12
I found his tutorial on his tumblr blog, and the other link on this site seems to be dead, so I posted this link so you can use it instead.

Posted by sedgemonkey @ 2/6/2006 11:40

A very visual and thorough pixel art tutorial broken down into ten easy steps.


Posted by Zolaris @ 1/13/2010 11:04

Sitio de tutoriales basicos de pixelart en español

---------------

Basic Tutorials in Spanish 


Posted by sedgemonkey @ 9/15/2005 15:18

Combining Flash and pixels.


Posted by sedgemonkey @ 7/3/2006 13:52

Craig Robinson of flipflopflyin has some pointers.


Posted by sedgemonkey @ 6/30/2004 07:21

A fantastic tutorial for any pixel artist available in English and Russian.


Posted by pixelblink @ 8/10/2005 19:33

Anti-Aliasing in pixelart... 'nuff said


Posted by Frost @ 12/9/2009 23:03

Pretty good oldschoolish pixelling turorial with some handy tips and trix.


Posted by jalonso @ 6/25/2008 09:22

A doller's realm. General tutorials for creating pixel dolls


Posted by Kiwinuptuo @ 1/17/2011 01:47

Site features some tutorial on several topics including tutorials on shading, choosing colors and animating sprites. Tutorial requests accepted.


Posted by Ego @ 3/23/2015 02:28

A published ebook of pixel art tutorials available on Amazon. Costs $0.99 for 8 lessons (plus three appendices) over 207 pages. In-depth explanation of topics from "what is pixel art" to "clusters" to "color theory" and "style," with easy-to-follow language and an abundance of pictures. Great for the brand new pixel artist and the veteran alike!


Posted by 8 Bit Dreams @ 3/26/2015 08:58

This massive pixel art tutorial is written by Fil Razorback from LesForges.org. You can find the original tutorials here. A big thank you to Fil Razorback for allowing OpenGameArt.org to translate these tutorials and archive them here!


Posted by ManningKrull @ 8/29/2006 09:17

Simple animation techniques for walking sprites using 2, 4, or 8 frames.


Posted by pixelblink @ 8/10/2005 19:38
A variety of pixel tutorials for your learning pleasure

Posted by sedgemonkey @ 9/15/2005 15:18

Posted by pixelblink @ 8/10/2005 19:34
Antialiasing Tutorial

Posted by robotriot @ 6/20/2009 14:46

This tutorial demonstrates how to generate optimized tilesheet-layouts.


Posted by skeddles @ 4/6/2015 09:56

Isometric grids can be very helpful for creating isometric pixel art. They will help you draw straight lines and keep your objects aligned. Here I will teach you how to create your own.


Posted by vampy_09 @ 10/13/2013 00:58

On this web page your going to find a tutorial about rocks and stone textures. Simple and direct.

 


Posted by ceddo @ 1/9/2007 11:12
A little tutorial I made that covers the basics of pixel art. It's not much, but I think it can be very useful for beginners.

Posted by ChilliCheeseChicken @ 10/23/2013 00:28

 Great tutorial touching on most major problems with rookie art.


Posted by FrostedMayhem @ 6/16/2009 08:37

Covers a variety of tutorials to help you make your own pixel art/sprites of different inanimate objects.


Posted by PyroFrosty @ 2/19/2014 22:52

A page that includes 30 different pixel art and related guides.


Posted by pixelblink @ 8/10/2005 19:23

6 tutorials to get you started.


Posted by pixelblink @ 8/10/2005 19:39
variety of tutorials

Posted by pixelblink @ 9/29/2006 00:42
The gang over at Pixelation discuss their views on choosing the right colours/pallettes. A definite must read for anyone confused over choosing their own.

Posted by cirras @ 4/3/2013 20:02

 Learn to pixel isometric Endless-Online style art.


Posted by Lone Scout @ 3/31/2015 09:17

A basic introduction to pixel art, featuring tips, tools, and techniques for beginners who are new to the medium.

See also his tutorials linked at the bottom of his post.


Posted by Ayame MysTe @ 1/3/2012 16:56

This little website was a great help to me when I first began creating pixel art. It describes particular details and styles of shading when an object is facing a light source. Enjoy!


Posted by jalonso @ 10/1/2010 06:17

Jon Purdy (evincarofautumn) & Kevin Chaloux (Kaiseto) of Purloux Studios have made one of the easiest and comprehensible pixelart basics tutorial to be found. It covers all the basics, from lineart, coloring, specific techniques, and opinions on creating pixelart.

"If you are new to pixelart and can ony read one tutorial, this is the one."

At the end of the Anti-Aliasing (AA) section is a link to their comprehensive Anti-Aliasing tutorial which is a must see/read. It is a detailed overview of the theory/process of AA. It is comprehensive enough for beginners who understand nothing or little about AA.


Posted by Morgengrauen @ 8/4/2008 01:55
This tutorial shows how to make a small set of rock tiles. The focus is not about painting the rocks, but to make seamless tiles. You will find the tutorial available in german, also.

Posted by mauricio-fidalgo @ 9/1/2009 17:08

Pixel art blog in portuguese.


Posted by Lone Scout @ 3/25/2015 17:56

A series of tutorials for making (mostly) isometric pixel art. It covers the basics, to more complex structures. Good to practice already existing skills.


Posted by avo @ 6/26/2012 23:23

 A lot of pixel art tutorials in PDF format, and 2 video tutorials.


General Art Tutorials

Posted by avo @ 9/11/2010 23:00

 Very big and nice pixel art tutorial, by Fil Razorback. English translation.


Posted by sedgemonkey @ 9/15/2005 14:53

Posted by Wu! @ 5/3/2009 11:14

This is less a tutorial on pixel art, but on how to create realistic explosions.

For that, this tutorial goes very detailed into the phsics of explosion, since it is a flash-based tutorial, you also get to learn a lot about animating a decent explosion, with a little humour.

highly recommendable


Posted by Nessiah @ 4/14/2013 11:32

 A set of pixel tutorials from Despain that explains how to create game making assets. It has the basics, building your own template and animation tutorials. 


Posted by sedgemonkey @ 4/14/2004 12:39
Learn how to draw faces, bodies, hair and more with this handy Manga tutorial site.

Posted by sedgemonkey @ 4/14/2004 12:42
A great way to learn some of the different merge tools in Illustrator.

Posted by Nessiah @ 4/14/2013 11:25

 One of the best tutorials I had ever seen. She has comprehensive guides on Human and Animal Anatomy, Emotion Charts, Color Theory and some unique ones like Arabesque. She's provides really nice references and worth the look.


Posted by Mandrill @ 6/2/2015 10:18

Hello everybody,

I want to give back some of the knowledge I have gathered the last few years raoming PJ with all its brilliant art. It covers my take on doing a small piece of pixel art (64x45) from concept, over creating a palette, to pixelling. It is not much, but it may be of help to one or two pixel lovers out there.

Click


Posted by jalonso @ 12/14/2007 20:44

Take Paint further with this gem.
Ever wondered how to scale, clone and make custom sized brushed?
These tips may help. Chapter 2 is useful for creating doublewide pixelart.


Posted by jenninexus @ 5/12/2015 04:20

While researching styles & techniques for pixel art, I've been compiling good finds (tutorials and examples) here on this Pinterest board :-)


Posted by elilaos173 @ 5/12/2015 10:45

Posted by rhlstudios @ 5/20/2015 16:18

Posted by 8 Bit Dreams @ 7/14/2015 07:04

A great resource for this art program. This tutorial is a pretty good starting point.


Posted by jalonso @ 10/1/2010 06:17

Jon Purdy (evincarofautumn) & Kevin Chaloux (Kaiseto) of Purloux Studios have made one of the easiest and comprehensible pixelart basics tutorial to be found. It covers all the basics, from lineart, coloring, specific techniques, and opinions on creating pixelart.

"If you are new to pixelart and can ony read one tutorial, this is the one."

At the end of the Anti-Aliasing (AA) section is a link to their comprehensive Anti-Aliasing tutorial which is a must see/read. It is a detailed overview of the theory/process of AA. It is comprehensive enough for beginners who understand nothing or little about AA.


Posted by sedgemonkey @ 10/25/2004 07:45
Lessons on using perspective, cutaways and pricing technical illustration.

Donate

Want to give some dough back to all those amazing pixel artists? Donations provide prize money for contests, help cover hosting costs and support new initiatives.