Jump to content
You must now use your email address to sign in [click for more info] ×

Black and White conversion styles (not all monochromes are born equal)


Recommended Posts

If you're curious about the differences between various black and white conversion methods, attached is a demo with several different styles.

The original is created from gradients across a rectangle, with RGBK going from white to saturated to black (tinting and shading). The other layers show different conversions (using a rasterised version of the original). You can explore the attached .afphoto file to see how this is achieved.

The bottom line seems to be that there are three different 'styles' of conversion:

  • HSL desaturates colours and so all colours go the same shade of grey.
    • This is done by pulling the HSL S slider to the left.
    • It also means colourful images can become very bland when desaturated.
  • The Black and White adjustment makes result pixels white in the left part of the gradient, where the colour is fading to white.
    • This can be seen if you create a fully saturated layer of any colour, add an HSL adjustment then a B&W adjustment. The layer goes white. Moving the HSL L slider right from the centre position does not change this. Moving it left from the centre gradually changes the colour towards black.
    •  A risk here is that some colours may burn out to white (a way to recover this is to introduce grey to highlights by turning down HSL saturation just in the area affected (Blend Ranges is easier than masking for this).
  • The rest of the methods shown all have the same effect, though with each RGB colour changing at a different rate across the spectrum.

black and white conversions.afphoto

Dave Straker

Cameras: Sony A7R2, RX100V

Computers: Win10: Chillblast i9 Custom + Philips 40in 4K & Benq 23in; Surface Pro 4 i5; iPad Pro 11"

Favourite word: Aha. For me and for others.

Link to comment
Share on other sites

1 hour ago, dmstraker said:

HSL desaturates colours and so all colours go the same shade of grey.

I suspect that isn’t quite what you meant, Dave! If you set the saturation value to zero, you don’t end up with the entire canvas looking as though it’s been flood-filled with one particular shade of grey. :P

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

1 hour ago, αℓƒяє∂ said:

I suspect that isn’t quite what you meant, Dave! If you set the saturation value to zero, you don’t end up with the entire canvas looking as though it’s been flood-filled with one particular shade of grey. :P

Aye, you're right, Alfred. Unclear language. Fix implemented. Adequate?

It's a surprising effect anyway. I've just added a new video to my InAffinity YouTube channel showing the different effects of different methods of conversion to monochrome. Glowing praise welcome. Corrections appreciated. ;)

Dave Straker

Cameras: Sony A7R2, RX100V

Computers: Win10: Chillblast i9 Custom + Philips 40in 4K & Benq 23in; Surface Pro 4 i5; iPad Pro 11"

Favourite word: Aha. For me and for others.

Link to comment
Share on other sites

3 minutes ago, dmstraker said:

Unclear language. Fix implemented. Adequate?

I still see the same text as I quoted in my previous post! What did you change? :/

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

5 minutes ago, αℓƒяє∂ said:

I still see the same text as I quoted in my previous post! What did you change? :/

"The Black and White adjustment makes result pixels white in the left part of the gradient, where the colour is fading to white !"

refresh?

Dave Straker

Cameras: Sony A7R2, RX100V

Computers: Win10: Chillblast i9 Custom + Philips 40in 4K & Benq 23in; Surface Pro 4 i5; iPad Pro 11"

Favourite word: Aha. For me and for others.

Link to comment
Share on other sites

18 hours ago, dmstraker said:

"The Black and White adjustment makes result pixels white in the left part of the gradient, where the colour is fading to white !"

refresh?

What’s to refresh, Dave? That part is about the Black and White adjustment, but we were discussing the HSL saturation adjustment.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

On 7/6/2018 at 9:29 AM, αℓƒяє∂ said:

What’s to refresh, Dave? That part is about the Black and White adjustment, but we were discussing the HSL saturation adjustment.

Wups.

" HSL desaturates colours and so all colours go the same shade of grey."

In the example given, this does happen as each of the RGB colour gradients are linear from white to saturated hue to black. Yes, in an average image they will desaturate to different shades of grey, but the result can be quite manky, as in the video where I use a photo of flowers which mostly have the same degree of saturation.

Dave Straker

Cameras: Sony A7R2, RX100V

Computers: Win10: Chillblast i9 Custom + Philips 40in 4K & Benq 23in; Surface Pro 4 i5; iPad Pro 11"

Favourite word: Aha. For me and for others.

Link to comment
Share on other sites

  • 3 weeks later...

A very interesting, and informative, video. I look forward to seeing the use of Gradient Maps in B&W conversion.

There is, of course, a further method for converting to B&W - the use of B&W LUT's (Look Up Tables), especially for Film Simulation. See 

for more information.

 

Regards,

Biff

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.
Note: Your post will require moderator approval before it will be visible.

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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.