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, software engineer, ux designer, amateur pixel artist, tinkerer and master of the arcane arts. You can also find him on Twitter jabbering about random stuff.Jaime González García