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

Erase Blend mode bug when masking


Recommended Posts

When I set an object inside another as a mask and then set the inner object to Erase blend mode, the primary object shows a hairline outline. See attached example files and screenshot.

I am on a Mac using Affinity Designer 1.7.1.

This happens in any document.

It does not show when exporting to bitmap formats and not in all cases exporting to vector formats (SVG, PDF, EPS)

This is my first time using the Erase blend mode, so do not know if the bug previously existed.

Thanks

Erase bug.afdesign

Erase bug.svg

Erase bug.jpg

Screen Shot 2019-08-04 at 1.38.52 pm.jpg

Edited by chrishoward
Clarified attachments
Link to comment
Share on other sites

Hi chrishoward,

The difference between your first 'three-layered' shape on the left and the three examples on the right is the layer order for your shapes. If you place the shape with the Erase Blending Mode above the shape you are trying to erase (see attached) and as per your sample on the left then this removes the hairline.

I'm not offering this as a 'fix', only a possible workaround as I'm unsure whether the hairlines are expected behaviour when creating the artwork in the way you have but I suspect the hairlines are appearing because applying blending modes has the effect of rasterising the image, not that this should matter.

Hopefully someone from the Affinity team can comment though regarding the reason this happens.

Erase bug.afdesign

Affinity Designer 2.4.1.2344 | Affinity Photo 2.4.1.2344 | Affinity Publisher 2.4.1.2344
Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.6.8, Magic Mouse

Link to comment
Share on other sites

Depending on what your objective is with the shapes, you could use the Subtract Geometry option in place of the Erase Blend Mode, this would have the benefit of not rasterising the shapes on export to svg, pdf and eps but it will merge the layers to become a single layer which may or may not be important for you.

subract.jpg.868760996e1370c20aa67b97b2f3902c.jpg

 

Affinity Designer 2.4.1.2344 | Affinity Photo 2.4.1.2344 | Affinity Publisher 2.4.1.2344
Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.6.8, Magic Mouse

Link to comment
Share on other sites

9 minutes ago, Hangman said:

the Subtract Geometry option ... will merge the layers to become a single layer

You can prevent that by holding down Option/Alt while you click on the ‘Subtract’ button. This will give you a compound layer/object where the original shapes are retained.

Alfred spacer.png
Affinity Designer/Photo/Publisher 2 for Windows • Windows 10 Home/Pro
Affinity Designer/Photo/Publisher 2 for iPad • iPadOS 17.4.1 (iPad 7th gen)

Link to comment
Share on other sites

You learn something new every day... so that's how you do that, I'd seen the icons in the layers panel before but hadn't realised how they got there. So that's a much better way to create this, maintaining the vector format on export and providing complete flexibility by allowing the shapes to be moved and scaled after creating the compound path.

Thanks Alfred for today's lesson... :9_innocent:

Affinity Designer 2.4.1.2344 | Affinity Photo 2.4.1.2344 | Affinity Publisher 2.4.1.2344
Affinity Designer 1.7.3 | Affinity Photo 1.7.3 | Affinity Publisher 1.10.8
MacBook Pro 16GB, macOS Monterey 12.6.8, Magic Mouse

Link to comment
Share on other sites

Thanks, Hangman. The Subtract is probably the way I should have done it! It's the way I have been doing things. I think I'd seen the Erase blend mode and was just looking for reason to use it, so overlooked that. :D

Nice tip, Alfred. Thanks.

P.S. Affinity dudes, despite the alternative ways Hangman has shown of achieving this, my original way still appears to demonstrate a bug.

Link to comment
Share on other sites

  • 2 weeks later...
  • Staff

Hi chrishoward,
Welcome to Affinity Forums :)
This is not bug or object order issue. It's happening because those objects are clipped inside other objects.The blend mode is irrelevant - If you set the colour of the clipped object to white and the clipping object to black (or other contrasting colours) with the blend mode set to normal on both you will also see those "issues". Go to Affinity Preferences, Performance section and tick Use precise clipping to get a more accurate rendition of clipped objects (no hairlines).

Link to comment
Share on other sites

  • Staff

Hi chrishoward,
It's not a UX issue. The export always uses precise clipping no matter its enabled or not in the preferences. This is an option in the Performance section because it affects screen rendering performance a little if you are working with a complex illustration with various clipped objects - so we keep it disabled by default.
 

Link to comment
Share on other sites

Thanks, MEB.

Not sure about that. As my original post says, the problem is evident in exported vectors types - PDF, SVG, EPS. And I attached an SVG as proof.

And I just exported to a PDF with the "Use precise clipping" enabled and it still has the issue in the PDF - just like the SVG above. See attached.

However, in both cases, it's only evident on a circular object. As my original image says "Third example shows in export to vector formats SVG, EPS, PDF, but other two do not."

And i tried doing  300dpi PDF too.

It's quite reasonable for "Use precise clipping" to be in Performance settings but it's equally reasonable for it to also be in View Mode menu since it affects the view. Kinda of like InDesign and it's three different view quality modes.

My own opinion is if something looks like a bug but has a fix that's not easily determined by ye average user - such that one logs a forum request reporting it as a bug - then there's probably user experience issue.

My user experience was I spent well over 30 mins testing and proving this "problem" that could have been averted by better UX design. As well, I spent time googling and searching for an answer. My user experience may have been much, much better with a simple option in the View Mode. (Can't absolutely say i would have quickly found it there, but definitely more chance of it being both visible and meaningful if i saw it there)

 

Erase bug.pdf

Link to comment
Share on other sites

  • 8 months later...

Hello Boys and Girls,

I was working today with Designer, and while i was trying to mask my lettering with the "erase" blend way, which i found out was like a substitute o AI mask. Ok, so back few days a go was ok, doing what it was suppose to do, so my sharp shape could have been simply masked with the one in it, but today, if i put the gausian blur on the shape inside, it just disappear..I upload two self explaining images of what i'm talking about, then, as always i'll try to restart the machine, as this magic trick, sometimes work..but..i was just wondering if it is something wrong with my system, or maybe some small issue inside Designer. 

BTW, it's working if the object has been raterized and there it work, but having it rasterized it's not what i need as it obliges me to have things done and no chance to change them back, you know..and last, and i also upload a comment i did on a YT video which waswhere i learned the trick on how i had to do it in Designer.

 

Thank You 

Screenshot_1.jpg

Screenshot_2.jpg

Screenshot_3.jpg

Link to comment
Share on other sites

Ok..now the funny solution i found out..if the object it's in a group, then it does what i was looking for before.. lol ..so i could say i made it, and i'd like to share it with you guys, in case some of you stuck with the same issue..

Screenshot_5.jpg

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.