Pixelation

Critique => Pixel Art => Topic started by: Zanorin on November 10, 2018, 03:01:00 pm

Title: Road/Path ? [WIP / Help !]
Post by: Zanorin 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

(https://i.imgur.com/Ott9Jtv.png)
Title: Re: Road/Path ? [WIP / Help !]
Post by: eishiya 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.
Title: Re: Road/Path ? [WIP / Help !]
Post by: Zanorin on November 11, 2018, 08:57:09 am
(https://i.imgur.com/S9sZ3Cm.png)

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 ?
Title: Re: Road/Path ? [WIP / Help !]
Post by: eishiya 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.
Title: Re: Road/Path ? [WIP / Help !]
Post by: Zanorin on November 12, 2018, 07:19:56 am
Thanks for your load of ideas, it helped a lot.

(http://pixeljoint.com/files/icons/full/final1__r14941778741.png)

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
Title: Re: Road/Path ? [WIP / Help !]
Post by: pistachio 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.
Title: Re: Road/Path ? [WIP / Help !]
Post by: Zanorin 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:
(https://i.imgur.com/JUe4iDF.png)
I might add some desertic areas and a castle later :)