Shop Mobile More Submit  Join Login
isometric building tutorial by kipton isometric building tutorial by kipton
this is my usual approach to drawing isometric buildings (well, not just buildings actually). i thought it might be useful to people new to isometrics - i know the way to do stuff like this is different to every person, although i guess the "basics" do have some things in common usually.

anyway, a step by step description.

1) i first draw the "wireframe" of the building - in the tutorial image i already left out the lines obscured by the building (i.e. the lines on the back), but i always draw those too. i think it's best to draw every line, even if they will be erased later on, to avoid making mistakes.

2) after erasing the lines on the back, i start to fill in the shape with the base fill. i usually use a standard grey scheme for this, as i add the colour later on. this is where you have to pay attention to the position of the light source, and where the highlights/shadows will be.

3) with bright red, i draw a new wireframe when i want to expand the building. again, i draw every line, including the ones not facing the viewer.

4) deleting the invisible lines, filling up the visible lines with the black (or whatever colour i use for the wireframe).

5) the same as step 2.

6) added highlights to the wireframe lines to add some more depth, and gave the other lines (except the lines forming the actual outline of the building) a bit lighter shade. just a matter of taste.

after completing these steps, i start with adding textures to the building, like windows, ridges, etc.
hope this tutorial was helpful to anyone.
Add a Comment:
martinpalermo Featured By Owner Feb 4, 2004
great tut !! I'll try him out sometime ;-)
splat Featured By Owner Jan 12, 2004  Professional Interface Designer
Great idea, but you're missing something important: an explanation.

What would make this much more useful is a step-by-step guide on how and why you used some of the techniques above. I like the concept, but the image isn't too useful without a description. Maybe including a .PSD file as well would help users get the hang of this.

Good thought, just not as useful as I would hope it would be. =)
kipton Featured By Owner Jan 12, 2004
i know splat, i submitted this before with full description and all, but when i resubmitted it i didn't really feel like doing it all again.. i'll add it later though.
frogwrench Featured By Owner Jan 10, 2004
still a great tut. ;)
olieviya Featured By Owner Jan 11, 2004  Hobbyist General Artist
bonesvt Featured By Owner Jan 10, 2004   Digital Artist
Very nice tut, helpful
dvvarfdude Featured By Owner Jan 10, 2004
dude thanks, and you can use it in shit like flash to make nice buildings..
deathmedic Featured By Owner Jan 10, 2004  Hobbyist Digital Artist
one question.
whats do i use for this?
frogwrench Featured By Owner Jan 10, 2004
MSPaint for basic pixels though for layers & animation I use fireworks. :nod:
deathmedic Featured By Owner Jan 11, 2004  Hobbyist Digital Artist
cool, thanks and, i'll have a go at this at some point then.
Add a Comment:


Submitted on
January 10, 2004
Image Size
17.7 KB


44 (who?)