AuthorTopic: Road/Path ? [WIP / Help !]  (Read 2431 times)

Offline Zanorin

  • 0010
  • *
  • Posts: 189
  • Karma: +0/-0
    • http://pixeljoint.com/p/177874.htm
    • BasmatiPixel
    • View Profile

Road/Path ? [WIP / Help !]

on: November 10, 2018, 03:01:00 pm
Hey all,

I'm drawing a pixel art map using the palette that's on the image, and I'm struggling hard with my map's roads. I "blocked out" the main road shapes, but now I'm stuck with this and I have no idea as to how to progress :'(
Any advice or an edit would be deeply appreciated <3

« Last Edit: November 10, 2018, 10:30:30 pm by Zanorin »
Half a noob figuring out stuff.

Offline eishiya

  • 0100
  • ***
  • Posts: 1266
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Website

Re: Road/Path ? [WIP / Help !]

Reply #1 on: November 10, 2018, 10:38:57 pm
With the roads, think about what they're made of, and try to show that material. The surrounding grass, etc will probably overlap the road in many places. You can also give the road more "character" by making it wider and narrower in places, depending on the terrain and how much it's used in that area.

Offline Zanorin

  • 0010
  • *
  • Posts: 189
  • Karma: +0/-0
    • http://pixeljoint.com/p/177874.htm
    • BasmatiPixel
    • View Profile

Re: Road/Path ? [WIP / Help !]

Reply #2 on: November 11, 2018, 08:57:09 am


Tried applying what you said to a portion of the road... I'm not completely satisfied with it, but it feels better than my previous attempts. How could I push it another step further ?
« Last Edit: November 11, 2018, 01:44:50 pm by Zanorin »
Half a noob figuring out stuff.

Offline eishiya

  • 0100
  • ***
  • Posts: 1266
  • Karma: +2/-0
    • http://pixeljoint.com/p/28889.htm
    • View Profile
    • Website

Re: Road/Path ? [WIP / Help !]

Reply #3 on: November 11, 2018, 01:57:27 pm
At this scale, you probably won't see much texture on the road, so the lengthwise little 2-3px shadows probably aren't needed, they feel a bit noisy. You can still imply the texture of the road at its edges, and with the edges of colours, the way you're doing with the grass.

Try to keep the grass the same scale around the road as you have it elsewhere. So, don't shade it. If the grass blades aren't very visible, that's fine, because they still do their job of breaking up the silhouette.

You could also vary the road's colour in different areas, to show the different materials, such as near the top where it should probably be bluer. Your palette seems to allow for it.

If you want a more natural look, then consider taking the "perspective" into account, i.e. making the horizontal stretches narrower than the vertical ones. You could also make the road more winding in general, with more obstacles for it to get around, plus more minor width variations where the grass/snow/whatever just happen to creep in a little more.

Offline Zanorin

  • 0010
  • *
  • Posts: 189
  • Karma: +0/-0
    • http://pixeljoint.com/p/177874.htm
    • BasmatiPixel
    • View Profile

Re: Road/Path ? [WIP / Help !]

Reply #4 on: November 12, 2018, 07:19:56 am
Thanks for your load of ideas, it helped a lot.



I probably should've mentioned that I could only use 16 colors, so making the road bluer was not really possible (or at leat I didn't know how ^^).
I removed some (not all) details on the roads.
I also added some rivers so I could draw small bridges going over them for a little variation.
I removed the grass blades shading everywhere except in forest areas.

I made this piece for a contest on PixelJoint which ends right now, so I ran out of time and couldn't add fun stuff such as other obstacles and points of interest :c
« Last Edit: November 12, 2018, 07:25:51 am by Zanorin »
Half a noob figuring out stuff.

Offline pistachio

  • 0011
  • **
  • Posts: 639
  • Karma: +4/-0
  • Mostly lurking
    • http://pixeljoint.com/p/125138.htm
    • View Profile

Re: Road/Path ? [WIP / Help !]

Reply #5 on: November 17, 2018, 11:11:00 am
Has a load of appeal, neat stuff.

The rock cliff on the top right blows away the rest of it tho.
Maybe the divide between the hexgrid-like tiles (like trees) and the more detailed background tiles is totally intentional, which I can see working. But tiles need a little work, maybe small amount of AA.

Somewhere you can take this: desert climate or castles.

Offline Zanorin

  • 0010
  • *
  • Posts: 189
  • Karma: +0/-0
    • http://pixeljoint.com/p/177874.htm
    • BasmatiPixel
    • View Profile

Re: Road/Path ? [WIP / Help !]

Reply #6 on: November 19, 2018, 04:32:40 pm
Thanks for your feedback !

The divide between the trees and the background (which is absolutely not tiled btw) was indeed intentional, but I tried adding some AA:

I might add some desertic areas and a castle later :)
Half a noob figuring out stuff.