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

Recommended Posts

There is already the contour tool in the beta version of Affinity Designer.

image.png.e664ef1ca4e03264448c706b0f31c76d.png

 

iMac 27" 2019 Somona 14.3.1, 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

Do you mean Adobe Illustrators offset path, which the Contour tool is comparable too?

Offset and contour is -3mm

image.png.fd9ae9bf73131ae833e0746a3f0c0189.png

iMac 27" 2019 Somona 14.3.1, 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

  • 2 weeks later...
On 1/17/2021 at 5:00 PM, firstdefence said:

Do you mean Adobe Illustrators offset path, which the Contour tool is comparable too?

Offset and contour is -3mm

image.png.fd9ae9bf73131ae833e0746a3f0c0189.png

thanks, firstdefence,

This is great (how do I do this?) BUT, what I really need now are two identical paths, one inside the other (no fill). For example, in your demonstration (above), I would want a second--let's say identical, but thinner, cyan path--inside inside the existing cyan path--with the gray background visible in between the two paths (and how to do it...).

many thanks,

lettergothic 

Link to comment
Share on other sites

You can use the Appearance Panel in Designer to apply two different strokes to the curve or shape to get something like what I think you want but the two cyan lines might have to be the same width, see attached image.
If that’s not what you and then you might need to be a lot more precise when you talk about “inside”, “between”, “identical”, etc.

Screenshot 2021-01-27 145923.png

Link to comment
Share on other sites

GarryP,

Thanks for responding.

"you might need to be a lot more precise when you talk about “inside”, “between”, “identical”, etc."

I'm not sure I know how to be more precise, but I'll give it another try:

First and foremost, above all, I want to be able to do, in Af Designer, what I've always been able to with the A. Illustrator "offset path" effect.

Imagine a closed, irregularly shaped path on a transparent b.g. with a stroke width (no fill) of 6 pts. I want an identically shaped stroke inset (inside of the orig. path) 6 pts from the original path with a 3 pt stroke width {no fill) on the same transparent b.g..  So, using your example, I want no gray fill; I want the inner cyan stroke to be half the thickness of the outer cyan stroke; I want the corner miters on the inner path to be identically scaled versions of the outer stroke corner miters (not rounded corners on the outer stroke vs. sharp corners on the inner stroke). I'd draw an example but I don't know to accomplish it--hence my posted question.  I hope that this is "a lot more precise". I can't think of a clearer way to say it. 😞

many thanks,

lettergothic

Link to comment
Share on other sites

image.png.8ffda98d730a74718ba688c6bbf75e8b.png 

iMac 27" 2019 Somona 14.3.1, 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

Is the attached what you want? (Colours are not what you specified but that’s easy to change.)
I created the original red shape, then set the Stroke Alignment to Outside, then gave it a 6pt Stroke Width, made the Join a Mitre Join and upped the Mitre setting to 3.
Then I duplicated the original (blue curve in attached image) and used the Contour Tool (in 1.9) to offset from the original curve by 6pt, then set the Stroke Alignment of the duplicate to Inside, then set the Stroke Width of the duplicate to 3pt, and set the Contour Type to Mitre.

Screenshot 2021-01-28 092336.png

Link to comment
Share on other sites

If the general shape does not need to be changed afterwards, you can draw it with an outline of the desired thickness for the final result. "Expand Stroke" and invert the colors. If needed, you can then modify the strokes individually after you have done "Layer", "Geometry", "Separate Curves".

2021-01-28_121903.jpg

Link to comment
Share on other sites

13 hours ago, GarryP said:

Is the attached what you want? (Colours are not what you specified but that’s easy to change.)
I created the original red shape, then set the Stroke Alignment to Outside, then gave it a 6pt Stroke Width, made the Join a Mitre Join and upped the Mitre setting to 3.
Then I duplicated the original (blue curve in attached image) and used the Contour Tool (in 1.9) to offset from the original curve by 6pt, then set the Stroke Alignment of the duplicate to Inside, then set the Stroke Width of the duplicate to 3pt, and set the Contour Type to Mitre.

Screenshot 2021-01-28 092336.png

 

Link to comment
Share on other sites

11 hours ago, G13RL said:

If the general shape does not need to be changed afterwards, you can draw it with an outline of the desired thickness for the final result. "Expand Stroke" and invert the colors. If needed, you can then modify the strokes individually after you have done "Layer", "Geometry", "Separate Curves".

2021-01-28_121903.jpg

 

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.