How to create a transparent stroke in Illustrator

I’m trying to reproduce the iPhone battery symbol. It has a gap between the fill and the stroke. I successfully managed to do it with the appearance palette, as you can see below:

enter image description here

It works well if the background is white. However, once i put an image as a background…

enter image description here

I want the gap to be transparent, rather than white.

How can I do that?

Answers:

Thank you for visiting the Q&A section on Magenaut. Please note that all the answers may not help you solve the issue immediately. So please treat them as advisements. If you found the post helpful (or not), leave a comment & I’ll get back to you as soon as possible.

Method 1

Set the opacity of your white stroke to 0, then check “Knockout Group” from the main transparency options of the path (not of the stroke itself).

Example:

enter image description here


All methods was sourced from stackoverflow.com or stackexchange.com, is licensed under cc by-sa 2.5, cc by-sa 3.0 and cc by-sa 4.0

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x