I am trying to import and SVG to the Stage in Adobe Animate CC so that each path/element of the SVG on a separate layer, as described on the official Adobe help pages. When I select "Import each path to different layer", all paths are always still brought in on a single layer. Has anyone experienced this? What am I doing wrong?

  • Are you sure the paths are separate to begin with? Is it possible perhaps that the paths in the SVG are in fact compound paths? Without access to the SVG or knowing how it was constructed, this is difficult to answer. Perhaps consider sharing the SVG on svgshare(dot)com. – Billy Kerr Sep 26 '18 at 15:13
  • Yes, they are definitely separate path elements! flaticon.com/free-icon/friendship_1049890 – kennsorr Sep 27 '18 at 16:27

Open your "SVG" in Illustrator, and move the assets to different LAYERS first.

Resave as a new AI file (you can try SVG but...)

Import the NEW AI file into Animate CC.

NOTE: SVG's are looked at as ONE FLAT LAYER. (in some programs)

P.S. do the same thing... swear at my computer.. and then try again, lol

  • So when I tried this, I got a window asking me which layers I would like to import, which seems like it's closer to what I was looking for, but still, when it's finally imported to the stage, it's all on one layer.... – kennsorr Oct 9 '18 at 12:47

If you can't import every shape/SVG element to separate layer, then try separating them to different layers after importing by 1) selecting all elements you'd like to separate, 2) use the Distribute To Layers command. (Modify > Timeline > Distribute To Layers).

The only downside is that you will loose any layer names and layer hierarchy you used in the original .ai or SVG file.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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