An Isometric Room
 

Hello Everybody, I am trying to work on an isometric room with some friends and I am a bit stuck on shading for the walls and floor. I have made a basic striped design and I have made some basic wood floors but I can't figure out how to make it look good.

If anyone wants to give me some help it would be much appreciated. Please do not bash on this, it is barely anything yet. I am just trying to get some iso stuff down.

I do not want any posts going "Omg thiz suxs lolz what a loser"

None of that.

Trippy.... can't tell if you're looking from the bottom or the top :)

Hmmm? I don't really get what your saying.

short playaround

http://home.graffiti.net/chrischi4u/IsoStartbla.png

Something looks weird about the walls to me...like they aren't angled the same way or something.

yeah the left wall is 30 pixel longer and 5 pixel higher than the right one :O
its not perfect isometric

ya, im gettin that to... x_x

*Edit

This is all I could do....Not sure if it's right...

more playaround :D

http://home.graffiti.net/chrischi4u/IsoStartbla2.png

Bah he got me! ^^

Isometric is generally a 1:2 ratio of pixels, like so:
http://img171.imageshack.us/img171/9415/isodemo1qn3.png
Then, you want to separate different angles of walls, this can most easily be done by establishing a light-source, like so:
http://img329.imageshack.us/img329/2134/isodemo2ff6.png
Also, you'll want to keep in mind when you're doing iso, or any kind of scene like this, you might want to keep things 'even'. Like if you have stripes on the wall, you might want to make the width of the wall divisible by the width of the strips. This way, you'll keep the pattern on the wall even, and it won't suddenly come to a stop like yours has at the corner, it looks very odd. The best way to do this is to make a small portion of the wall and draw the stripes or what not on the wall, treat this small bit of portion like a tile, then tile it like...:
http://img297.imageshack.us/img297/2900/isodemo3gn8.png
This method isn't full-proof, but it's a good step in the right direction to balancing out the patterns on walls. Either way, you might want to touch up any mistakes after you're done laying it out.

The most important part is to make sure you maintain the 1:2 pixel ratio lines. They are what makes iso-art so clean and help create the false perspective. I mean... there is also 1:1 isometric art using diagonal lines, but that's rare and few pull it off, even those who do it doesn't always create the fake perspective that isometric is meant for.

And to note, it will always seem like the room is 'inverted' and such. This is a trick of the eyes and can not be fixed until more detail and items are added to fulfill your expectations of an interior, and not a flipped cube.

Shapes like cuboids (walls and floor) should be consistently outlined. You should be able to see the top of the walls aswell.

That's pretty nice :o

First Isometric graphic I had made ages ago, I should read more tutorials and try to make something.

>_<

Isometric graphics are so gorgeous, I love them. Are there any games besides like Habbo Hotel that use them?

I agree with Twinny though.. It's trippy :P I'm all dizzy now

Shakram's is stunning

Final Fantasy Tactics, offline :D

It's so boring though! :( Oh, I remember! Tenchi Muyo for SNES is isometric.

Shakram's would be a lot better if he fixed the lines, those jagged uneven lines are killing me!

Strange.

Doesn't beat Pluffy for a good few miles yet, mate.

the small playaround :D

http://home.graffiti.net/chrischi4u/isosmallv.png

STOP posting such gorgeous graphics if you won't tell me any games or chatrooms that look like that! Tease.

Wow, it's only the Graphic Design forum we're you're supposed to show off art.

on-topic, nice, keep going.

Thanks for totally stealing my thread shakram. x.x

I asked for tips not for you to show off ;(

Nothing new there.. He tends to do this alot. Post edits of peoples graphics without telling them what or how he managed to make them look better. :noob:

in my eyes 1 picture is better than 1000 words :O
it brings nothing if i talk about all kind of graphic things you dont understand
that was only a showoff how i do things like this
you saw how we do it
now do it on your own

Esteria @ Graal ;)

Or rather, as good as/better than

I guess I tryed some of the things everyone told me about. I didn't really reformat the walls because I thought I would atleast try this one a little more. Although I am gonna start now on getting the correct walls on a new room. But here is what I redid so far.

Oh yeah and I kind of messed up on the 3d part of the walls lol

Sorry for the double post but I just saw Shakrams.

I know plenty about graphics. Don't act as if I am a noob... I have been making graphics since 2002, I just haven't gotten into them as much . Especially iso. I know plenty about graphics.

And yes I I can understand if you post 1 graphic and let me work on it but post 4 for the crowd is just a bit much. I used that first one already. I used it for shading on the floor boards(See above post)

yeah i saw
the first picture from me wasnt really rights so ive done a second one
the third one was only to put something in the room so the brain knows that you look from the top
the last one is only to show progress

to your update :
now you have to start to lightup the front highlines to get the right 3d perspective hard to explain XD you see this in the starting cube the white lines

*sigh* did no one read my post?

haha nope it was to long *joke*
how he said he will go on with this one for the moment

Oh trust me dusty I read it all. :D

I totally re did the walls like you said and am going to start working on color.

Edit:I have no idea why it is making you download it sorry x.x

'cause it's a BMP :P repost it as a PNG

Sorry bout that lads. ;)