[WIP] Isometric Buildings

[Jakerpot]

Hey there! This is my first try at isometric, and i'm very satisfied with the results! 



I want to know your opinion about the colours, size, proportions, style, etc...

See ya!

[The Mozack]

Considering their 1960s/1970s architecture, the second and fourth buildings look the look. But the first building appears to use columns of windows that alternate in width, appearing messy, especially when there is only an even number of window columns. The arrangement of colours is also inconsistent here; some columns use darker colors between windows, while others don't. Unless you're aiming for an irregular facade, it's usually helpful to simply copy-paste the columns so that inconsistencies can be eliminated. The sides of the building facing the viewer is also awfully saturated with lines, appearing messy. I suggest toning it down a bit so you have more room to work with.



The same can be applied to the third building. Experiment around.

[Jakerpot]

I really apreciated your suggestions, and i will try to apply them on the 3 building too. Thanks  

I made a quick edit in the 3 building:



I removed the vertical lines because I thought it was very messy. I still have to work on the windows, but i'm walking on a cirlce...

[The Mozack]

The key to it is consistency. You can follow a two or three pixel pattern or more (with dots, lines or a mix of both), but make sure it repeats as the example provided shows. Sky's the limit from that point on.

[Jakerpot]

My problem is their position. The top windows in the front feel so wrong... This was the best position that i found for them.

[The Mozack]

That's because their distance from the floor is inconsistent. Some are one pixel away while others have two pixels. Perhaps the cause of the problem is this building uses irregular patterns, which, unless rectified using anti-aliasing, will appear messy and unaligned.

As mentioned, start out with patterns that will not alternate with each step. Familiase yourself with the basics, then move on to more advanced designs, like the mentioned irregular pattern.

[Jakerpot]

As you can see here, the windows are exactly 1 pixel away from the bottom line, but they feel so messy!

I don't know how to make them feel like they are on the same line!

As mentioned, start out with patterns that will not alternate with each step.

What do you mean with 'patterns that will not alternate with each step'?

Thanks for your pacience 

[Conzeit]

your problem is you're only looking at the vertical space between windows, not the horizontal space.

[ChadHachey]

The row on the right is not lined up properly, try moving the top window up a pixel then it'll look straight. Did you just eyeball this? A good practice is to draw in horizontal guidelines, you'll see what you're doing wrong and it'll make life easier for you. =D

[Jakerpot]

The horizontal space is not wrong, i mean, the windows are in vertical rows, so their horizontal position depends of the other windows postion.

try moving the top window up a pixel

I tried but it looks worse 

[ChadHachey]

As you can see it's not lined up, moving it up a pixel would make your windows straight horizontally. Maybe your eyes are playing tricks, that or I'm missing what you're tying to explain.

[Dr D]

I think he's trying to make it work with the horizontal gaps he has now.

But, Jakerpot, I just don't think it will work, unless you do some masterful AA'ing. Even then, I don't think it would be worth it, just use more properly aligned steps.

[Jakerpot]

Thats so confusing 

Yeah, it wont work anyway...

I think i will let how it is now and move to another building...

Thank you all, soon i will post a new building 

[ndchristie]

the issue is that you're trying to use an odd-sized (3-pixel) pattern in a projection which is 2:1.  Patterns, to keep the perfect lines, must have widths that are divisible by 2.

The reason it works for blackbeltdude is that he's got a 3-pixel wide window space with a 1 pixel wide gutter, making his pattern 4 pixels wide.

Similarly, over a wide enough area, even odd-width patterns will begin to become regular, however this will be every pair, because (odd width) + (odd width) = even width, which can repeat.

Basically, you can't treat the line as all the same.  There are pixels which are mostly above the perfect line, and pixels which are below it.  You have to treat these as though they are at different heights, because, well, they are.

here's some examples :

[Jakerpot]

you're trying to use an odd-sized (3-pixel) pattern in a projection which is 2:1

What do you mean with that? I'm sorry, i'm brazilian and there are some things that i don't understand.