Skip to main content
fanta458
fanta458
Inspiring
August 7, 2018
Answered

Order of layers messed up after export

  • August 7, 2018
  • 1 reply
  • 1024 views

Hi there

Im having an issue with an animation created and exported from Animate cc / Snapsvg animator.

Heres the link:

https://vxi2018.staging.wpengine.com/solutions/

If you scroll down the page you'll trigger the animations to animate. The issue is with Animation 02. On my graph - the orange solid curve sits over the top of the dotted line. It is intended to be the other way around (line on top of solid), and is set up and animating as such in the native file. But it seems the exported final animation has different ideas.

Please help!

    This topic has been closed for replies.
    Correct answer fanta458

    Hi Ankush,

    Thanks for your reply - I just checked the native file and the dotted line layer is definitely above the curve layer, so it should be animating as per this layer order. Anyway, I dragged the curve layer right to the bottom of the layer pallette and dragged the line layer right to the top...and it worked! Weird eh?

    Thanks again!

    1 reply

    ankushr40215001
    ankushr40215001
    Inspiring
    August 9, 2018

    Hey fanta458,

    I see the the orange curve appears on top of the graph line, however, you have set it in a layer below the orange curve.

    I guess there could be an in issue with layer arrangement in your case and suggest you checkout "guide layer animations" section in this link - Preventing animation problems in Flash | Adobe Developer Connection.​

    Apart for that I also suggest you to have a look at this doc for a deeper understanding of Stacking and arranging objects in Animate CC.​

    Hope it helps.

    Thanks!

    Ankush

      fanta458
      fanta458AuthorCorrect answer
      Inspiring
      August 11, 2018

      Hi Ankush,

      Thanks for your reply - I just checked the native file and the dotted line layer is definitely above the curve layer, so it should be animating as per this layer order. Anyway, I dragged the curve layer right to the bottom of the layer pallette and dragged the line layer right to the top...and it worked! Weird eh?

      Thanks again!

      ankushr40215001
      ankushr40215001
      Inspiring
      August 13, 2018

      Bingo! glad you made it work.

      Cheers,

      Ankush

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices