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?

  • 2
    Could the reason be that you selected "White" for the stroke color?
    – Jongware
    Oct 14, 2016 at 13:24
  • I selected white for the gap between the stroke and the fill, what i want is for this gap to be transparent
    – Jonhz
    Oct 14, 2016 at 13:26

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


enter image description here


Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.