Jump to content

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!

Share this post


Link to post
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 online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites
Posted (edited)
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!

Share this post


Link to post
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 online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
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!

Share this post


Link to post
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 online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
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!

Share this post


Link to post
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!

Share this post


Link to post
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 online2long.gif
Affinity Designer/Photo/Publisher 1.7.1.404 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.7.1.143 • Designer for iPad 1.7.1.1 • iOS 12.3.1 (iPad Air 2)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×