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?


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


enter image description here

Source : Link , Question Author : Jonhz , Answer Author : Cai

Leave a Comment