Skip to main content
Participating Frequently
August 9, 2017
Answered

Line Animation

  • August 9, 2017
  • 1 reply
  • 492 views

Hi,

I am trying to make a smooth line animation for a solid and dotted line ( https://nofile.io/f/8b1eqis8Zlp/line+example.fla )

At the moment Im having to start new lines at each corner where the lines change direction, is there an easier way to achieve this effect, perhaps so i can just animate one path?

Leo.

    This topic has been closed for replies.
    Correct answer RandomlyFish

    If you're using shape tweens and lines, then that's what you have to do. But you can keep all the connected lines on a single layer, if you add a separate Keyframe where a new line segment starts. So if you have one line segment that ends on Keyframe 30, then you want the next line segment to start on Keyframe 31.

    Alternatively you could draw the entire line, and then use an animated movieclip as a mask, which over time reveals more and more of the line. Though I think that would make it more complicated, but if you want to know how you would do that, just let me know.

    1 reply

    RandomlyFishCorrect answer
    Inspiring
    August 9, 2017

    If you're using shape tweens and lines, then that's what you have to do. But you can keep all the connected lines on a single layer, if you add a separate Keyframe where a new line segment starts. So if you have one line segment that ends on Keyframe 30, then you want the next line segment to start on Keyframe 31.

    Alternatively you could draw the entire line, and then use an animated movieclip as a mask, which over time reveals more and more of the line. Though I think that would make it more complicated, but if you want to know how you would do that, just let me know.

    lj_blAuthor
    Participating Frequently
    August 9, 2017

    Thanks for this solution, I think a mask will work best.

    It would be great if animate allowed you to animate a single path across various points without adding a tween as in the left example here: https://nofile.io/f/ulsRnwPXSyN/example+2.fla