When drawing vector art in Illustrator, it is often the case that I wish to add highlights to a filled and stroked shape via a path with opacity. However, when I try to do this, the highlight bleeds into the outline of the shape, like this:
Notice how the white stroke is on top of the outline of the circle. I want it to be below.
One solution that I mostly use is to use the Live Paint Fill Bucket tool to create a shape of yellow, and then place that on a colors layer below, but my issue with that is that it essentially doubles the size of the svg.
That is, instead of being able to use the fill property on custom shapes in my SVG, I need to essentially duplicate every shape onto its own color layer. This also makes editing the stroke later a pain, because I have to adjust both the color layer and the outline layer.
Is there a better way? Ideally I would just be able to specify that I want this stroke drawn beneath the outline of the shape, but I'm not sure if that's possible.