Pixel Art Setup Example

Description

This is my own way of creating pixel art out of blender. This started as an experiment to see if Blender could produce pixel art without any outside applications. The result is pretty accurate in my opion and not super difficult to setup.

This blend is specifically setup for an original gameboy palette, but this could be changed in the node editor.

Important things to note:

  • Low resolution size - If you want double or quadruple sized pixels just import your finished images back in to sequencer and up the scale. If you want higher resolution graphics like SNES simply up the size by squares of 2 (64, 128, 256, 512, 1024)
  • Antialiasing is off - everything blurs if you turn this feature on.
  • I'm using FreeStyle - Two line sets, one for a black outline and another for a transparent black line for interior contours. This helps make contours more visible when shading doesn't do the job.
  • Materials - Don't really matter much. Toon seems to do a good job, but most materials look good to me.
  • Compositor - This is where the palette and real retro feel comes from. I'm using one color ramp for the scene compositing. Any amount of colors can be used, but its important that blending be set to constant to preserve hard breaks in color.

Comments (11)

K
kavabanga about 11 years ago

awesome idea! Thanks for share!

S
ShaunGreiner almost 11 years ago

Thank you!

T
TheShadyColombian about 11 years ago

This is great! Really useful. Do you mind if I use this for a game I'm working on?

S
ShaunGreiner almost 11 years ago

Sure go ahead! Attribution would be nice. Link to my site if you do: www.shaungreiner.com

T
TheShadyColombian about 11 years ago

Also, Is there a way to use this in Cycles Render?

S
ShaunGreiner almost 11 years ago

You might be able to using ramps and some vector math. I'll post if I do anything with that.

M
mofx about 11 years ago

@ShaunGreiner What's the easiest way to append this to a different scene?

V
vintar almost 11 years ago

It doesn't seems to fit in the output file (I mean, I wanted the .png in a 1024 x 768 screen, but I have to do this in photoshop to scale, because blender finish this file in the original size of the render presets) and I have not idea how to do this in blender, can anyone help? by the way, is a great example file, greetings! :)

S
ShaunGreiner almost 11 years ago

You can't just work at scale if you want to have a pixelated look. Render at lets say 256 x 192 (4x smaller) Then take the finished render back into blender. You should be able to use the compositor and the render panel in a new scene to blow it back up to 1024 x 768. If you're doing an animation you could use the video sequence editor too. Photoshop might be easier. I'd really like to do this all in Blender, but more streamlined. I'll let you know if I make any improvements.

C
CaoMengde777 about 10 years ago

really cool! .. This is Awesome!!

B
BuckyLuis over 9 years ago

This is a REALLY AWESOME setup!! thanks A TON for sharing it!! I was going to make a game with it, but I kinda lost interest in that idea I had... anyway, I JUST BEGAN making myself some web presence .. I posted what I did with this tool here: https://gamedevsorcery.wordpress.com/2017/02/01/animation-3dtopixelart-spritesheets/ https://gamedevsorcery.wordpress.com/

Sign in to leave a comment.