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

Easy Way to Create Fill within an SVG?


Recommended Posts

Hi,

This comes up often for me as I am a member at the noun project and use a lot of their art for something I'm working on. When I import it into Affinity designers, it's not usually shapes that I can fill. The "line" sort of is the shape. I've attached a screenshot of it with node selection tool so you an see what I mean. You can also get the SVG free at the noun project: https://thenounproject.com/term/cat/1023807/

I want to fill the inside of the cat so that I can place it over other objects and cover them (instead of having them show in the body of the  cat). I could put the cat into photoshop and use a quick erase to remove a white background outside the cat, but that seems soooo wrong. Is there an easy way to do this in Affinity Designer? I'm on Windows, latest everything.

Thanks!
-hb

catsnagit.png

Link to comment
Share on other sites

  • Staff

Hi hellobill :)

I've downloaded the SVG you've used and provided one solution in my screen recording below -

Here, I duplicated the Curves layer and then divided this object, which resulted in a 'filled' shape, exactly the same as the outline, alongside a few spare layers I deleted. I then set the colour for this layer and made sure it was beneath the outline.

I hope this helps!

Please note -

I am currently out of the office for a short while whilst recovering from surgery (nothing serious!), therefore will not be available on the Forums during this time.

Should you require a response from the team in a thread I have previously replied in - please Create a New Thread and our team will be sure to reply as soon as possible.

Many thanks!

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.