Welcome Dialog

Welcome to the Community!

We have a brand new look! Take a tour with us and explore the latest updates on Adobe Support Community.


Multiple issues with converting to compound path

Explorer ,
Nov 18, 2021 Nov 18, 2021

Copy link to clipboard

Copied

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.

 

Screenshot 2021-11-19 at 12.46.36 PM.png 

Screenshot 2021-11-19 at 12.46.51 PM.png

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.

Screenshot 2021-11-19 at 12.52.23 PM.png

Screenshot 2021-11-19 at 12.52.48 PM.png

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.

TOPICS
Draw and design

Views

176

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Enthusiast , Nov 19, 2021 Nov 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.)

Likes

Translate

Translate
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

1) Have you tried using the Pathfinder? 

Can you provide the file? 

2) Check the Stroke. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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?

 

Screenshot 2021-11-19 at 2.38.24 PM.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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. 

Screenshot 2021-11-19 at 10.23.10.pngScreenshot 2021-11-19 at 10.23.19.pngScreenshot 2021-11-19 at 10.23.32.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

I had just shared the non-expanded layers to show what it was originally. 

 

1) I expanded the cart icon again and now the rounded edges are gone (circled in red)

2) The star & text box icon still has the same issue after compound path

 

Screenshot 2021-11-19 at 3.20.27 PM.png

 

 

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

1) Please provide the file. 

 

2) Did you compound the black elements before using »Minus front« or »exclude« to knock out the lines? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

Hi @c.pfaffenbichler 

 

1) The platform does not allow me to attach AI file. Otherwise I would have shared the file.

2) Only the wheels (2 circles) are compund paths. The others are not.

 

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

Can you provide a link to the file on some file transfer platform? 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

https://we.tl/t-39rvftsP8y

 

Here you go. I have made changes here and there, feel free to play around and let me know!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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

Pathfinder Unite.png

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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.

Screenshot 2021-11-19 at 7.37.24 PM.pngScreenshot 2021-11-19 at 7.39.54 PM.png

 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

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

You have to use Dropbox  or whatever.

 

K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Adobe Community Professional ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

They did in their last post. 

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Advocate ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

You should remove the fill (no fill), but you don't need compound path for these items, but unite in pathfinder. (or use the shape builder tool). You can use compound but it's not the best tool in the box for this particular scenario, you are essential joining these "tubes", you are not making compounds (which is essential a knockout tool, not a joining tool).

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Nov 19, 2021 Nov 19, 2021

Copy link to clipboard

Copied

Need Outline .png

 

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.)

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 20, 2021 Nov 20, 2021

Copy link to clipboard

Copied

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

Pathfinder>Unite option works!

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Enthusiast ,
Nov 20, 2021 Nov 20, 2021

Copy link to clipboard

Copied

LATEST

You're welcome. Glad we could help.

Please mark this thread as answered.

K

Likes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines