Jump to content

Transparency Dithering/Screen-Door Effect


Go to solution Solved by frio,

Recommended Posts

Hello! This is my first post here, so I apologize if it's in the wrong category or a badly explained question, but I wanted to know;

 

How would I make an effect like this, where instead of alpha transparency, the pixels start to gradually get more spaced out, simulating transparency?

image.png.e74d671d843a7467da7c6e00b0fe2ba8.png

I'd like to specifically apply this effect around the image, like in this image, but with the dithering effect:

image.png.1b9cfbd595076c13c2cb60737baf169c.png

 

 

 

Link to comment
Share on other sites

  • Solution

A couple options come to mind.

 

Easy but chaotic and not very configurable: Alpha to Dots

Less easy but configurable: extract the alpha mask, dither that with one of the several b/w dithering plugins, then replace the original alpha mask.

  • Alpha extraction: Alpha to Gray from BoltBait's plugin pack
  • Dither: BoltBait's pack has Floyd-Steinberg dithering, Halftone dithering from Ed Harvey's pack, QuantDith can do several styles of dithering, including ordered ones.
  • Reapply alpha: BoltBait's pack has Apply Alpha Mask. There's this other Alpha Mask if you want to paste the mask from clipboard.

 

Top left: original, top right: alpha to dots, bottom left: halftone, bottom right: QuantDith.

image.png.005c3a85f283693d26b6ab175b55a1a7.png

Edited by frio
  • Like 4
  • Upvote 1
Link to comment
Share on other sites

3 hours ago, frio said:

it can result in color deterioration at low opacities*

 

Are you referring to transparent colors, where A=0 and the RGB channels are thus flattened to zero?

The Paint.NET Blog: https://blog.getpaint.net/

Donations are always appreciated! https://www.getpaint.net/donate.html

forumSig_bmwE60.jpg

Link to comment
Share on other sites

24 minutes ago, Rick Brewster said:

Are you referring to transparent colors, where A=0 and the RGB channels are thus flattened to zero?

 

That, and back the last time I checked after the plugin was updated to better preserve colors, it still would oversaturate low-alpha pixels sometimes, but I've long forgotten how/deleted the files I got those results on. I just reinstalled the plugin to double check and am not seeing any of the above problems anymore (even colors in zero-alpha pixels are preserved) so I'll revise my post accordingly.

 

Edit: looks like the file date on the apply mask plugin was shortly after I last checked in early-mid summer so I missed an update, my bad.

Edited by frio
Link to comment
Share on other sites

On 11/26/2023 at 2:54 PM, frio said:

A couple options come to mind.

 

Easy but chaotic and not very configurable: Alpha to Dots

Less easy but configurable: extract the alpha mask, dither that with one of the several b/w dithering plugins, then replace the original alpha mask.

  • Alpha extraction: Alpha to Gray from BoltBait's plugin pack
  • Dither: BoltBait's pack has Floyd-Steinberg dithering, Halftone dithering from Ed Harvey's pack, QuantDith can do several styles of dithering, including ordered ones.
  • Reapply alpha: BoltBait's pack has Apply Alpha Mask. There's this other Alpha Mask if you want to paste the mask from clipboard.

 

Top left: original, top right: alpha to dots, bottom left: halftone, bottom right: QuantDith.

image.png.005c3a85f283693d26b6ab175b55a1a7.png

 

How'd you achieve that effect with QuantDith (bottom right)?

Link to comment
Share on other sites

7 minutes ago, destdehat said:

How'd you achieve that effect with QuantDith (bottom right)?

 

Set palette to BW, adjust the brightness/contrast to get desired coverage of the gradient.

pkzBxEy.png

Post-contrast is a bit weird and can't honestly figure out what it's doing, but pre/post-brightness both do about the same, and pre-contrast acts like contrast would usually. 

 

Also try the different dither patterns, ordered 2x2 might produce something very similar to what you had in your original images.

 

Edit: Okay I guess I was late by a couple seconds for this, heh!

Edited by frio
Link to comment
Share on other sites

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...