Jump to content

Recommended Posts

Hey guys,

I'm not quite sure how to achieve this. I'd like an objects fill to be transparent, but remove all the intersecting paths/lines behind where the fill of the front objects would otherwise cover up. You can see below (attached image), the desired outcome is on the left, but when I make the fill transparent, you get the result on the right. This is probably simple but I can't think of the right tool or technique to use. So I'd like to keep the strokes shown on the left but have the fill transparent without any strokes behind appearing.


Any help is much appreciated!

Link to post
Share on other sites

That was a fun one.

Yes it is possible and not actually difficult, but not obvious

  1. Select one of your background oval shapes
  2. Choose Layer - Convert to Curves
  3. Use the Node tool (little arrowhead, shortcut A) to click on the intersection points where your selected oval crosses over and you want to cut it
  4. Click to add a node there
  5. Select the added node
  6. Choose Action - Break Curve on the toolbar - see help
  7. Repeat at the other side of the intersection - now your curve is all still there but has been cut into two pieces
  8. Select the bit of the curve you want to delete and just hit delete.

Screen Shot 2020-02-02 at 1.14.07 pm.png

Screen Shot 2020-02-02 at 1.29.59 pm.png



Edited by AndyDent
added before and after doc
Link to post
Share on other sites

You need to select the Nodes Tool and add nodes at the right points and then create the curve with those nodes and remove the the bits you don't want. See video below.

iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to post
Share on other sites

The method shown by firstdefence above is a good one but it requires a lot of editing and you are then quite limited if you want to adjust the curves later on.
Another method – see attached file, image and video – gives you the same result but leaves you in a position where each part of the design can still be easily modified.
The technique relies on using the Erase Blend Mode on filled duplicate shapes.
I haven’t checked what happens when this sort of thing is exported so it’s probably best to do some testing before you use it for production work.


Annotation 2020-02-02 095412.png

Link to post
Share on other sites
  • 6 months later...
On 2/2/2020 at 9:58 AM, GarryP said:

I haven’t checked what happens when this sort of thing is exported so it’s probably best to do some testing before you use it for production work.

Any of the blend modes cause complete rasterisation on output to SVG or PDF.

All of the blend modes bar erase are actually natively supported in the SVG spec, so it's a shame Affinity doesn't use them on export for those. I've not specifically checked PDF for blend mode support.

Link to post
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.

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.

  • Create New...

Important Information

Please note there is currently a delay in replying to some post. See pinned thread in the Questions forum. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.