AuthorTopic: [WIP] mock up for 2d platformer, new to pixel art  (Read 7243 times)

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

[WIP] mock up for 2d platformer, new to pixel art

on: July 05, 2017, 02:28:19 pm


Hi guys!  I'm new to pixel art and have been working super hard to get more comfortable with it... I am more used to traditional painting and concept art with digital tools.  I am now working on a game called Swansong.  It is a 2d platformer with retro graphics.  I did a few tile sets and here you see a mock-up.  I mostly need critics on colors and overall harmony of the pieces.  I think I have difficulty with the hierarchy of the backgrounds  and it looks in overall blend to me.  Thanks for any constructive critics!  Here is the twitter of Swansong if you want to check it out: https://twitter.com/Vertex_Zero
« Last Edit: July 05, 2017, 02:44:33 pm by vie_draws »

Offline Gizmonicgamer

  • 0001
  • *
  • Posts: 85
  • Karma: +0/-0
    • View Profile

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #1 on: July 05, 2017, 06:10:25 pm
I really like the colors! It might be a stylistic choice, however, but I feel like there can be some minor issues of readability here between elements; increasing the contrast or boldening the dividing elements can help to change this. I like how it looks regardless, though.

Offline CFKaligula

  • 0010
  • *
  • Posts: 147
  • Karma: +0/-0
    • View Profile
    • My Tumblr

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #2 on: July 05, 2017, 07:12:41 pm
Edit:
Did some colours edits. I think the plants could be much more plant-like to really give the piece some contrast. Same as Gizmon said readability is kind of an issue, its not very clear where you can stand and where not. What i tried to do is desaturate background (or what i assume is background) and saturate non-background, which i assumed were the ladders and the blocks on the ground.
You get in the bowl

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #3 on: July 05, 2017, 07:41:54 pm
Thanks Gizmonicgamer, I was feeling it had something to do with augmenting the contrast of certain layers.  Thanks also CFKaligula for the color edit.  it does help for the readability.  I'm just not sure about the intensity of the grass. 
Well anyways, thanks for your pointers! I really have to work on my colors to make it more clear.  Thing is, we want an overall dramatic ambiance to the game, so I was thinking of a more desaturated and darker palette, but I'm struggling with it!

Offline MysteryMeat

  • 0100
  • ***
  • Posts: 1997
  • Karma: +1/-0
  • "The new alternative to q-tipping your cat!"
    • mysterymeat
    • spoiledmysterymeat
    • View Profile
    • My rad art blog!

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #4 on: July 05, 2017, 11:10:55 pm
I think you might do well to study the pixelwork in Fez and cave story, they both have a similar vibe to what you've done here and may give you some better ideas on where to take the color cues to achieve what you're after.
Say what you will about the gameplay, Fez had some excellent tilework and is well-worth a study on some of the more dramatically lit levels
PSA: use imgur
http://pixelation.org/index.php?topic=19838.0 also go suggest on my quest, cmon
MAJOR BORK TALLY: |

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #5 on: July 05, 2017, 11:39:39 pm
Good idea MysteryMeat!  I actually really enjoyed Fez (playing and looking at it).  I'll go back to studying it...for now I'm just getting a mess:


And just look at these "color ramps"...so full of grays and similar colors!

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #6 on: July 07, 2017, 05:15:56 pm


Ok so this is a quick try at a different approach, I wanted to see what it looks like with a more blue atmosphere in the back and more saturation in front... I'm not convinced, but the readability is more present. 

Also I tried studying palettes from Owlboy to understand color ramps and such, but I'm still having so much difficulty.  I saw a lot of tutorials online but nothing seems to help!  I guess what I find most difficult is finding ways to harmonize all the colors for different materials.  I tried starting from one color and trying to build from there:


but that did not help either....what do you guys think, and how do you start your palettes for a whole environment like this?

Offline eishiya

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

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #7 on: July 07, 2017, 06:42:31 pm
Try having more meeting/overlap points, and have more hue-shifting within each ramp. For example, I try to have all of my palettes have all their ramps converge on the same "black", and sometimes the same 1-2 "whites" (1 for "limited" palettes, a cool and a warm "white" for more general palettes). With hue-shifting, what I'll often do is have my e.g. blue and green ramps share their dark part, and diverge only in the midtones and highlights.
Your palette looks dull and boring despite having so many colours, because all your ramps are just straight ramps getting darker. Your colours don't actually fade towards your shared colour at all, and they all have different black points. None have any appreciable hue-shifting. This palette will also be difficult to manage because it's so big, with many missed opportunities for colour-sharing. I find it especially nice to reduce the number of dark colours, because people don't distinguish dark colours as well as they distinguish midtones and light colours, and because it allows all the objects to have similar-ish looking shadows, which helps every object look like it's in the same space, lit by the same ambient colours.

As for actually developing palettes, I find it helpful to start with mockups featuring key objects and locations from the game, and go from there, reusing colours as appropriate. You can't really know how different colours will work for your specific project without using them. Working on a mockup also allows you to see how the different objects look together, where they might clash or blend.
When you find yourself using two or more similar colours and using one of the existing colours just doesn't look good, try replacing all of those colours with an entirely new one that has properties of them all. Sometimes this means slightly shifting other colours, and that's okay - if your palette's not gigantic and you're working on a few mockups instead of an entire asset library, replacing all instances of some colours already in use should be trivial.

I want to emphasise the usefulness of mockups because it's the content that determines what colours you'll need. I have one palette that has only two reds because the game doesn't need them, but has three different brown ramps (cool, warm, purple-brown) because different kinds of brown really help the setting look good.

Think of your palette not in terms of distinct ramps, but loops and/or branches. Where can your ramps overlap and blend together? If you hue-shift consistently, pretty much all of them will overlap, which will help tie the palette and everything coloured with it together, as well as help keep your colour count small and manageable.

Try thinking in terms of "key light" and "ambient light" when you hue-shift. Have your colours shift towards the ambient light hue in the shadow/dark parts of the ramps, and towards the key light hue in the lighter parts. These hues can be similar (giving a slightly more subdued look - not monochrome, because the midtones still maintain their own hue identity), or they can be different (giving a more colourful look).
Remember that this is shifting towards a hue, not shifting by some fixed amount. So, if you have a blue ambient light, your dark reds will shift dramatically towards blue (becoming purple), the dark greens will probably shift just slightly towards blue-green, and your dark blues will probably barely shift at all.
« Last Edit: July 07, 2017, 10:47:30 pm by eishiya »

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #8 on: July 07, 2017, 10:22:32 pm
wow, Eishiya,  Thanks so much for the thorough analyses.  That means a lot!  it has helped me to understand better where to start.

I think I'm getting something a little more consistent.  I did a smaller piece to test things out.



I won't give up!  I'll keep on learning!

Offline vie_draws

  • 0001
  • *
  • Posts: 10
  • Karma: +0/-0
    • @vie_draws
    • View Profile
    • artstation

Re: [WIP] mock up for 2d platformer, new to pixel art

Reply #9 on: July 26, 2017, 05:39:33 pm
ok so I did a few more tries.  I'm studying a lot of great pixel artists to understand more on lighting and hue shifting.



And also this one, but the tilesets are really rushed just to try the color palette.