Illustrator Icon Cut Outs

Community Beginner ,
Jan 30, 2022 Jan 30, 2022

Copy link to clipboard

Copied

Hi Everyone,

I'm stuck again.

I am trying to create icons (not just social media icons) with a gold foil "coloring" and the shape/icon transparent. I have tried putting the shape I want to cut out on top and using minus front, but it's not working. I can get it to work on simple shapes, but the complexity of the foil asset is obviously not letting it work. I can't figure out what I am missing. I have been searching for hours on how to do this, but I am clearly missing a step.

I have attached a screen of what is going on, the two rectangular assets are copies, I was hoping to show the path problem I am having.

Thanks everyone for the help!!

Matt

 

TOPICS
How to

Views

98

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

Adobe Community Professional , Feb 02, 2022 Feb 02, 2022
I would try the image with the icon as a vector mask, clipping path or opacity mask.

Likes

Translate

Translate
Adobe Community Professional ,
Jan 30, 2022 Jan 30, 2022

Copy link to clipboard

Copied

Is there any reason you must do this with 28344 paths and 967 compound paths instead of a simple image?

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
Community Beginner ,
Feb 01, 2022 Feb 01, 2022

Copy link to clipboard

Copied

Sorry for the late reply.

 

No, there is no reason I can't use a simple image. I'm just not sure how to make it a simple image without losing quality.

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 ,
Feb 01, 2022 Feb 01, 2022

Copy link to clipboard

Copied

How large will your icons be used? For web, for print?

Your foil looks vectorized which will become more obvious when blown up than a high quality image.

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 ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

How did you create the foil texture in the first place?

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
Community Beginner ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

I had a designer make them some time ago, and has since become totally unavailable unfortunately, so I have no idea exactly how they were made, and I can't get the original assets. I have searched to see if I can replicate the effect to no reasonable result.

Yes, I image traced the image (which is almost impossible to work with due to the amount of points and paths). What I show in the screenshot is only a portion of the actual image. 

I want to use the foil asset for a number of things, both print and web. 

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 ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

Is there a reason you can't use the image without image tracing?

I think that's what Ton meant by 'simple image'.

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 ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

I would try the image with the icon as a vector mask, clipping path or opacity mask.

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
Community Beginner ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

Excellent, thank you so much for the help! That worked wonderfully, the opacity mask did exactly what I needed it to do. Think I avoided that because the word "opacity" gave me the idea that it was going to do something else.

 

I really appreciate everyone's help.

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 ,
Feb 02, 2022 Feb 02, 2022

Copy link to clipboard

Copied

LATEST

Good to hear that helped.

And, yes, the Opacity mask can do many things when using objects other than pure black or white.

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