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

Technique to use text highlight/selection box as the boolean subtractor, instead of text itself?


Recommended Posts

Hey folks! Migrating from Illustrator, and loving it so far!

I have many lines in a project. Most of these lines need a label. I would love to make the labelling process as easy as I can.

The photo attached shows two methods. I would love to figure out how to replicate the bottom result automatically. For it, I added an appropriately sized box and boolean subtracted that from the expanded stroke.

The middle is just the two layers untouched. The top layer is what I am unable to get past. Thank you!!!

Screen Shot 2022-12-29 at 5.56.06 PM.png

Link to comment
Share on other sites

Interesting challenge! :) 

Designer might be even the less suitable tool here.
Publisher gives you a few more typographical options because it has the Text Frame panel. (The combination of the "Affinity trinity" is the killer feature anyway.)

Here's a possible solution in Publisher (v1) that gives you a single freely editable object:

apu_text_on_curve_no_background1.png.84c4c14dd0931305c5f321f9d1664723.png

The trick here is to make the actual curve stroke visible via the Text Frame panel (not available in Designer), make it a dash stroke, with gaps and phase fine tuned so that it leaves the gap in the middle. 

Of course, if you change the text, you'll have to readjust the dash gap and phase.

To edit the curve, select it with the Node tool.

The confusing part here is that if you attempt to edit the stroke via the Stroke panel, it will affect the text stroke, i.e. the outline. The curve stroke is only editable in the Text Frame panel.

~~~

If you have a solid background fill anyway, then instead of using dash stroke, you can add character background fill that would match your background color.

~~~

More flexible, interactive, but also more complex constructions might maybe be possible in Designer with the help of partially synced Symbols. I'll try…

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

Alright, in Designer 2, you can put the text in a simple text frame, centered, add paragraph decorations on each side of the text to mimic the stroke, then use the Warp Group Horizontal Arc to distort it to your liking. The actual text frame remains fully editable, but again, the fake strokes need to be readjusted if you change the text.
I'm not at my desktop installation of Designer v2 at the moment, but on iPad it looks like this:

ade2_text_warp_group_no_background.thumb.png.afd202a19b4c3ff6036cfb4aa512e511.png

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

1 hour ago, loukash said:

to make the actual curve stroke visible 

Speaking of which, this is also possible in Designer without the Text Frame panel if you create your stroke first, then convert it to Text Path. But you can't adjust the stroke width afterwards without the Text Frame panel.

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

@mantramedia.ca

Maybe this video is another inspiration!

 

AMD Ryzen 7 5700X | INTEL Arc A770 LE 16 GB  | 32 GB DDR4 3200MHz | Windows 11 Pro 23H2 (22631.3085)
AMD A10-9600P | dGPU R7 M340 (2 GB)  | 8 GB DDR4 2133 MHz | Windows 10 Home 22H2 (1945.3803) 

Affinity Suite V 2.3.1 & Beta 2.(latest)
Better translations with: https://www.deepl.com/translator  
Need a system wide color picker? Try Microsoft's (New) Power Toys
Need a robust PDF Solution? Have a look at Stirling PDF

There's nothing you get used to faster than working slowly!

Link to comment
Share on other sites

4 hours ago, Komatös said:

Maybe this video is another inspiration!

Interesting as far as the new Compound Masks feature in Photo v2 is concerned (which I personally haven't even explored yet), but in the given context I don't think it's an appropriate solution. Since @mantramedia.ca wants to work with text and vector objects, there no need to even begin with pixel masking. Vector compound masking is already available, and as noted, has been even used in mantramedia.ca's example #3. Besides, masking adds complexity either way. 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

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.