Jump to content
NevraArts

DESIGNER: How to create inner DISTANCED stroke

Recommended Posts

this is a question for the IPAD version: let's say I have an irregular shape (black in the example image attached) and I want tog et an inner line that follows in a perfectly equally distanced way the outer line (like the red Lin in the same image), how can I obtain that? (must be simple but for some reason I am not getting it in designer iPad)

 

thank you!

sample.jpg

Share this post


Link to post
Share on other sites

I hope these images helped you.

 

For anything else, feel free to reply.C5F9AC40-C620-43A0-9618-751985076ED1.thumb.jpeg.c13bd4315652f104e4034e58df9c5ff9.jpeg

 

19B3C6E1-1735-45DA-BCA1-3810F8429CB1.jpeg


iPad Pro 11-inch (1st generation)

MacBook (Early 2015)

Affinity & iPadOS always kept up to date. 

Share this post


Link to post
Share on other sites
4 hours ago, Niall123492 said:

For vector shapes there's an option in the appearance panel to add multiple strokes and fills. This will work.

6DB8C916-486C-43AC-939E-416C5A455BFB.jpeg.8cb3e588b1b0ac11b091884591662995.jpeg

Inner-dash.afdesign


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.7 (iPad Air 2)

Share this post


Link to post
Share on other sites
42 minutes ago, konstantnnn said:

I hope these images helped you.

 

For anything else, feel free to reply.C5F9AC40-C620-43A0-9618-751985076ED1.thumb.jpeg.c13bd4315652f104e4034e58df9c5ff9.jpeg

 

19B3C6E1-1735-45DA-BCA1-3810F8429CB1.jpeg

thank you anyway,  but unfortunately this is not what I need to get, since I need something like the Alfred's reply shows!

Share this post


Link to post
Share on other sites
4 hours ago, Niall123492 said:

For vector shapes there's an option in the appearance panel to add multiple strokes and fills. This will work.

I saw that but I can't achieve that with the iPad, even though I found the appearance panel

Share this post


Link to post
Share on other sites

I don’t know theres even an option in the desktop version to distance the stroke that much from the edge.

 

Could you send me the document so I can manually try to do something?

 

I would manually duplicate the object, resize some parts of it down and hide the fill. Then i would apply a stroke on that object


iPad Pro 11-inch (1st generation)

MacBook (Early 2015)

Affinity & iPadOS always kept up to date. 

Share this post


Link to post
Share on other sites
11 minutes ago, konstantnnn said:

I don’t know theres even an option in the desktop version to distance the stroke that much from the edge.

 

Could you send me the document so I can manually try to do something?

 

I would manually duplicate the object, resize some parts of it down and hide the fill. Then i would apply a stroke on that object

I cannot send you the actual file (which is not this elephant), since it is for a work, but resizing does not work, since it messes up many proportion unfortunately. I am sure there is a way because I have done it with other softwares time ago, but here I cannot find a way, and it is VERY strange....

 

you can anyway try with whatever irregular shape you want, it just have to work :)

Share this post


Link to post
Share on other sites

Hi NevraArts,
Check the attached file. Basically you can add a white stroke to the elephant then place the dashed stroke above this one (with a smaller width) to give the impression that the dashed line is offset from the edge of the elephant. The offset distance is dictated by the size of the white stroke. This affects the original appearance of the elephant a little (it becomes fatter due to the added white stroke width but you can compensate for it if you plan ahead. There may be other solutions specially if you don't need the rounded corners for the dashed line.

Untitled_1.afdesign

Share this post


Link to post
Share on other sites
1 hour ago, NevraArts said:

this is exactly what I need, but with the iPad I cannot achieve that... any suggestion?

I did it on my iPad! Maybe @MEB’s file will help you to see how to achieve a similar result.

15 minutes ago, MEB said:

Hi NevraArts,
Check the attached file. Basically you can add a white stroke to the elephant then place the dashed stroke above this one (with a smaller width) to give the impression that the dashed line is offset from the edge of the elephant. The offset distance is dictated by the size of the white stroke. This affects the original appearance of the elephant a little (it becomes fatter due to the added white stroke width but you can compensate for it if you plan ahead. There may be other solutions specially if you don't need the rounded corners for the dashed line.

Untitled_1.afdesign

 


Alfred online2long.gif
Affinity Designer/Photo/Publisher for Windows • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.8.4.186 • Designer for iPad 1.8.4.4 • iPadOS 13.7 (iPad Air 2)

Share this post


Link to post
Share on other sites
2 hours ago, MEB said:

Hi NevraArts,
Check the attached file. Basically you can add a white stroke to the elephant then place the dashed stroke above this one (with a smaller width) to give the impression that the dashed line is offset from the edge of the elephant. The offset distance is dictated by the size of the white stroke. This affects the original appearance of the elephant a little (it becomes fatter due to the added white stroke width but you can compensate for it if you plan ahead. There may be other solutions specially if you don't need the rounded corners for the dashed line.

Untitled_1.afdesign

thanks!

this actually helped but it is a walk around, so I would definitely suggest to add this as a native feature, not to have all the cons of this methods! :)

Share this post


Link to post
Share on other sites

Hi, I miss not having a proper offset path tool. My workaround is to expand the stroke- release curves and then you have perfectly offset paths.

 

-Jim 

E8ACC2EA-A3F3-4088-85B2-F2A4A80878C6.jpeg

Share this post


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

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | 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.