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

[Designer] Remove everything behind fill?


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.

flower_object.thumb.png.44d765b3e8024b9ac1916b818b1b9d86.png

Any help is much appreciated!

Link to comment
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

Ovals_TrimmedAsCurves.afdesign

Ovals.afdesign

Edited by AndyDent
added before and after doc
Link to comment
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.
yIciRf.gif

iMac 27" 2019 Somona 14.3.1, iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

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

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

erase-to-remove-background-lines.afdesign

Annotation 2020-02-02 095412.png

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