Jump to content

Trimming Joined Lines With Different Stroke Thicknesses


Recommended Posts

Hi! 

I have two curves of different stroke thicknesses and when I have them joined, the thicker line shows beyond the joint node past the thinner line. See screenshot for clarification. 

What would be an easy way to trim this excess?

Thanks,

Andrew

Screenshot 2023-07-11 161844.png

Link to comment
Share on other sites

Welcome!

Try to change the cap of the bigger one to "Butt Cap" etc. ...

cap_change.jpg.d164d0e9b8381cdd53e9b39c01e38dc0.jpg

 

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

2 hours ago, v_kyr said:

Try to change the cap of the bigger one to "Butt Cap" etc. ...

Unless I misunderstood what you meant here, that won't work if the thickness of the lines are too different (like in the OP's example).

The only way I can think of off the top of my head to do this with very dissimilar thicknesses is to expand the stroke of the thicker one & fiddle with adding, moving, & deleting nodes to get a closed shape like in this quick & dirty expanded.afdesign example.

There are probably better ways to do it, though.

All 3 1.10.8, & all 3 V2.5.5 Mac apps; 2020 iMac 27"; 3.8GHz i7, Radeon Pro 5700, 32GB RAM; macOS 10.15.7
A
ll 3 V2 apps for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 15.7

Link to comment
Share on other sites

You could use the Erase blend mode option.

Click on image to see original size.

Screenshot2023-07-12at07_14_01.thumb.png.731f7afa5fd08f3c67b393fa20fbc1c9.png

 

iMac 27" 2019 Sequoia 15.0 (24A335), iMac 27" Affinity Designer, Photo & Publisher V1 & V2, Adobe, Inkscape, Vectorstyler, Blender, C4D, Sketchup + more... XP-Pen Artist-22E, - iPad Pro 12.9  
B| (Please refrain from licking the screen while using this forum)

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Link to comment
Share on other sites

3 hours ago, firstdefence said:

You could use the Erase blend mode option.

Which will yield to rasterization here then, so not keeping that as vectors!

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

Another faked way would be, similar to what R C-R probably meant is ...

  • to duplicate the related curves ...
  • enhance strokes on both related overlapping curves ...
  • performing a geometric subtract ...
  • remove excess knots via the Node Tool ...
  • then overlay the curves and group them together or the like

So ~ something like this here ...

☛ Affinity Designer 1.10.8 ◆ Affinity Photo 1.10.8 ◆ Affinity Publisher 1.10.8 ◆ OSX El Capitan
☛ Affinity V2.3 apps ◆ MacOS Sonoma 14.2 ◆ iPad OS 17.2

Link to comment
Share on other sites

There are many solutions to this, and they all have their advantages and disadvantages. Which you choose will depend on the number of times you need to trim lines in this way, the likelyhood that you need to alter them in the future, and any other requirements (such as needing a purely vector output, or needing strokes vs shapes).

1. Expand stroke (as suggested by @R C-R)

2. Erase using Erase blend mode (suggested by @firstdefence)

3.Transparency Tool

- Use the transparency to hide the end of the stroke.

AffinityHideOvershootTransparency.gif.ee90351efe9e4d2da607af9d0c043911.gif

4. Clipping Shape

- Use the pen tool to draw a clipping shape...
- Start at the intersection of the two lines, and ensure you completely surround the target stroke.
- Nest the wider stroke inside the clipping shape.

AffinityHideOvershootClippingShape.gif.f1f162af010aba0f2e042ff05fad6dfb.gif

5. Bend the Stroke

- Change the stroke cap to Butt Cap.
- With the node tool, create a new node where the two lines first intersect.
- Remove unwanted handles with Alt + Click.
- Move the final node to bend the stroke so that the end cap is parallel to the intersecting line.

AffinityHideOvershootBendLine.gif.e48ef8bc9fb383d3f2af554a6774f338.gif

6. Pixel Eraser

- Switch to Pixel persona.
- Use the Eraser to erase the end of the line.

AffinityHideOvershootPixelErase.gif.43e71f2d2dfefd8468636d36ffa1c32e.gif

Win10 Home x64   |   AMD Ryzen 7 2700X @ 3.7GHz   |   48 GB RAM   |   1TB SSD   |   nVidia GTX 1660   |   Wacom Intuos Pro

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.