PDA

View Full Version : Stairs - Trying to get better



mthomas768
04-11-2013, 03:13 PM
I've been working on a good methodology for producing stairs that look like stairs, and I'm not quite there yet. Here's an example, showing a straight staircase descending north to south (100dpi 5' per inch scale). It's not terrible, it's not even bad, but I think there's room for improvement, especially at the bottom, where the descent shadow mixes with the final step shadow on the floor, producing a missing step. My basic process (Gimp):

Lay out steps using standard fill techniques.
Build a series of step shadows using Gaussian Blur in a Soft Light layer.
Build a single gradient descent shadow covering the steps in a second Soft Light layer.

The walls are just black placeholders, and they have a light shadow applied.

53566

Any thoughts on how to improve this?

Jaxilon
04-12-2013, 02:41 AM
I think you might make the lower level darker because as soon as the shadows of the stairs end it becomes as bright as the upper level. This blows the descending look you have going. If this is in a larger map and you don't want to show the entire lower level in a darker shadow you would have to have a light source, such as a torch or something. You might also be able to pull it off by just darkening the shadow for a ways down the hall and gradually returning back to the same shade as the upper level but it might just look like a ramp.

That's what I would try anyway. If I have time tomorrow I will try to show you what I'm talking about in case I'm not making sense. I'm a little brain shot right now.

mthomas768
04-12-2013, 07:55 AM
Thanks for the feedback Jaxilon. This is part of a larger map and I am trying to keep the upper and lower areas (both shown), evenly lit as much as possible. The full project is a set of geomorph-style tiles, so arbitrary sections of floor may end up rotated and reattached elsewhere. With that in mind, I don't think I can extend the floor shadows much.

One thing I need to do, based on this test, is put together a larger area of flooring top and bottom to get a better feel for how the stairs will sit in a bigger picture.

mthomas768
04-12-2013, 09:08 AM
Here's a revised version showing before/after this round. Added darker shadows at the base of each step, fixed the lower floor shadow, and added a faint highlight along the exposed edge of each step. I also altered how I was doing shadows so the layers aren't blowing up some of the colors in the stair texture.

I think this looks quite a bit better. Thoughts?
53578

Jaxilon
04-12-2013, 10:01 AM
Well, I think that the one on the right looks great and succeeds in depicting stairs going down...or up as the case may be.

And hopefully, you do your shadows on a separate layer. If not, I'm pretty sure there is a simple tutorial on that.

mthomas768
04-12-2013, 10:39 AM
Well, I think that the one on the right looks great and succeeds in depicting stairs going down...or up as the case may be.

And hopefully, you do your shadows on a separate layer. If not, I'm pretty sure there is a simple tutorial on that.

Thanks! Yes, layers are our friends. The right image has 10+ in it. :D

Bogie
04-12-2013, 11:18 AM
I agree with Jax, the stairs on the right are the best, the darker shadow right at the step edge gives the definition you need to see it is a step. Then you can play with how far out the shadow fades which will indicate the height & width of the stairs.

mthomas768
04-12-2013, 01:25 PM
And in the interests of full-disclosure and a bit of fun, I give you the clown-dungeon version... :D

53582

That's the shadow masks laid over the pattern I used to fill the marble blocks of the stairs.

Jaxilon
04-13-2013, 03:01 PM
Like...I don't even know what you are talking about, LOL. It must be one of those Photoshop tricks or something. I tend to just do things by hand because then I don't have to futz around with anything but whatever works is good.

RobA
04-15-2013, 11:50 AM
Here is a png overlay I keep on hand for quick steps.

53655

I've also attached a zip of the xcf I used to see how I build up stairs with four layers.

-Rob A>

mthomas768
04-17-2013, 09:27 PM
Thanks RobA! I'll take a look at that when I'm back in mapping mode!