Jump to content
Eroica

Remove white background via Blending Options (Affinity Photo)

Recommended Posts

Hi,

 

in Affinity Photo, if my PNG has a white background, is there an easy way to make the background transparent? Similar to this technique: https://www.sitepoint.com/easily-remove-white-or-black-backgrounds-with-blending-sliders-in-photoshop/

 

It uses Photoshop's "Blending Options" inside Layer styles, which I didn't find in Affinity Photo ...

 

Alternatively, is it possible to remove the background by playing with the color channels? If yes, how exactly would I do that?

 

I know that I could use the selection brush or "Magic Wand" tool to remove the background, but I assume it's "more perfect" by using the blending technique or playing with the color channels. I'm new to image manipulation though, so I would be grateful for any help!

Share this post


Link to post
Share on other sites

Try

 

Filters> Colours> Erase White Paper


Due to the ongoing Brexit negotiations, punctuation, spelling and grammar will be used sparingly until further notice.

Share this post


Link to post
Share on other sites

Hi Eroica,

Welcome to Affinity Forums :)

In Affinity Photo go to menu Filters ▸ Colors ▸ Erase White Paper. This may not work for all colour images without protecting the subject with a selection first as it was designed to remove white from black and white drawings/sketches.

 

In Affinity Designer (there's no filters here) select the layer, click on the cog icon on the top right of the layers panel to open the Blend Options dialog, then on the on the Source Layers Ranges graph (on the left), drag the right endpoint to the bottom and the left endpoint to the right until the white starts disappearing just around the borders of the elements (they become semi transparent) see screenshot below. You can also use this method in Affinity Photo.

 

post-59-0-14692700-1465035739_thumb.png

Share this post


Link to post
Share on other sites

In Affinity Designer (there's no filters here) select the layer, click on the cog icon on the top right of the layers panel to open the Blend Options dialog, then on the on the Source Layers Ranges graph (on the left), drag the right endpoint to the bottom and the left endpoint to the right until the white starts disappearing just around the borders of the elements (they become semi transparent) see screenshot below. You can also use this method in Affinity Photo.

 

When I use that technique (in either Affinity Designer or Affinity Photo) after copying the image from the SitePoint article and choosing 'File > New From Clipboard', dragging the right endpoint to the bottom gives me a completely semi-transparent image. Dragging the left endpoint to the right then restores opacity to the main subject while keeping the background transparent.


Alfred online2long.gif
Affinity Designer 1.6.5.123 • Affinity Photo 1.6.5.123 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.12.86 • Affinity Designer for iPad 1.6.4.45 • iOS 12.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

@carl123, @MEB

The problem I noticed with "Erase White Paper" was that somehow, instead of a transparent background I ended up with a cyan overlay (the image's object was 80% cyan color). Although I have to admit I just tested it again, and this time it worked ...

 

However, MEB's second method worked flawlessly, thanks for all your hints! :)

Share this post


Link to post
Share on other sites

For me Affinity didn't even come close to Photoshop...

The attached image shows

Top - Photoshop background eraser tool

MiddleFilters ▸ Colors ▸ Erase White Paper

Bottom Blend Options dialog, then on the on the Source Layers Ranges graph (on the left).

Am I doing something wrong???2018-09-10_16-20-20.thumb.jpg.f7ac1a45432cbdbfb23a93bc6a786f21.jpg

A background eraser tool across all 3 platforms (as good as photoshop) would be great!

 

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×