Isometric pixel art

      Games    Pixelart    Tutorials    Links    Contact GAS 13    
Author: Gunstar Red

Part 2: The Mathematics of Isometrics

1. Having it's basis in Engineering technical drawing the isometric view represents Objects from a perspective less viewpoint. Objects are based on a diamond shaped grid as shown below.

2. An traditional Isometric view is based on an angle of 30 degrees, however due to the nature of Computer Monitors 30 degrees gives a messy and uneven line when displayed on a screen. Pixelart uses an angle of roughly 26.565 degrees. Don't worry about the sudden appearance of mathematics you don't really need to concern yourself with all these numbers.

3. When drawing a line at 26.565 degrees all you need to remember is 1 up and 2 across, this creates a step like effect when zoomed in. Look at the image above: this line was created by placing two pixels then moving 1 pixel up and placing another 2 at the end end of the previous.


Author of this page had got the permission to host this tutorial here. To have this tutorial on your page you must seek permission from it's author.

  Photoshop tutorial pixel menu
Pixel menu
Pixelart tutorial
Pixelart tutorial antialiasing
Pixelart tutorial
  isometric pixelart tutorial
Isometric pixelart
Pixelart tutorial
so you want to be a pixel artist
So you want to...
Pixelart tutorial
  pixel face
Pixel face
Pixelart tutorial
animating water photoshop tutorial
Pixelart tutorial
  isometric pool tutorial
Isometric pool
Pixelart tutorial
Photoshop art tutorial
Art tutorial
Photoshop tutorial
  Photoshop tutorial drawing from a reference photo
Photoshop tutorial
Photoshop tutorial drawing human hair
Human hair
Photoshop tutorial
  Photoshop tutorial drawing human hair
Human updo hair
Photoshop tutorial
Photoshop tutorial drawing human eye
Human eye
Photoshop tutorial

Were this tutorials helpful? Please consider donating a few dollars to keep this site alive.

(c) 1997-2024 Alexey Garkushin