Skip navigation

Flash Pro - General

kim shep Calculating status...

Currently Being Moderated

Best way to animate a line with a dot leading along a path

Jul 17, 2012 9:14 AM

I need to animate a line along a path with a circle in front of it. Basically an 'i' path with the tail extending. Similar to the shape in this image http://www.ravishankar.me/images/intro/skelta-connect2.png

Ive tried:

Using and animating a shape tween, its very time consuming and would only really work without the dot

Using a mask doesnt seem to work either as its not a basic line

And making it a symbol on a path in a motion tween also doesnt follow the line to how i need it

Any suggestions please!?

507 Views 4 Replies Latest reply: chris georgenes, Jul 17, 2012 12:47 PM

Replies

Currently Being Moderated

1. Ned Murphy,

Jul 17, 2012 10:15 AM in reply to kim shep

Report

You could do a frame by frame animation. The easiest way to do it is to work the animation backwards along the timeline, removing a piece of the line (and moving the dot) in each frame and then reversing the frames when you are done.

|
Mark as:
Currently Being Moderated

2. chris georgenes,

Jul 17, 2012 10:31 AM in reply to Ned Murphy

Report

In addition to Kglad's suggestion, I would separate the dot from the line on to its own layer. Convert the dot to a symbol and motion tween it. As for the line, use the frame by frame method Kglad mentioned or an animated mask.

|
Mark as:
Currently Being Moderated

3. Ned Murphy,

Jul 17, 2012 11:55 AM in reply to chris georgenes

Report

pssst... I'm not kGlad

|
Mark as:
Currently Being Moderated

4. chris georgenes,

Jul 17, 2012 12:47 PM in reply to Ned Murphy

Report

Oops! I swear it showed you as Kglad when I first posted that - ok, i'm old, chaulk it up to tired eyes. Sorry Ned!!!

|
Mark as:

Forum guidelines

Answers + Points = Status

10 points awarded for Correct Answers
5 points awarded for Helpful Answers
10,000+ points
1,001-10,000 points
501-1,000 points
5-500 points