Removing the white sections of an image

[Scott_R_24]

I have Affinity Photo v 1.10.8 for MacOS

See the attached screen shot. The full color version and the B&W version. The final version needs to be black and white and transparent. It's a SVG file.

See the one with the all black background. That's what I need the QS1 to be, remove all the colors.

When I click on the Flood Select Tool nothing happens, don't see the little ants running around.

 

[firstdefence]

If the file is SVG, aren't the letters text or curves, in which case select the text or GS1 curves and change the fill colour. 

You could upload the SVG for us to look at for you?

[Scott_R_24]

SVG file attached.

AMPP_QPLogo_QP1.svg

[thomaso]

The Flood Select Tool has no effect because these are vector layers.

To achieve transparency for the white texts you can set their blend mode to "Erase". This will cause rasterization on export.

Alternatively and to maintain vector on export you can subtract these layers from the bottom layer. To enable the subtraction you may first combine (Geometry -> Merge Curves, or Add) all single curve layers with a white fill colour to one common curves layer (plural s). You may need to subtract the white curves layer from the red rectangle + subtract a copy of the white curves layer from the gray hexagon in a separate step ... or subtract the red result from the gray hexagon in the second step.

[firstdefence]

To add to the mix, what about a Black and White adjustment filter?

It would also be beneficial to know what the typeface the lettering is, closest I could get was Stolzl.

 

[R C-R]

42 minutes ago, thomaso said:

Alternatively and to maintain vector on export you can subtract these layers from the bottom layer. To enable the subtraction you may first combine (Geometry -> Merge Curves, or Add) all single curve layers with a white fill colour to one common curves layer (plural s).

Oddly this doesn't seem to work correctly for me if I do a regular subtract of the Curves layer from the Curve one, rather than making a compound like your screenshot shows. Any idea why that is?

I am testing the SVG in AP 1.10.8 on my Mac.

[thomaso]

1 minute ago, R C-R said:

Oddly this doesn't seem to work correctly for me if I do a regular subtract of the Curves layer from the Curve one, rather than making a compound like your screenshot shows. Any idea why that is?

What exactly doesn't work / what do you get or miss? – I moved the curve layers from the second Layer layer into the first Layer layer before I merged all single curve layers to a common Curves layer.

[R C-R]

11 minutes ago, thomaso said:

What exactly doesn't work / what do you get or miss? – I moved the curve layers from the second Layer layer into the first Layer layer before I merged all single curve layers to a common Curves layer.

I think I did the same thing, but as in this AMPP_QPLogo_QP2.afphoto version with History enabled, if I just subtract the Curves layer from the Curve layer, it does not seem to work. If instead I create a Compound like your screenshot shows, it does.

[thomaso]

@R C-R, it works in your file, too, …

… but it requires to change the Fill Mode:

AMPP_QPLogo_QP2.afphoto

[R C-R]

9 minutes ago, thomaso said:

… but it requires to change the Fill Mode:

I do not seem to have a Fill Mode option in Affinity Photo V1, just in Affinity Designer.

[thomaso]

2 minutes ago, R C-R said:

I do not seem to have a Fill Mode option in Affinity Photo V1, just in Affinity Designer.

Oh, sorry, I usually work in APub … and did not consider the OP's condition:

5 hours ago, Scott_R_24 said:

I have Affinity Photo v 1.10.8 for MacOS

 

[R C-R]

4 minutes ago, thomaso said:

Oh, sorry, I usually work in APub … and did not consider the OP's condition:

Regardless, in AP it works for me if I make a compound but not just a regular subtraction like it shows in my earlier attached file, so if you open it in AP V1 on your Mac & go back one step in the History panel & make it a compound it should work ... & is somehow the same as changing the fill mode?????

[lepr]

10 hours ago, R C-R said:

make it a compound it should work ... & is somehow the same as changing the fill mode?????

A Compound has an inherent fill mode of Alternate.

[Scott_R_24]

 Thanks for all your replies and help. The included screen shot that I've included here is what the images look like on a website and what these red ones need to be as well. Transparent which I know SVG is. The background of the web page that the images are on is black. The image itself is sort of grayish.

In Affinity Photo the first thing I did was go to Document, Convert Format / ICC Profile then from the Color Format dropdown I picked Grey/16 then Greyscale D50. Is this the correct steps as the first step or something else should be done first such as remove all the color out of the image? The red, black and grey?

I mainly use AP for resizing and cropping images.

[thomaso]

37 minutes ago, Scott_R_24 said:

The background of the web page that the images are on is black. The image itself is sort of grayish.

In Affinity Photo the first thing I did was go to Document, Convert Format / ICC Profile then from the Color Format dropdown I picked Grey/16 then Greyscale D50. Is this the correct steps as the first step or something else should be done first such as remove all the color out of the image? The red, black and grey?

I don't think you need to change the document colour space. You rather need to make a decision first which colour should appear gray and which transparent. Since you asked for how to "remove white" (= make the white transparent?) the red rectangle would appear gray accordingly. But it's unclear for instance whether the gray hexagon should be gray or transparent … etc.

Since all items are vector + you can use the Geometry options to subtract (hold the option-key when you press the subtract button) you can just apply the wanted gray colour as fill or stroke colour (or 'no colour' (Ø) if needed).

[Scott_R_24]

I don't see a Geometry option anywhere. I have version 1.0

[R C-R]

2 minutes ago, Scott_R_24 said:

I don't see a Geometry option anywhere. I have version 1.0

It's near the bottom of the Layer menu in AP V1.

[Scott_R_24]

that?

[Scott_R_24]

Found it in the Layer at the bottom but the options are greyed out.

[thomaso]

19 minutes ago, Scott_R_24 said:

I don't see a Geometry option anywhere. I have version 1.0

You can add them to the Toolbar. They are grayed-out unless you have according layers selected.

[Scott_R_24]

I'm slowly getting there and I really appreciate you hanging in there with me. I now have the Geometry icons in the top toolbar as you see. The Minus one is greyed out though.

[thomaso]

What do you want Affinity to subtract … if only 1 layer is selected?

And you may need first to reorganize the Layer layers contents with the white text, as mentioned before … and a little later:

17 hours ago, thomaso said:

I moved the curve layers from the second Layer layer into the first Layer layer before I merged all single curve layers to a common Curves layer.

[firstdefence]

5 hours ago, Scott_R_24 said:

 Thanks for all your replies and help. The included screen shot that I've included here is what the images look like on a website and what these red ones need to be as well. Transparent which I know SVG is. The background of the web page that the images are on is black. The image itself is sort of grayish.

In Affinity Photo the first thing I did was go to Document, Convert Format / ICC Profile then from the Color Format dropdown I picked Grey/16 then Greyscale D50. Is this the correct steps as the first step or something else should be done first such as remove all the color out of the image? The red, black and grey?

I mainly use AP for resizing and cropping images.

Is this more like what you are aiming for...

[Scott_R_24]

Yes exactly. 🙂

[thomaso]

45 minutes ago, Scott_R_24 said:

Yes exactly.

This appears to be a bit different to the title "Removing the white…" 😎

… and the hexagon + rectangle might get lost with this condition:

6 hours ago, Scott_R_24 said:

The background of the web page that the images are on is black.