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

Recommended Posts

Hi Affinity community.

I have 2 rectangles no stroke, I sheared them, then, flipped them, joined or aligned them to make a roof like element. But there is a line down the middle. I've done the same thing in Fireworks and it worked without producing the line. Even though it's zoomed in, I noticed it before I zoomed. It was worse in Designer but after clicking the View Mode buttons on and off it got better but not right. I've attached an image showing the 2 different results, there is 2 screenshots from each app to show they are 2 objects being joined.

I'm trying to do more stuff in Designer but this type of thing slows the transition to where I resort back to Fireworks.

Is this the same issue as is posted in these posts?

Lines between (snapped) objects in editor - terrible quality at png

Can someone explain why I get these thin lines?

Thanks in advance for any help.

designer_object_lines.thumb.jpg.2722af0483899e8c3daf68b302725333.jpg

Motto - STUPID HURTS!

Link to comment
Share on other sites

21 minutes ago, Timespider said:

I have 2 rectangles no stroke, I sheared them, then, flipped them, joined or aligned them to make a roof like element. But there is a line down the middle.

Is the line still there if you Boolean add the two shapes?

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

13 hours ago, Alfred said:

Is the line still there if you Boolean add the two shapes? 

(NOT SOLVED) I had marked this as solved but have since found it isn't

Hi Alfred,

thanks so much, what an easy fix.
(I Suppose I Should Read My Own Motto!)

Can you explain why that's needed or why that works?

Image included of solved example

Thanks again.

designer_object_lines_solved.jpg

Edited by Timespider
Changing SOLVED as it is not solved.

Motto - STUPID HURTS!

Link to comment
Share on other sites

29 minutes ago, Timespider said:

thanks so much, what an easy fix.

You’re welcome, @Timespider. I’m glad I was able to help. :)

35 minutes ago, Timespider said:

Can you explain why that's needed or why that works?

I think the reason you had a gap is something to do with pixel boundaries. When you perform the ‘add’ operation, you end up with a single shape instead of two shapes butted up against each other, so the question of a gap no longer arises.

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

 

13 hours ago, Alfred said:

Is the line still there if you Boolean add the two shapes? 

Hi Alfred

I have edited my post above to not solved.

In the image below (Normal 100% Zoom This Time) the green one is the fixed one from image above. The pink one is a new one with a different angle. I don't know what's going wrong but in the layers panel after using the Boolean Add there is a line again, and the layers are called different things. The new one is called "CURVES" the old correct one is called"CURVE"?

designer_object_lines_not_solved.jpg

Motto - STUPID HURTS!

Link to comment
Share on other sites

30 minutes ago, Timespider said:

The new one is called "CURVES" the old correct one is called"CURVE"?

If you Boolean add two non-overlapping objects you get a ‘Curves’ object. Use the Node Tool to drag the edge of one object so that it overlaps the other one instead of merely butting up against it.

92666ABA-2299-4959-9B72-B4DD6237B496.jpeg

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

2 hours ago, Alfred said:

If you Boolean add two non-overlapping objects you get a ‘Curves’ object. Use the Node Tool to drag the edge of one object so that it overlaps the other one instead of merely butting up against it. 

SOLVED

Hi again Alfred, (thanks for sticking with this)

your quote above is the key.

Since I've processed your tips in the lump in my head, I've been "BOOLEAN ADDING" all over the place. Changed shapes and angles and it has worked every time.

       For anyone else who like me is having a battle with this

  1. Convert your shapes to "CURVES"
  2. When aligning your new CURVES objects/shapes next to each other, use the node tool to overlap them a little
  3. Then use the "Boolean Add" button in the "Geometry" tools to create 1 object "CURVE"

Image below show result.

Thanks Alfred.

 

 

designer_object_lines_solved2.jpg

Motto - STUPID HURTS!

Link to comment
Share on other sites

A Bit Of Extra For Noobs Like Me.

The images and questions above are about a shape that can't just be overlapped to achieve no line in the join .

Being on an a roof type angle, the rectangles create a V if overlapped by even 1px. But basic shapes can just be overlapped to achieve the correct result.

The image below demonstrates this

 

 

overlapping_help_example.jpg

Motto - STUPID HURTS!

Link to comment
Share on other sites

For your example with the overlapping rectangles I think I would still use the technique I described, but in that scenario it obviously doesn’t matter whether you create an overlap by selecting and dragging the two nodes at the end of the rectangle or by dragging on (and therefore curving) the line segment in between them.

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

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.