Page 1 of 2 12 LastLast
Results 1 to 10 of 11

Thread: Stairs - Trying to get better

  1. #1
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Help Stairs - Trying to get better

    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.

    StairTest.png

    Any thoughts on how to improve this?

  2. #2
    Community Leader Jaxilon's Avatar
    Join Date
    Nov 2009
    Location
    A beach in Ecuador
    Posts
    5,548

    Default

    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.
    “When it’s over and you look in the mirror, did you do the best that you were capable of? If so, the score does not matter. But if you find that you did your best you were capable of, you will find it to your liking.” -John Wooden

    * Rivengard * My Finished Maps * My Challenge Maps * My deviantArt

  3. #3
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Default

    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.

  4. #4
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Default

    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?
    StairTestAB.png

  5. #5
    Community Leader Jaxilon's Avatar
    Join Date
    Nov 2009
    Location
    A beach in Ecuador
    Posts
    5,548

    Default

    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.
    “When it’s over and you look in the mirror, did you do the best that you were capable of? If so, the score does not matter. But if you find that you did your best you were capable of, you will find it to your liking.” -John Wooden

    * Rivengard * My Finished Maps * My Challenge Maps * My deviantArt

  6. #6
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Default

    Quote Originally Posted by Jaxilon View Post
    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.

  7. #7
    Community Leader Bogie's Avatar
    Join Date
    Nov 2011
    Location
    Maine, USA
    Posts
    7,667

    Default

    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.

  8. #8
    Guild Journeyer
    Join Date
    Apr 2009
    Location
    West Lafayette, Indiana
    Posts
    100

    Default

    And in the interests of full-disclosure and a bit of fun, I give you the clown-dungeon version...

    ClownStairs.png

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

  9. #9
    Community Leader Jaxilon's Avatar
    Join Date
    Nov 2009
    Location
    A beach in Ecuador
    Posts
    5,548

    Default

    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.
    “When it’s over and you look in the mirror, did you do the best that you were capable of? If so, the score does not matter. But if you find that you did your best you were capable of, you will find it to your liking.” -John Wooden

    * Rivengard * My Finished Maps * My Challenge Maps * My deviantArt

  10. #10

    Default

    Here is a png overlay I keep on hand for quick steps.

    12.png

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

    -Rob A>
    Attached Files Attached Files

Page 1 of 2 12 LastLast

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •