Skip to main content
Known Participant
November 19, 2021
Answered

Multiple issues with converting to compound path

  • November 19, 2021
  • 3 replies
  • 1318 views

Hi,

 

I'm facing a couple of issues with converting to compund path for creating svg icons.

 

1) I have expanded all strokes into a path by expanding each section. And I selected all and converted them to a compund path. But there are some overlapping areas that are becmoing transparent. The 2 images below are i) after expanding and ii) after coverting to compound path.

 

 

2) Again all parts are expanded but when I create compound path, the whole icon becomes all black. I wanted the lines to be transparent. The 2 images below 1) after expanding to path & ii) after converting.

There are other icons I have created where I follow the same process and the results are fine. I'm not able to understand the technical differences/mistakes I'm making. Please help!

 

Thanks.

This topic has been closed for replies.
Correct answer kphotopage

 

Doh18, Thank you for your Illustrator file.

You have a mixture of Strokes and Fills. (I random color to see)

Your center shape is still Strokes.(shown in green)

Outline that shape, so you have all Fills.

 

Then do Pathfinders>Unite.

You should be good to go. 😀

(Shown in Cyan.)

3 replies

kphotopage
kphotopageCorrect answer
Legend
November 19, 2021

 

Doh18, Thank you for your Illustrator file.

You have a mixture of Strokes and Fills. (I random color to see)

Your center shape is still Strokes.(shown in green)

Outline that shape, so you have all Fills.

 

Then do Pathfinders>Unite.

You should be good to go. 😀

(Shown in Cyan.)

Doh18Author
Known Participant
November 20, 2021

THANK YOU @c.pfaffenbichler @kphotopage @Met1 for your suggestions.

Pathfinder>Unite option works!

kphotopage
Legend
November 20, 2021

You're welcome. Glad we could help.

Please mark this thread as answered.

K

kphotopage
Legend
November 19, 2021

Dohj18, Hi,

 

Here I recreated your icon.

Drew the different Stroked Paths, Round Cap

Object>Path>Outline Stroke.

Now all Fills

 

Select all your Fill Paths

Pathfinders>Unite.

(colored Orange here. No problems.)

 

If you selected all your Fill Paths and used Object>Compound Path>Make, then yes you get those funky transparent areas where the paths were overlapping.

(Colored Blue here)

 

 

K

Doh18Author
Known Participant
November 19, 2021

Hi @kphotopage 

 

Thanks for the detailed response!

 

I outlined all the paths. And selected all the elements (paths) to create the final compound path. The transparent parts are gone but the middle cart area now gets filled with black, and the outer lien seems to have disappeared making the cart look slightly smaller.

 

kphotopage
Legend
November 19, 2021

Dohj, for members to help you better, please upload your Illustrator file.

You have to use Dropbox  or whatever.

 

K

c.pfaffenbichler
Community Expert
Community Expert
November 19, 2021

1) Have you tried using the Pathfinder? 

Can you provide the file? 

2) Check the Stroke. 

Doh18Author
Known Participant
November 19, 2021

Hi @c.pfaffenbichler 

1) I have tried pathfinder, nothing works 😞 I cant attach the ai file, so attaching a screenshot with layers info. Please have a look.

2) What do I check in stroke?

 

 

c.pfaffenbichler
Community Expert
Community Expert
November 19, 2021

1) There are lines – didn’t you say you expanded them? 

 

2) The uncompounded »lines« have no Stroke, the other elements and the resulting compound path apparently do. 

So I guess you need to expand that before creating the compund path.