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

Thread: Slope study

Hybrid View

Previous Post Previous Post   Next Post Next Post
  1. #1
    Guild Apprentice
    Join Date
    Mar 2009
    Posts
    45

    Post Slope study

    Being new to mapping, I often find myself blocked by apparently simple things... things like slopes.

    I'm used to using omnidirectional shadow to imply depth, like for stairs or building levels (see my ships), but slopes still elude me.

    Most maps I've seen seem to shy away from slopes too. They either mark them artificially (like with topography lines), use surrounding elements (like stairs) to suggest their existence or forgo them entirely.

    So I've browsed through many maps, tactical and geographic, spanning many art styles, to see how slopes are conveyed. Here are the elements I noted:

    - Approching the top of the slope, terrain gets progressively lighter.
    - Terrain becomes abruptly dark just before the slope begins, showing a clear demarcation.
    - The whole slope has uniform darkness, slightly darker than its surroundings. More "cartoony" styles usually sport lines here, getting more numerous at the bottom.
    - After the bottom of the slope, terrain progressively goes back to its normal lightness.

    I've tried applying those observations and am looking for feedback. The first image is the sketch and the second one has the underlying textures removed, showing only the shading. Both use 64-pixel tiles, 6 by 6.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pente.png 
Views:	381 
Size:	261.6 KB 
ID:	10992   Click image for larger version. 

Name:	Pente (sans texture).png 
Views:	143 
Size:	8.6 KB 
ID:	10993  

  2. #2
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,392

    Post

    I took your color image and had a go at it, in hopes of being helpful The first pic is the final result.

    1. First I added a simple gradient (second pic) set to overlay at 50% opacity.
    2. Second I blurred everything on the original that was at the bottom of the slope, in this pic the bottom is on the right side (third pic). I used the blur tool at about 45 pixels for the tip of the brush.
    3. Next I added a layer of 50% gray, set it to overlay then using the dodge and burn tools (at various tip sizes) I created some relief to give it some extra punch (fourth pic).

    The black in the gradient might be a bit too much but I thought that yours was too light...you're on the right track, though, so keep up the good work.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pente2.jpg 
Views:	392 
Size:	106.0 KB 
ID:	10994   Click image for larger version. 

Name:	Pente gradient.jpg 
Views:	109 
Size:	37.0 KB 
ID:	10995   Click image for larger version. 

Name:	Pente blur.jpg 
Views:	95 
Size:	97.5 KB 
ID:	10996   Click image for larger version. 

Name:	Pente relief.jpg 
Views:	307 
Size:	70.8 KB 
ID:	10997  
    Last edited by Ascension; 03-06-2009 at 10:59 PM.
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  3. #3
    Guild Apprentice
    Join Date
    Mar 2009
    Posts
    45

    Post

    That's a mighty nice cliff! The blur and darkness help quite a lot in keeping the focus on the high ground, where players hope to stay.

    Problem is... while my praise is honest, the result is far from a gentle 45-degree slope.

    "The black in the gradient might be a bit too much but I thought that yours was too light..."

    That's a self-imposed restriction... my ultimate goal is to make tilesets for MapTool. The grass at the top needs to be the same brightness as the grass at the bottom. Actually, apart from a 1-tile edge, the top or the bottom must look exactly the same.

    Else, I can't use the same texture for both, and map size (in terms of computer memory) goes through the roof.

    I made a new version of the slope to better display the kind of functionality I ultimately need. Again, it is a 6-by-6 area with 64-pixel tiles. The borders don't look too natural, but that's needed if they're to fit nicely into the tiles.

    Rest assured that your counsel is always appreciated. Just seeing your treatment of my slope sketch has inspired me for other background elements and taught me new drawing techniques.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pente3.png 
Views:	227 
Size:	264.6 KB 
ID:	10998  
    Last edited by Ceraus; 03-07-2009 at 12:34 AM.

  4. #4
    Community Leader Facebook Connected Ascension's Avatar
    Join Date
    Jun 2008
    Location
    St. Charles, Missouri, United States
    Posts
    8,392

    Post

    Gotcha...the tiling thing does throw a monkey wrench into it. This new one looks pretty good.
    If the radiance of a thousand suns was to burst at once into the sky, that would be like the splendor of the Mighty One...I am become Death, the Shatterer of worlds.
    -J. Robert Oppenheimer (father of the atom bomb) alluding to The Bhagavad Gita (Chapter 11, Verse 32)


    My Maps ~ My Brushes ~ My Tutorials ~ My Challenge Maps

  5. #5
    Guild Artisan pasis's Avatar
    Join Date
    Jan 2009
    Location
    Helsinki, Finland
    Posts
    535

    Post

    It looks great already and will look even better when more texture variation is added to the ground/grass. Then it will not be the only thing to look at, but is the sweets on top.

  6. #6
    Secret Super-User StillCypher's Avatar
    Join Date
    Feb 2008
    Location
    Utah
    Posts
    245

    Default

    Both of these sloping ideas are really good and provide the answer to making slopes on my own map. I will definitely have to play with the ideas! Kudos and reps and gold stars on the forehead for both of you!


    EDIT: Sorry, Ceraus, but I have to spread more rep around before I can give you some!
    -÷-÷-÷-÷-÷-÷
    “It is not down in any map; true places never are.” (Herman Melville)

    “A good map is both a useful tool and a magic carpet to far away places." (unknown)

  7. #7
    Guild Apprentice
    Join Date
    Mar 2009
    Posts
    45

    Default

    I'll manage, StillCypher.

    Haven't worked on maps alot since then, but I'll be sure to post my "ground tiles" once they're done. I still think my slope looks too much like a cliff; I'll try having less of an edge at the top and have all the slope illusion be a matter of lighting.

    Ideally, the slopes, cliffs and everything will be tileable on ANY grass-themed ground texture. And I'll have Ascension comment on them before they're finalized.

    By the way, Ascension, the main reason why I use bland textures without relief effects like yours is that I need my cliffs, slopes and all to be tileable. (This also gives me a hard time with irregular borders.) Do you know a way to get such effects, but tileable? I could get better results if I could find something similar to your 4th pic, but, again, tileable (and transparent intead of white).

    Out of curiosity, what are the favorite tile-resolutions used by people around here? I use 64 out of old Gametable habit and I wonder which starting resolution I should work from for maximum compatibility.
    Last edited by Ceraus; 03-21-2009 at 10:20 PM.

  8. #8
    Guild Journeyer Feralspirit's Avatar
    Join Date
    Jan 2009
    Location
    Utah, United States
    Posts
    134

    Post Slopes or Cliffs?

    Ceraus, I see what you mean about your slope resembling a cliff. I think it may be the rocky texture that implies a steeper grade than you desire. Sorry I haven't tried it myself, so I don't know if the effect will be desirable, but using Ascension's method above with the gradient applied to grass texture, with a quick fade back to transparency (to retain tilabilty) seems like it may yield something gentler. Thanks for the discussion, though. Whatever you decide the discussion and thread has been valuable to myself at least. *Repped* and rated.
    Doubt is an unpleasant condition, but certainty is absurd. -Voltaire

  9. #9
    Guild Apprentice
    Join Date
    Mar 2009
    Posts
    45

    Post

    Tried something simpler and made a hill.

    There's white at the top that fades out a square away, equally inside and outside.

    There's black at the bottom, fading out a square away toward the top but fading out much quicker outside.

    There's also shadow on the slope, (starting from the top) fading in half a square after the top and fading out half a square after the bottom.

    The slope texture, as before, is rock and grass, but this time it fades out equally at the top and bottom.

    The first two layers are at 30% opacity and the last two at 20%.

    Again, I haven't touched fancy effects, just using black and white fade ins and fade outs. I think I've successfully dodged the cliff look, but now the top and bottom are not defined enough, possibly confusing players.

    I've attached a grass version, an earth version and a version with no terrain underneath.
    Attached Thumbnails Attached Thumbnails Click image for larger version. 

Name:	Pente gazon.png 
Views:	181 
Size:	1.85 MB 
ID:	11644   Click image for larger version. 

Name:	Pente terre.png 
Views:	132 
Size:	1.76 MB 
ID:	11645   Click image for larger version. 

Name:	Pente.png 
Views:	250 
Size:	865.6 KB 
ID:	11646  

  10. #10
    Guild Apprentice
    Join Date
    Mar 2009
    Posts
    45

    Post

    Heh! The third picture looks like a bump in the messageboards.

    Hey... that could be a good Mapping Challenge idea.

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
  •