Color Banding Post-Processing Effect

I really like the style of those color quantization examples!

It’s an interesting effect that doesn’t seem frequently talked about. Besides color banding, I believe it can be referred to as posterization as well. I know that’s the term I’ve used when doing photo editing.

According to some research I’ve done, color quantization and posterization are similar. However, color quantization is normally used to reduce file sizes by reducing the colors used to a limited color palette. Posterization on the other hand reduces the tones to achieve a specific artistic look. Apparently, posterization can be an unintended artifact of color quantization.

This makes me question if they’d fall under the same post-processing effect or not since they’re not doing the same thing. My gut is telling me they wouldn’t, but I’m no expert when it comes to stuff like this.

4 Likes

I found this Free Posterize/Dithering Effect which is really cool because I never know that this could even work or even be discovered before

1 Like

That’s an really interesting hack that I never even considered to try. It’s definitely one that is a lot more finicky than the fog one. I will say, it does a way better job at creating a posterization effect than the fog hack. Based on that thread though, it sounds like it could be inconsistent between devices.

ColorCorrectionEffect + ConstrastPart Hack

Fog Hack

That hack is more close to a proper posterization effect since it’s applying to everything on the screen instead of only instances affected by fog. For example, the skybox has color banding, unlike the fog hack. I do like that you don’t need to sacrifice the Atmosphere object with that hack. Too bad it relies on a part to always be in front of the camera and may be inconsistent.

6 Likes

hi! creator of the script and post here. I currently do not have anything to base this on, but I speculate that this is because of how roblox renders differently on macbook. I assume this because I use a macbook and windows is more commonly used.

another guy was asking me about this problem, and their screenshot looks pretty similar to yours for the effect.

what are the settings you had on the script to make it not completely blow out colors? (the effect gives very red and orange results for me)

I changed absolutely nothing. This is one of the reasons why I said the following:

What you’re experiencing is one of the reasons why this feature request was made. There’s no guarantee that these hacks will work nicely between devices and that they will always work.

1 Like

can you share a screenshot? i can take a look at it since i’m testing things out.

It’s been 6 months since I’ve been searching any non-sketchy and real effect to achieve this. I would love to develop everyday and expand my creativity/creations if a tool built in the studio would be similar to this. We need more building styles, UI filters, NOT ONLY a Robloxian style to create games. Let’s make experiences, not Roblox typical games. Hope Roblox hears about this and is implemented.

1 Like

you should try checking out the new script. I made a new model and the effect should look consistent between devices now.

YES!!! SUPPORT… This would be so awesome to have.
We definitely need new post processing effects

some of the stuff in this video would also be great to have!

9 Likes

Another post effect which is pretty desirable by tons of devs is a pixelate/resolution downscale effect. This and the colour quantising effect is something I’ve been wanting since 2019.

Roblox needs more lighting and screen post processing effects.

8 Likes

Yeah, the main post-processing effects I’m waiting on are pixelation, chromatic aberration, and most wishfully—color grading. Imagine the possibilities for creativity with color grading: We’d get games with colors as impressionist as Asteroid City, as nostalgic as the Wizard of Oz, or anything else imaginable.

There are already ways to stack different lighting and post-processing effects on one another to try to simulate color-grading, but it doesn’t really come close most of the time.

5 Likes

bumping this, I took a screenshot of my game, and quantized it in paint . net extremely to only two colours. And the two-tone effect it gives looks so cool! It would fit so well for a robot camera, or even just as a visual effect when something happens in game! there are so many use cases I can think of, creating an old VHS camera effect with limited bit-depth, artsy 2d type games with only two colours available, and I’m sure there’s more. please add!

like isn’t this the most aesthetic image ever??

2 Likes

bumping this once more, why has roblox still not done this? that looks insanely cool

1 Like

I would absolutely love having color quantization and pixelation effects in Roblox.

In all honesty I think Roblox needs wayyyy more post processing effects.
It’s currently so extremely limited.

It would also be neat to have tone mapping or palette filters.

Palette filters basically take a color palette as input and replace every single pixel color on screen so it only contains colors that are present in the palette and it can add dithering to reduce obvious banding.

This would be super useful for artistic things, such as if you only want a few specific colors to display on screen.
Let’s you make cool stuff like this.

This image I simply created by pixelating and replacing all colors with colors in a palette.
This would be super cool to have as a post-process filter in Roblox.

(Screenshot from the waiting room btw.)

8 Likes

what numbers should i set the fog to? it just looks like super bright when i try

Set property of FogColor to 250000, 150000, 150000
and then change FogStart and FogEnd to 100,000

1 Like

thank you! this worked very nicely!!!

I absolutely want this, there’s currently only 3 styles to a game:

Ultra Realistic
Straight from Roblox’s Baseplate
Cartoony

There are work arounds by using contrast in ColorCorrectionEffect but that doesn’t completely function as intended. We need more post processing features, this will not hurt performance, if anything this exact effect would likely improve it.

2 Likes