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

Best way to make knockout text partially overlapped with solid background


Recommended Posts

1446225719_ScreenShot2018-09-14at23_35_38.jpg.ff42e4d95591c6be3cd96c1c244941e6.jpg

I'm using Affinity Photo (maybe I should be doing this in Designer?)

Is there a 'correct' or cleanest way to non-destructively generate what I've shown above?

The way I've done it is

group (a): the grey block with the text on top of it in an 'erase' blend mode

group (b): the text in grey, with a block on top of it in 'erase' blend mode to chop off the top

and then I manually align group (a) on top of group (b).

That's a rubbish way to do it though, because it relies on me aligning the two parts by eye and if I want to change the text, I have to change two copies of it.

What I really want is a blend mode that inverts 'grey' and 'transparent' so I can just place the text on top of the grey block and get the above result.

Any suggestions?

 

Link to comment
Share on other sites

8 hours ago, lineweight said:

aligning the two parts by eye

Use snapping, alignment is easy and accurate.

 

8 hours ago, lineweight said:

I have to change two copies of it.

It would use the Symbol for this (ADe), but unfortunately also copies his Blend mode.

It is a pity that Symbols can not set which properties and parameters are to be synchronized.

Affinity Store (MSI/EXE): Affinity Suite (ADe, APh, APu) 2.4.0.2301
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080, Windows 11 Pro, Version 23H2, Build 22631.3155.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200, Windows 10 Pro, Version 21H1, Build 19043.2130.

Link to comment
Share on other sites

13 minutes ago, >|< said:

@toltec, I showed that Boolean solution hours ago.

It's a XOR blending mode (that could be used for any type of object/layer, not just vectors) that's missing from Affinity apps.

 

Quite right. But using Add and Xor instead of Combine might be useful too.

Combine seems a bit 'unnatural' for text and a shape. Still it works well :)

Windows PCs. Photo and Designer, latest non-beta versions.

Link to comment
Share on other sites

6 hours ago, lineweight said:

As a matter of interest is there a similar thing that will work with pixel rather than vector layers?

Maybe more sleight (corrected. Thanks Alfred) of hand.... but it does work :).
(the group needs a Color or Gradient overlay FX, so this won't work over an image... But you did specify a solid background ;))

ezgif-1-755323fe3b.gif.3fca308b0df26304294b8354034a7071.gif

 

 

knockout pixel text.afdesign

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.