Jump to content
Matt James

Can I convert the attached to a stroke?

Recommended Posts

I have the attached icon as an svg file, but I want it to be thinner. Is it possible to do this, perhaps convert it to a stroke so that I can then easily adjust the stroke width like if I just drew a line?

thumbs-up.svg

Share this post


Link to post
Share on other sites

If you remove the fill and set some contour it will look like this ...

for_stroke.jpg.322eed3c2d35fd505d500a137636a76c.jpg

... you can then adjust the Contour of those, or in order to have no outline here, you can delete the inner or outer curve nodes via the node tool (select nodes and delete them). After deleting the inner or outer curve shape, you will have what you are after and then can adjust the stroke (contour) size of the remaining curve.

 

for_stroke2.jpg.2e17e836b0f86065f73b737b756cf722.jpg

 


☛ Affinity Designer 1.8.3 ◆ Affinity Photo 1.8.3 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites

Welcome to the Serif Affinity Forums, Matt. :)

If you open your SVG file in Affinity Designer and apply the ‘Divide’ command to the shape, you’ll end up with three layers: a base layer and two shapes on top which are subtracted from it to create the outline effect. Delete those two shapes and then apply a thin stroke to the remaining shape and set its fill to ‘None’.


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

Yes, what @Alfred suggests will yield to the same, even easier, you just have to remove fill and adjust contour size afterwards. - BTW contour = stroke here.


☛ Affinity Designer 1.8.3 ◆ Affinity Photo 1.8.3 ◆ OSX El Capitan

Share this post


Link to post
Share on other sites
19 minutes ago, PixelPest said:

I´m not getting how "dividing" in parts help with a thinner line here:

If you ‘Divide’ the original shape and discard the two upper layers, you’re left with a single layer which is like the one in @v_kyr’s second screenshot, but instead of having a stroke and no fill it has a fill and no stroke. Removing the fill and applying a stroke gives you an outline shape whose stroke weight you can adjust (and if you want the vertical line between the cuff and the fist it can easily be added).


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

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.