Transparent text in PS or Affinity

[tgr]

Then:

1. Draw rectangle
2. Type text on top of rectangle
3. Select both items
4. Subtract
5. Coffee
   
   

[aidy]

Doesnt work. I need the text to be transparent so i can save it as png

[tgr]

Did I miss something here: this method makes the rectangle opaque and the text transparent.

[aidy]

You must be doing something different to me then. I’ve chronicled every move above.

[Webdeersign]

Looks like you are subtracting the red square from the R in the text, and leaving the R.

Select the square first and then the text and subtract.

if this doesn’t work, select the text and then the red square, and then subtract.

[aidy]

Same result both ways

[tgr]

Made a short video here:

[Webdeersign]

Find a priest, quickly.

[aidy]

Right - so you don’t convert to curves. Good man, make yourself a coffee!! Thank you

[steveb]

EDIT: My fault for the convert to curve error. Sorry.

[tgr]

It might also be worthwhile to look into how things like this can be done in CSS:

Clipping and Masking in CSS | CSS-Tricks

[aidy]

No worries. Got there in the end. Thank fuck

[tav]

@tgr

It might also be worthwhile to look into how things like this can be done in CSS:

There are 2 CSS ways -

1. Blend modes - I posted an example with SectionsBox doing exactly this a couple of weeks ago. Core will make this extremely easy with a couple of clicks.
2. Clip path (Clipper stack if you want to)

1 is much easier and a ton less code
Both a browser dependent and while support is good, there is nothing quite so reliable as a cut out image.

Here is a little preview of doing it with Core

[tgr]

Cool :)