Jump to content
PifLyon

How to Fill a hole in a shape in Affinity Designer

Recommended Posts

Hi,

 

I have a shape that is closed and contains a hole. On the picture joined :

- This shape is a result of a boolean combination of 2 identical shapes slightly shifted.

- The stroke is red

- The fill is black.

 

I want to fill the hole in the center of this shape.

1 - I tried all the boolean operations (including divide) with no success, it doesn't "restore" the 2 original shapes as some vertices have been merged.

2 - I tried removing vertices to restore a "filled" shape,  but it is too hard as some vertices are overlapping other ones (is there a way to "hide" vertices like in Blender ?)

3 - I could redraw a shape on top of the original, but It's too hard because of the complexity of the bezier curves.

4 - I tried to make a square nested in this shape's layer, but it make the square appears only in the "fill" part of this shape (the black part).

 

How can I fill the center of this shape ? 

 

Thank you, Cédric.

2018-03-19 08_57_24-Affinity Designer.png

Edited by PifLyon
Added part 4.

Share this post


Link to post
Share on other sites

copy the layer and use the bolean divide, al little clean up afterwards, and you have a fill


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites

Sorry dutchshader, but as I said part 1) Divide makes a mess.

Your advice seems not to take care of what I said in part 2).

Thank you for your help. 

Share this post


Link to post
Share on other sites

Sorry, missed that part.

Could you post the designer file?


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites

here it is

expand.png.36c18e9f7a44e9ccd5168cf2c97059b3.png


intel core i5,  16GB 128Gb ssd win10 Pro Huion new 1060plus.

philips 272p 2560x1440px on intel HD2500 onboard graphics

Razer Tartarus Chroma

Share this post


Link to post
Share on other sites

NICE !! That works fine. I hope I will remember this method that is really quick.

 

Thank you dutchshader.

 

Note : I did not find "Expand Stroke" because of a the french translation "Vectoriser le contour" (which could be translated to "vectorize outline").

5aaf8246a734e_menuCalque-AffinityDesigner.thumb.png.26068c2e830aa94e992a8f5b71e74172.png

 

Share this post


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

the only way i could find was:

copy the shape, ungroup, layer>expand stroke, divide. clean up.

Wow!!! Adding the expand stroke step to make cleanup easier is a brilliant solution I never would have thought of on my own.

 

As I am sure you all know, what makes creating a separate fill layer for a "Curves" shape like this one so tedious is that its two paths cross each other at two points along its top, so there the 'outer' path becomes the 'inner' one & visa versa. Similar path crossings occur frequently in vector documents I work with, particularly in ones I import into Affinity Designer from other sources, so what I have been doing to edit them so they have only non-crossing outer & inner paths is to first divide them, then tediously find where they cross & break each of them at the appropriate nodes to separate the paths into individual outer & inner segments. Next, even more tediously I join all the outer or inner path segments to make a single outer or inner path. I either do the same for all the other segments if I want to preserve the other path or delete them if I don't.

 

Needless to say, for complex shapes with lots of crossed paths this can be a very time consuming, confusing process so prone to errors that I often just give up. I am not sure how well adding the expand stroke step will work for all of these files, but even if it just works for some multi-path shapes in some of them, it will save me tons of time (& frustration!) so thank you one hundred times over for posting this! :)


Affinity Photo 1.7.1, Affinity Designer 1.7.1, Affinity Publisher 1.7.1; macOS High Sierra 10.13.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 1.7.1.143 & Affinity Designer 1.7.1.1 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iOS 12.3.1

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×