1

How can I remove those two areas that have a line going through them?

I've been spending an hour on this. The join curves tool is greyed out. The divide tool makes this into three objects. I want that not to happen. It messes up my plans to make a gradient.

The problem is that in all 4 of these corners there are two nodes that either belong to the left or right shape. I want there just to be one node in each and for this to just be one big shape.

Picture

5
  • Delete the closing edges then join.
    – joojaa
    Aug 13 at 13:49
  • Does this answer your question? Affinity designer adding two objects does not create the intended shape
    – Billy Kerr
    Aug 13 at 14:42
  • @BillyKerr that does not work if the perfect seam is curved. Inserting overlap is a workaround.
    – user287001
    Aug 13 at 16:04
  • @user287001 Oh OK, it was just a thought. But wouldn't that mean there must be something wrong with the accuracy of the boolean Division operation, since this doesn't occur in Illustrator or Inkscape as far as I know. Could it be considered a bug perhaps? Does Affinity Designer have an outset path operation? If so, that could also be a potential fix.
    – Billy Kerr
    Aug 13 at 18:05
  • @BillyKerr A.D. has a rudimentary set of vector tools. Often one must combine bitmap shapes to vectors to be able to complete his image. Not everyone can accept it. I inserted a general workaround to my answer.
    – user287001
    Aug 13 at 21:12
2

In Affinity D. forums users are angry because Serif hasn't bothered or been able to include anything which resembles Shape Builder, Blending, Envelope distortion, etc...tools that Illustrator users have used longer than I can remember. Now you have met an existing feature which makes angry.

You may have an exactly fitting seam between 2 shapes, but A.D. doesn't Boolean ADD the shapes to a seamless one, no matter the shapes are placed against each other so that the snapping indicator shows that the nodes snap. After applying ADD you have still a gap, only so narrow that the highest possible zoom doesn't show it. An example:

enter image description here

The vertical seam above was made by Division.

Selecting the halves and applying ADD didn't change the appearance. It has a zero width V-groove.

It can be fixed by adding a patch. Here it's much bigger than needed. One should draw as narrow patch as possible.

enter image description here

The patch is drawn by clicking 5 times with the pen.

After selecting all and applying ADD:

enter image description here

The 4 extra corners can be selected with the node tool and deleted:

enter image description here

There are unfortunately 4 new nodes on the wanted edge and straight line segments between them. They cannot be smoothed automatically. It's best to keep the patch as narrow as possible.

Sorry for showing only a workaround instead of a fix. But I would be interested if someone shows one. Some time ago I thought that having in the preferences option "Use precise clipping" ON would be a fix, but sometimes it still leaves the shown groove if the seam is curved. This time precice clipping was ON. Sometimes applying ADD 2nd time has helped, but not always.

EDIT: There's a comment by user pbasdf ; he suggest editing the common edge so that the halves overlap. That, of course, is an useful idea. In this case it would need only inserting one node to the common edge (=double-click with the node tool) and moving it.

Another comment suggests deleting the common edge from both halves and joining the remaining open paths. That works, but in A.D the deletion happens by selecting the endpoints (total 4) of the common edges, and breaking the paths at the endpoints. Then the unwanted pieces must be selected with the normal selection tool and removed. Finally the halves can be selected with the node tool and joined. Quite complex, I would say, because there exists no such thing as select a wanted curve segment and delete it.

One workaround more:

This one helps also in many other problems that one can meet in Affinity D. The next 2 shapes have the same perfectly fitting seam problem; The seam remains if Boolean ADD was applied:

enter image description here

  1. Copy and paste the shapes to Inkscape.
  2. Ungroup. The next image is the result after ungrouping (the black stroke is added manuallybecause Inkscape hasn't automatic edge visualization)

enter image description here

  1. Do the wanted operation. Here Path > Union is applied:

enter image description here

  1. Copy and paste the shape or shapes to Affinity D. They come back to the midpoint of the artboard:

enter image description here

The usefulness of step 4 is not at all clear.

3
  • Can you not delete the common edge and join the nowopen paths on both sides of the segment? Or does join also not work in affinity designer? In anycase i never went affinity route because they didnt release a full API suite at version 1. If the API isnt a first class member then it will never give us a better platform than what we have now we are just switching one problem to another. If you have external programmers on board on day one you dont get problems like this. Unfortunately the window of opportunity is gone by now you cant go back to v1.
    – joojaa
    Aug 13 at 15:01
  • 2
    @user287001 One variation I would suggest, to avoid the patching rectangle, is to insert a new node on one of the shapes, between the two nodes that the shapes have in common, and to drag the new node so the shape clearly overlaps the other. Then do the Boolean Add. But that is also a workaround not a fix.
    – pbasdf
    Aug 13 at 15:06
  • Alternatively you can use a backflap like used in hilary logo question, but flipped in opposite direction. Which @pbasdf explained.
    – joojaa
    Aug 13 at 15:11

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.