Pixelation

Critique => Pixel Art => Topic started by: Mathcong on October 16, 2019, 08:44:40 pm

Title: background [WIP]
Post by: Mathcong on October 16, 2019, 08:44:40 pm

Hiya,

made a background for a platformer im making, would love some feedback :)

(https://i.imgur.com/h8dXmrh.png)
trying some different colors:

(https://i.imgur.com/KYR2KG4.png)

with the tiles from the game:

(https://i.imgur.com/E3inAGL.png)

it will be parallexing as well

Title: Re: background [WIP]
Post by: eishiya on October 16, 2019, 11:37:59 pm

It's rather high-contrast, so while it looks good on its own, the foreground platforms and character easily get lost in it. It's best to have lower contrast in background layers so that the gameplay elements can stand out clearly.

Title: Re: background [WIP]
Post by: Mathcong on October 17, 2019, 12:14:26 pm

Not sure if this is the right way to go about it, basicly just dropped it in photoshop and lowered contrast on some different layers:

(https://i.imgur.com/6TcZ9de.png)

this is the palette im using btw, since im not confident in color picking:

(https://i.imgur.com/KlsxqsD.png)

Title: Re: background [WIP]
Post by: yrizoud on October 17, 2019, 02:14:15 pm

I think it's a pity to lose the "sunny day" feeling.
I'd rather play in a place like this :
(https://i.ibb.co/qJ1c2PL/6TcZ9de.png)

Edit: This is not exactly done using the Contrast tools, the goal was to have a narrower range of colors, but average around light blue rather than grey.
In Photoshop you can prepare such a change by inserting a temporary layer filled with  #8CD6F1 (a light sky blue) between the foreground and the background layers, "normal" layer mode (not multiply/etc.) and then play around with the opacity of it, between 0 and 20%, until you have found the setting X% that you prefer. Then, in order to commit the change, you can remove this layer, and on each background layer, use the "Fill" effect, Normal mode, color #8CD6F1, x%.

Title: Re: background [WIP]
Post by: Mathcong on October 17, 2019, 03:39:04 pm

oh wow, that does look alot nicer then my attempt.


thanks for the example, now i know what to work towards !

Title: Re: background [WIP]
Post by: yrizoud on October 17, 2019, 06:12:01 pm

This reminds me how having backgrounds fade into *some ambient color* was a constant in many CAPCOM games of the golden age (SNES, and arcade cabinets). Here are two examples, the second one smoothly increases the effect over distance (far = strong), which mimics what happens in real-life optics:
(http://www.planetemu.net/data/screenshots/FB%20Alpha/megaman2.png)
(http://static.retrogames.cc/previews/megaman2a.png)
You also see it in many Metal Slug stages, and more recently in Owlboy.
As any theory/tool, it's up to you to use it sensibly and in good taste...
Some games (or levels) systematically applied a strong coloring, and an overall low-contrast to the background, no matter how far to the viewer. This is also a tool, useful when you want to give a special mood and a strong identity to some level / place :
(https://image.jimcdn.com/app/cms/image/transf/none/path/s804b776a8d10e866/image/i7ffffda423374235/version/1541439596/image.jpg)
(King of Dragons, 1991)
Variety is good, the mood of this level:
(http://www.grospixels.com/site/images/stur/turrican.png)
is not the same as this level from the same game
(http://www.grospixels.com/site/images/stur/stu22.gif)