Hi. I'm new to graphics in general and Adobe Illustrator so please bear with me. I've been pulling my hair out for 3 evenings on this now desperately Googling round and I'm sure it's something simple I'm not grasping.
I've used the brush tool to create a random line in Illustrator, exported it as an SVG to grab the code, and used it in a DrawSVG animation. The problem is that GSAP is animating a stroke that goes all the way around the shape - i.e. it goes down one edge, and then back down the other again as you scroll. I don't have a codepen for this, but you can see an identical example in the 4th comment down on the link below, with the red border going around the yellow arrow.
In the many hours of Googling I've seen a term mentioned called an 'Open Path' (e.g. in the link above, OR the top comment on the link below mentions an 'open wavy path').
I know this isn't strictly a GSAP question, but could anyone please explain (as simply as possible to a newb like me) how I can create and export something in Illustrator in a way that will animate properly with DrawSVG?
Many thanks