WIP (Work In Progress)
 Pixel Joint Forum : Pixel Art : WIP (Work In Progress)
Message Icon Topic: Circus palette Post Reply Post New Topic
Author Message
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Topic: Circus palette
    Posted: 16 August 2013 at 2:38pm
Hey guys,

FINAL VERSION DISPLAY HERE

I wanted to give the palette challenge a proper try!
As a big fan of strong and saturated colors I based my palette on this circus image I made two years ago.

The first version is here.



This image was generated by dawnbringers script, I have no clue what it displays but it looks cool:



So yeah, the purpose of the palette? The possibility to create high saturated sprites with few colors and the possibility to create interesting highly rendered images by using interesting color combinations...
I found many interesting combinations (see the cubes in the first image) and quite like the result so far.

I tried and remap some images from the PJ gallery and started to miss a light grey. I am considering removing the pink and replacing it with a grey.

Some of my favorite remaps:























Thank you artists of PJ for not suing me for abusing your images.


So yeah, I will probably remove the pink and add a grey. Also, so far I only selected these colors and checked their possibilities, tweaking them only roughly. From on here I want to take a closer look at the images that I generated (and make some myself) and see if I can improve the values and usability of the palette.

Also, I of course would like to hear your opinion on it! What do you guys think of these colors?



Edited by Hapiel - 20 August 2013 at 1:20pm
IP IP Logged
Xhukari
Commander
Commander
Avatar

Joined: 22 June 2013
Online Status: Offline
Posts: 106
Quote Xhukari Replybullet Posted: 16 August 2013 at 2:44pm
A lot of the colours remind me of the old palette-swaps game developers used to do very old games; gives the images you've changed, a much more retro feel.
IP IP Logged
DawnBringer
Commander
Commander
Avatar

Joined: 11 August 2024
Online Status: Offline
Posts: 568
Quote DawnBringer Replybullet Posted: 16 August 2013 at 3:55pm
See in the middle-right Brightness/Hue-diagram how the bright-green and cyan lines up horizontally...that's because they have almost identical brightness (and they're close in hue & saturation to begin with)... you can't afford to waste shades in a small palette.

Also, you have an almost black and a very dark blue. This dark blue is way way too close to black, and in this bright colorful palette it drowns.

The red-orange register looks pretty good.

Remember, brightness is always key! A good image and palette will also look good in grayscale. Convert the palette to grayscale for easier study of the available shades. Pay extra attention to the bottom-left grayscale diagram.
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 17 August 2013 at 7:51am
Thanks for the reply DB

I could not figure out which of all the diagrams was the middle-right brightness/hue diagram.... Actually I can not figure from any of them what they exactly display..

But yes, bright green and cyan were too close. Which is weird: Bright green is almost pure G and cyan is just a little bit less G and even more B.. With G and B both full on it should be much brighter than just G no? How come that it does not appear brighter and is translated into greyscale at the same brightness?

Every color changed in this version, it works way better now. The greys serve their purposes better, the colors are more different from each other.




Old on the left, new on the right:




Agreed that this is an improvement?

Now, how do I go from a great palette to a perfect palette? Where should a value go up by one or decrease by one? How should I ever find the perfect values?
I don't know but I will keep on testing my palette on many images for some time and tweak where needed.

So far this was fun and less difficult than I had thought!

EDIT: As I post this I realize that I made the cyan darker and thus closer again to green than in version 2 and I can't remember why. I'll keep on puzzling!



Edited by Hapiel - 17 August 2013 at 7:55am
IP IP Logged
DawnBringer
Commander
Commander
Avatar

Joined: 11 August 2024
Online Status: Offline
Posts: 568
Quote DawnBringer Replybullet Posted: 17 August 2013 at 2:20pm
The human eye is most sensitive to green and least sensitive to blue. That's why full blue in addition to full green makes so little difference to the percieved brightness (just about +5% or so).

The Green & Cyan are still pretty close. You could make Cyan a bit brighter, though you have the less than optimal scenario with two close greens and two greatly separated blues (blue and cyan) with no proper interpolation. But it would require a big reorganization to effectively address that issue.

I posted a link to the Toolbox doc in the Palette Contest, but here's the image:


Edited by DawnBringer - 17 August 2013 at 10:28pm
IP IP Logged
Friend
Commander
Commander
Avatar

Joined: 01 April 2015
Online Status: Offline
Posts: 710
Quote Friend Replybullet Posted: 17 August 2013 at 9:44pm
generally we all know that avoiding "burn eye" saturation is a basic trope.  But I think you're on to something really special here.  That iLkke mock up with the man in the forest is incredibly fresh yet old skool. 
Also, i dont think a perfect palette exists.  What you have now could use minimal refining only, so don't keep tweaking it TOO much. 
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 19 August 2013 at 11:50am
Thanks for the tut DB!
We should put that in the noobtorial thread!

And Friend, thanks for the encouraging words! I agree I should not keep on tweaking forever but I have yet made many many improvements.
Getting closer now. The brightness of dark green/blue has been switched, green is now the darker one. Saturation has been increased where possible, especially in the orange. This by raising the main subpixel/lowering the third subpixel enormously

Of course it is hard to see the difference, would you guys be interested in animations of some of the remapped artworks that I used cycling trough the different versions of the palette?

Also, DB: How does brightness work? Brightness when translating to greyscale is something different than luminosity or just in general the value of all subpixels added to each other... What is it and how do I measure it myself?







Edited by Hapiel - 19 August 2013 at 11:54am
IP IP Logged
StoneStephenT
Commander
Commander
Avatar

Joined: 08 April 2021
Online Status: Offline
Posts: 252
Quote StoneStephenT Replybullet Posted: 19 August 2013 at 2:32pm
DawnBringer, any chance you can put together some sort of palette tutorial?
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 20 August 2013 at 1:19pm
So I am already at version 7. Probably a final version unless I find a good reason to change something.



The palette is very suitable for colorfull and cartoony images and sprites:


All colors are super highly saturated without the burning eye effect. They all remain pleasant to watch as shown below:


Wip image of the palette progress:




I'd love to hear what you guys think of this collection of colors!


Edited by Hapiel - 20 August 2013 at 1:21pm
IP IP Logged
RileyFiery
Midshipman
Midshipman
Avatar

Joined: 11 October 2020
Online Status: Offline
Posts: 78
Quote RileyFiery Replybullet Posted: 20 August 2013 at 3:45pm
I thought I commented on this before, but I don't see it. Anyway, to repeat what I was thinking, I'm in love with these. I'm planning to use it for some stuff if you don't mind.
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 20 August 2013 at 4:17pm
To be extra clear:
Please use these colors! I don't think I can copyright colors but I'd like to uncopyright them anyway, public domain!
IP IP Logged
DawnBringer
Commander
Commander
Avatar

Joined: 11 August 2024
Online Status: Offline
Posts: 568
Quote DawnBringer Replybullet Posted: 20 August 2013 at 4:46pm
Your dark-blue is almost as dark as the "black" and pretty much wasted, esp. if you aim at bright colorful scenarios, it needs to be at least 20-25 brighter.

For sprites/cartoonish the palette is lacking a bright skincolor (bright-red/pink about [255,185,185], also a cyan neutralizer). One (drastic) option to free a color would be to replace the dark-blue and dark-brown with a single dark-purple color. Or to make that purple dark-cyan and change the dark-grey into a something more brownish (it would give the blue,green & orange good halfshades and the red will still have a half-decent one...at the expense of dedicated dark grey).
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 20 August 2013 at 6:31pm
Yes, there is indeed a lack of a skincolor. As shown in the circus mockup many colors can be used for it, yellow/orange/grey but they all look crap.
I'll have another look to see if I can add that... But the change would likely be drastic indeed!

As for the dark blue, I don't get it. The dark blue seems so much brighter to me than the black! Is my screen just badly calibrated?
For example in the werewolf piece the difference is very well visible.
When 1px thick lines are used the difference becomes less important, which indeed is how most of the examples I used make use of the dark color.. I'll have another look but it feels so weird since they are so different already!


IP IP Logged
Xhukari
Commander
Commander
Avatar

Joined: 22 June 2013
Online Status: Offline
Posts: 106
Quote Xhukari Replybullet Posted: 20 August 2013 at 7:07pm
Originally posted by Hapiel

!As for the dark blue, I don't get it. The dark blue seems so much brighter to me than the black! Is my screen just badly calibrated?


This could actually be a monitor thing; I used to have a Samsung monitor with a 10,000:1 Contrast Ratio - what this literally does is allow the monitor to display many, many more dark colours! So much so, me and my dad put our monitor's side by side (his was a laptop monitor if I recall correctly) and we played the same game on the same detail at the same location, and mine looked so much better; you could see more detail.

So in fact, it actually sounds like you have a superior monitor, Hapiel.

Edited by Xhukari - 20 August 2013 at 7:08pm
IP IP Logged
Hapiel
Rear Admiral
Rear Admiral
Avatar

Joined: 30 June 2023
Online Status: Offline
Posts: 3266
Quote Hapiel Replybullet Posted: 03 September 2013 at 6:05am
Pff, it seems ineed to be a callibration thing.... I don't have internet at home and have been carrying my laptop around to internet cafe's all week but now at a school computer it looks totally different. Indeed here also the dark blue looks too black...

Also here the colors DO burn my eyes.. How to deal with different screens?

I guess Ill raise the dark blue a bit as the master recommends, but on my own screens the difference really is fine I think!
IP IP Logged
Post Reply Post New Topic
Printable version Printable version

Forum Jump
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot delete your posts in this forum
You cannot edit your posts in this forum
You cannot create polls in this forum
You cannot vote in polls in this forum