Skip navigation
FredZimmerman
FredZimmerman Calculating status...
Currently Being Moderated

Animated line graph (follow line w. motion)

Feb 19, 2008 7:08 AM

I have a .JPG that I will import into my .FLA (Flash CS3). It is a line graph with an X and Y axes.

I want to animate a line (brighter color) following the line in the graph left to right as a motion tween,
or animation.

How do I do this, most efficiently? Tutorials, examples, menu commands to use?

I'm a newbie (with lots of other ?s also).

Fred Z.
207 Views   2 Replies   Latest reply: FredZimmerman, Feb 24, 2008 9:48 AM
 
Replies
  • Logan Bender
    Currently Being Moderated
    1. Logan Bender,
    Feb 19, 2008 9:28 AM   in reply to FredZimmerman
    Report
    i would try to achieve this with tweened mask.

    first, draw the complete line on a layer above the JPG.
    then on a layer just above the line, draw a rectangle that covers it completely. convert it too a symbol (F8.) Right clicl on the layer and set this layer to Mask.
    Add enough frames to all layers for your desired animation length.
    On the Mask layer, add a key frame at the last frame.
    On the Mask layer, on the first frame, scale the mask rectangle Horizontally so that it only masks the first part of your line.
    Right click on the Mask layer and Create Motion tween. you may have to adjust the Center poitn of your recangle mask (the small white dot) to get it to scale up correctly.

    you should see the rectangle scale out to cover the whole line as the animation plays.
    With both Mask and Line layers Locked, you should see the mask reveal the line over time.
     
    |
    Mark as:
  • FredZimmerman
    Currently Being Moderated
    2. FredZimmerman,
    Feb 24, 2008 9:48 AM   in reply to Logan Bender
    Report
    Logan,

    Would you be able to spare 15 to 30 minutes in instant messaging session to walk me through this.

    I tried something similar to what you described unsuccessfully.

    I would be best to have someone walk me through this (from .JPG import to stage to drawing, to timeline).

    Fred Z.
    AOLIM: Fredz357
    MSN: Fredz357
    Google: FredZimmerman
     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

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