Barbarian Meets Coding

WebDev, UX & a Pinch of Fantasy

1 minute readpixelart

Wiki: Pixel Art With Photoshop

Welcome to my notes on doing Pixel Art with Photoshop!


  • Use a colored layer to draw upon (a blank canvas can be intimidating)
  • Be suble with color
  • Use pencil instead of brush (brush has antialiasing)
  • Experiment with lighting and shading, adding shadows and illuminated areas to give a three dimensional effect and depth
  • You can use dithering - matrix of squares of different shades - for adding old school textures
  • Developing characters
    • use less straight lines to create more natural shapes and forms
    • experiment, changing a single pixel can change the way a character is perceived
  • Use colored outlines to separate foreground elements from background elements
  • Start with the complete shape and then start adding detail

Cool Tutorials


Tools for Doing Pixel Art


Jaime González García

Written by Jaime González García , Dad, Husband, Front-end software engineer, UX designer, amateur pixel artist, tinkerer and master of the arcane arts. You should follow him on Twitter where he shares useful stuff! (and is funny too).Jaime González García