Jump to content
LeviA

Can you convert from color to grayscale and/or black/white in Affinity Designer and/or Photo?

Recommended Posts

Can you convert from color to grayscale and/or black/white in Affinity Designer and/or Photo?

 

This is very helpful for designing for the very few people who cannot see color in checking for background/foreground contrast.

Share this post


Link to post
Share on other sites

There are a number of different ways to remove colour, however these are probably the most common ways:

1) Go to Document > Colour Format > Greyscale.  Although I never use this as it's destructive and removes the colour information permanently

2) Go to Layer > New Fill Layer, fill it with white and set the layer blend mode to 'Colour'

3) Add a Channel Mixer Adjustment Layer and change the Output Channel to 'Grey'

4) Add a Curves Adjustment Layer, set the layer blend mode to 'Colour', then drag the bottom-left corner point of the curve to the top-left corner (so that it's a horizontal line)

5) Add a HSL Adjustment Layer and drag the 'Saturation Shift' slider all the way to the left (-100%)

6) Add a Black & White Adjustment Layer

7) Add a Black & White Adjustment Layer, and change the default values from 100%, to the following values to mimic method 3 (adding a Channel Mixer Adjustment Layer).  R=29.8%, Y=88.5%, G=58.9%, C=69.9%, B=11.4%, M=41.2% (for RGB 8-bit images only, the values will be different for RGB 16-bit images).  You can record this as a macro.

8) Add a Soft Proof Adjustment Layer and set the Proof Profile to 'Greyscale D50'.  This will mimic method 1 (Document > Colour Format > Greyscale)

9) To do it via 'Layer Effects' for a layer or group.  Open the 'Layer Effects' settings.  Go to 'Colour Overlay' and set Blend Mode to Colour, Opacity to 100% and Colour to white or black.

 
It's worth noting that the different methods give different end results as a straight B&W conversion, as per the below examples (click on the first image, then use the left/right arrow keys to scroll through them).  The Monochromacy/Achromatopsia 'Color Blindness Simulator' on this site, appears to be using something similar to methods 2 or 3 above.

000.thumb.jpg.a279c8ed87e704b0825bc2d10593ad6f.jpg

001.thumb.jpg.db83a5b141cec6cf029f1ade6c1095db.jpg

002.thumb.jpg.4dda715ae19763694537296420c9e5f5.jpg

003.thumb.jpg.0d072d5b0809434b93e1913623080c97.jpg

004.thumb.jpg.fc84ef60facf566c3b7bca65c3dd2df2.jpg

005.thumb.jpg.d9f6b8f3a54e801e1ac3458fdd114eab.jpg

006.thumb.jpg.ff93a951ac2422f7f542be7c4b5a8f8f.jpg

007.thumb.jpg.3cca1763bcf01f107ffc636385dcb9b9.jpg

008.thumb.jpg.e8b6d9888677e43488145a6b945af4d0.jpg

009.thumb.jpg.831999812e40e14fdfaefc9b74073010.jpg

 

Share this post


Link to post
Share on other sites
22 minutes ago, Nic727 said:

There should be an option in "effect" to convert into grayscale/black&white in Designer. There is just too many steps to achieve that right now.

What is wrong with the first method @Sima mentioned? That is a one step method, albeit a destructive one.

Share this post


Link to post
Share on other sites
32 minutes ago, R C-R said:

What is wrong with the first method @Sima mentioned? That is a one step method, albeit a destructive one.

 

Method 6 is one step. Methods 2 and 3 are more than one step, but they’re almost as quick and easy.

Share this post


Link to post
Share on other sites
1 hour ago, Nic727 said:

There should be an option in "effect" to convert into grayscale/black&white in Designer. There is just too many steps to achieve that right now.

 

Designer  Layer > New Adjustment > Black and White (Ctrl + Shift + Alt + B)

Photo  Layer > New Adjustment Layer > Black & White Adjustment (Ctrl + Shift + Alt + B)

 

are both one step processes, with keyboard shortcuts.

 

You even get the option to adjust the conversion, if you want. Or not, if you don't want the extra step of dragging a slider to improve the conversion.

Share this post


Link to post
Share on other sites
16 hours ago, Nic727 said:

There should be an option in "effect" to convert into grayscale/black&white in Designer. There is just too many steps to achieve that right now.

If you want to do it via the 'Layer Effects' settings for a layer or group, I've added it to the original post as method 9 (this creates the same end result as method 2).

Dialogue.png.1bcc22f77140caa5ed011af414eb9a1f.png

 

Share this post


Link to post
Share on other sites

is there a way to add warm to the black and white? coming from lightroom, i can use split tone to achieve that.. in Affinity Photo split tone doesn't seem to apply to black and white images.

Any advise?

Share this post


Link to post
Share on other sites
3 hours ago, ryan.lio said:

is there a way to add warm to the black and white? coming from lightroom, i can use split tone to achieve that.. in Affinity Photo split tone doesn't seem to apply to black and white images.

Any advise?

Look at the Adjustment Panel and choose Split Tone

Share this post


Link to post
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.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.