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

Duplicate, mirror and union leaves a curve along the join


Recommended Posts

I'm trying to create a kettlebell icon which is symmetrical around a vertical axis. I'm pretty sure that in the past, with a similar requirement, I've created half the design, duplicated it, flipped the copy, repositioned it and then unioned it with the original to create the intended shape. I don't recall any issues. This one has me scratching my head. In order to ensure the smooth continuity of the curves between the two halves I need the vertical curves at the join to be removed. I was expecting that to happen when I clicked on the union button. These are pixel aligned nodes with snapping on.

image.png.e4455374a729c8acbacb52e8fb3adf01.png

Is there a clean way to do this without all the fiddle of breaking the curves and joining them back up again? Any thoughts on the "correct" way to do this?

kettlebell idea1.afdesign

Link to comment
Share on other sites

Select one half with the Node Tool and drag on the middle of each vertical so that it overlaps the corresponding vertical in the other half. The Boolean ‘Add’ operation should then give you the result you expect.

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

@Alfred thanks for the suggestion. I did try this but it adds more nodes to the curve in unwanted places and also breaks the symmetry.

I can't help thinking that all the precision given through the pixel alignment, snapping options and transform panel are completely undermined by the eyeball and nudge method that seems to be required here.

Also, if I follow the same procedure as this with a rectangle it works as expected with no vertical curves dividing the result.

Link to comment
Share on other sites

4 hours ago, Paul Mc said:

I did try this but it adds more nodes to the curve in unwanted places and also breaks the symmetry.

It shouldn’t do either of those things. When you ‘Add’ the two curves you get coincident — or nearly coincident — nodes in four places (at each end of the straight line segments) but those are pre-existing nodes from the original shapes, and you can easily delete the top one of each pair. The symmetry should be unimpaired, if you’ll excuse the pun.

Try adding together the two shapes in the attached adapted version of your file.

kettlebell idea1 nudged.afdesign

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

Using the Move tool duplicate the curve, mirror it and then reverse the curve (need the Node tool active). Now the nodes should add properly.

Mac Pro (Late 2013) Mac OS 12.7.4 
Affinity Designer 2.4.1 | Affinity Photo 2.4.1 | Affinity Publisher 2.4.1 | Beta versions as they appear.

I have never mastered color management, period, so I cannot help with that.

Link to comment
Share on other sites

58 minutes ago, PixelPest said:

Then you will get double points at the seam.

Quite so, which is why I wrote:

1 hour ago, Alfred said:

those are pre-existing nodes from the original shapes, and you can easily delete the top one of each pair

 

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

OK, well I've solved it.

In spite of having Force pixel alignment and snapping enabled as well as the Transform panel showing that the x-coords of all the nodes on the join line are 100px this was clearly not the case. I set the user-interface pixel decimal places to 6 and then it showed as:

image.png.4c9949dde3e180f13b75a9e13b53bc25.png

I then selected all the nodes on the join line and overtyped the 100px with "100" and pressed Enter. No apparent change but those x-coordinates were definitely 100px. Then repeating the steps above created the result that the curves on the join were no longer in the resultant shape. Bingo!

This is clearly a rounding error issue. Those 100px values were not exact and so never were co-incident after the move and the union.

Maybe what's needed is a way of forcing all (selected nodes) to whole value pixels coordinates before this type of operation to ensure alignment.

For me I now consider this solved. I don't think this is a bug as it is working as designed but any devs out there might consider the UX here.

Thanks for all the comments and suggestions everyone.

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.