Artifacts using Shapes and Combine - Affinity Designer Mac

[joaoamaral]

Hi I'm doing a swirly logo. So I started with one donut (1000x1000 the size of artboard) and then I added 4 circles 3/4 the size of the donut.
I've put each circle in four cardinal points. I believe everything is perfectly aligned. I used outline mode to check.
Then I use Divide tool and instead of only getting the shapes I get a lot of line artifacts.

You can check on the attached file, just click the combine button.
Also +1 on that shape builder tool
Keep up the good work, love what Affinity is doing.

SwirlGeometry.afdesign

[dutchshader]

is this the result you wanted?

 

i converted the donut to curves and than used divide.

[joaoamaral]

@dutchshader thank you so much for replying. It is getting closer. Thank you. You didn’t got any artifacts? I converted donut to curves but when I divide I still got them. My final goal is something like this (in attachment) but what looks kind of trivial with Adobe Illustrator (with shape builder and global swatches) becomes  horribly complex.  do you have any suggestions to do the image in attachment? Thank you again.

[firstdefence]

So Close...

[dutchshader]

 could get close to, but could not find a easy way to create this.

[firstdefence]

Yours is cleaner Dutchshader than mine, so I think you're on the right track, this design belies it's complexity, I like how you have nested the effects.

[joaoamaral]

@firstdefence @dutchshader
You guys are amazing! Thank you so much!
You guys don't have artifacts at all? What am I doing wrong?

You took a different approach from what I was thinking.
I thought had all shapes divided and then gradient fill them separately.

I want to replicate what you did.
Its spot on. Looks amazing! Thanks again!

[firstdefence]

8 minutes ago, joaoamaral said:

@firstdefence @dutchshader
You guys are amazing! Thank you so much!
You guys don't have artifacts at all? What am I doing wrong?

You took a different approach from what I was thinking.
I thought had all shapes divided and then gradient fill them separately.

I want to replicate what you did.
Its spot on. Looks amazing! Thanks again!

I think Dutchshader's method looks better, the colours are cleaner too. The crescent shapes can be made by boolean subtracting one circle from another, so to create one crescent shape you need two circles.

[JimmyJack]

And yet another way....(*could use a little tweaking of course*)

The way I see it is that's there's really just one piece. The funky blue shape in the corner. (not fun in affinity)
Four of those make up the base color donut. That same group is copied and flipped and filled with some simple (base white) shading to get the overlaid features.

[gdenby]

Hey, JimmyJack.

Took me 4 - 5 tries to realize that it was the crescent shape, rotated times 4. Couldn't quite figure out how to get the shading and blends right. Good work.

[lepr]

.

 

[joaoamaral]

Wow! Thank you so much for the help! I've learned a lot! And looking at your posts still a lot I have to learn!
Thank you for your posts, time and tries! This place is awesome and so are you.

I haven't finished but I attach my progress as well.
I don't like when you combine simple curves and then you get so many vector points sometimes (what I call artifacts) but I think in time it will be improved.

I still have to practice a lot with the colors and the gradients but the geometry is there, thanks to you guys!