Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
0

Line Animation

Explorer ,
Aug 08, 2017 Aug 08, 2017

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.

423
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Contributor , Aug 09, 2017 Aug 09, 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 com

...
Translate
Contributor ,
Aug 09, 2017 Aug 09, 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.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Aug 09, 2017 Aug 09, 2017
LATEST

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

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines