WIP (Work In Progress) | |
![]() |
![]() |
![]() ![]() |
Author | Message |
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() 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 |
|
![]() |
|
Xhukari
Commander ![]() ![]() Joined: 22 June 2013 Online Status: Offline Posts: 106 |
![]() ![]() ![]() |
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.
|
|
![]() |
|
DawnBringer
Commander ![]() ![]() Joined: 11 August 2024 Online Status: Offline Posts: 568 |
![]() ![]() ![]() |
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. |
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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 |
|
![]() |
|
DawnBringer
Commander ![]() ![]() Joined: 11 August 2024 Online Status: Offline Posts: 568 |
![]() ![]() ![]() |
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 |
|
![]() |
|
Friend
Commander ![]() ![]() Joined: 01 April 2015 Online Status: Offline Posts: 710 |
![]() ![]() ![]() |
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. |
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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 |
|
![]() |
|
StoneStephenT
Commander ![]() ![]() Joined: 08 April 2021 Online Status: Offline Posts: 252 |
![]() ![]() ![]() |
DawnBringer, any chance you can put together some sort of palette tutorial?
|
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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 |
|
![]() |
|
RileyFiery
Midshipman ![]() ![]() Joined: 11 October 2020 Online Status: Offline Posts: 78 |
![]() ![]() ![]() |
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.
![]() |
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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! |
|
![]() |
|
DawnBringer
Commander ![]() ![]() Joined: 11 August 2024 Online Status: Offline Posts: 568 |
![]() ![]() ![]() |
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). |
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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! |
|
![]() |
|
Xhukari
Commander ![]() ![]() Joined: 22 June 2013 Online Status: Offline Posts: 106 |
![]() ![]() ![]() |
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 |
|
![]() |
|
Hapiel
Rear Admiral ![]() ![]() Joined: 30 June 2023 Online Status: Offline Posts: 3266 |
![]() ![]() ![]() |
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! |
|
![]() |
|
![]() ![]() |
||
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 |