Jump to content

Recommended Posts

Posted

I've recently been playing around using a combination of expand stroke and the shape builder tool to create interlacing knotwork designs. It's very powerful for this, but I'm running into a problem with self-intersecting curves. Take a look at the attached screenshot.

Simple case first. I have multiple separate curves (A). Expand stroke gives (B). Then shape builder to give (C).

Now, a single self-intersecting curve (B). If I do expand stroke directly on this (E), the crossovers are all welded together and the outline of the stroke isn't visible. Hope that makes sense.

To get it to work, I have to split the curve into parts (F) so that each part is NOT self-intersecting. Then expand stroke gives (G), with the intersections fully visible, and shape builder gives the final result (H). 

This is alright, but there are situations where it is not easy. Either in a large knotwork, where it's hard to keep track of what goes over/under what, or if I have applied a variable-width stroke to the curve, in which case splitting it messes up the stroke widths (I posted another topic on this). I would really like to be able to just go directly to a fully-outlined curve, i.e. I want to go straight from (D) to (I).

Maybe this just isn't possible - neither Inkscape nor Illustrator do this either - but if there's a way I'd really like to know about it!

intersections.jpg

Posted

A workaround:

 

prepare once:

  1. Create a 360x180 rectangle no fill no stroke
  2. duplicate
  3. add fill white, stroke black, 8px to inside
  4. nest filled layer to infilled layer
  5. stretch layer to cut off left and right stroke
  6. export as png
  7. create new image brush using png

For curves:

  1. assign brush to your curve. Use appearance panel to set blend mode to darken or multiply.
  2. duplicate curve
  3. use node tool, reverse curve,

now you have an outline you want.

C3882D68-C526-4F23-8B6B-E1075FB10784.png

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

Posted
5 hours ago, Lindsay Wilson said:

@NotMyFault Very neat idea - I wasn't aware of how to use the image brushes! Unfortunately, while that produces the _appearance_ of the lines, they're not usable vectors.

You are right. I had the wrong impression that shape builder would work for both vector and pixel layers, which i s not the case. Sorry for my  failed attempt.

Mac mini M1 A2348 | MBP M3 

Windows 11 - AMD Ryzen 9 5900x - 32 GB RAM - Nvidia GTX 1080

LG34WK950U-W, calibrated to DCI-P3 with LG Calibration Studio / Spider 5 | Dell 27“ 4K

iPad Air Gen 5 (2022) A2589

Special interest into procedural texture filter, edit alpha channel, RGB/16 and RGB/32 color formats, stacking, finding root causes for misbehaving files, finding creative solutions for unsolvable tasks, finding bugs in Apps.

I use iPad screenshots and videos even in the Desktop section of the forum when I expect no relevant difference.

 

  • 4 weeks later...
  • Staff
Posted

There is no method to achieve this result with a single operation in Designer and you will need to use multiple operations to achieve this 

  • 1 month later...
Posted

I (thought) I came up with a nifty idea of just Bezier Curving the gaps and then using Shape Builder.

That didn't work:

image_2023-04-05_233331285.thumb.png.5e1fffd5ed834868a1b14ae36b03eb7f.png

As you can see, having lined up the edges of the newly created squares as nearly to seamless as I could discern, Shape Builder still doesn't join them as intended.  I tried in three different programs to try to find a simple, straightforward way to fix this.

No dice.

See for yourself.  Maybe I'm missing something.  Seems like more work than it oughta be.

Update:  Nevermind. Selected the whole thing then used Layer / Expand Stroke. That fixed it. After that, it worked as intended.

image_2023-04-06_000227807.png.99d6412f4d13823dcdc94eab0dbe632a.png


pretzel_WIP_AFD2.afdesignpretzel_WIP_AFD2.afdesign

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.