A Flash Developer Resource Site

Results 1 to 9 of 9

Thread: draw line animation

  1. #1
    Junior Member
    Join Date
    Aug 2003
    Location
    San Francisco
    Posts
    6

    draw line animation

    I have been requested to do a simple line trace animation of a simple line drawing of a tv set. I have to make the flash animation look like the TV set is being drawn. How do I do this? I have tried using the pen tool and key framing advancing line shapes of the TV shape but I cannot tween these lines as an animation.

    Any suggestions

    Thanks

    Kevin
    123esites

  2. #2
    Senior Member CDP-Design's Avatar
    Join Date
    Nov 2002
    Location
    UK
    Posts
    729
    man there seems to be alot of people taking on projects they have no idea how to do at the moment LOL. Anyways to do this i suggest you use a motion guide to make the line get drawn so that the line follows the motion guides they are set to.

  3. #3
    Junior Member
    Join Date
    Aug 2003
    Location
    San Francisco
    Posts
    6

    line draw

    Thanks, I will have to try that. I did one similar to the signature flash movie posted on this site, it seems to work well for this.

    Thanks for your suggestion
    123esites

  4. #4
    poet and narcisist argonauta's Avatar
    Join Date
    Nov 2001
    Location
    Under the bed
    Posts
    2,080
    you can reach a similar effect, maybe if you do it right, will be easier and more impressive by doing this:

    Draw the TV, its outline i guess.

    Then use a mask that little by little grows until it covers the entire tv. The end effect will look as if the tv is being drawn.

    It's faster than animating lines, as only animate one object (tha mask, wich can be a rectangle changing its size) while if you animate line by line, it'll take you longer, and if you want to change something, probably you'll have to redo the entire animation.
    my blog: blog.innocuo
    Sponsored by your mom.

  5. #5
    Junior Member
    Join Date
    Aug 2003
    Location
    San Francisco
    Posts
    6

    line animation masks

    Hi
    Thanks for the suggestion about masks. I may try to figure out a way to make masks work because like you say they may want to change the drawing or even color and I would have to start over if I do it frame by frame.

    The only problem with a mask is that I have to make it look like I am drawing the TV from one point going counter clockwise and there are several closed paths of lines. The outline of the TV the TV screen, the nobs of the TV and the antennas etc. Its a simple outline but a rectangle mask does not reveal one line at a time it will reveal an entire area beneath it.

    I appreciate your response
    123esites

  6. #6
    Moderator CNO's Avatar
    Join Date
    Jun 2000
    Location
    Brooklyn, NY
    Posts
    3,446
    Try using multiple layer/mask pairs to animate each sequence sequentially.

  7. #7
    poet and narcisist argonauta's Avatar
    Join Date
    Nov 2001
    Location
    Under the bed
    Posts
    2,080
    check this one out. It was done qickly (i had the outline and coloring already, though).
    my blog: blog.innocuo
    Sponsored by your mom.

  8. #8
    japanese nayades's Avatar
    Join Date
    Mar 2002
    Location
    neptune's mercenary canteen
    Posts
    1,713
    pretty cool argo

    the last resource 123 is to animate frame by frame. if done corectly is the most accurate animation... but also the most tedious

  9. #9
    Junior Member
    Join Date
    Aug 2003
    Location
    San Francisco
    Posts
    6

    My first draft of line animation

    Hi everyone,
    Thanks for your help. I chose the masked line segments, each line is masked on a seperate layer and it seemed to work fine. The client is happy so far.

    see initial line drawing comp http://www.123esites.com/jbtmedia/tv.html

    I appreciate everyones suggestion.

    Thanks

    Kevin
    123esites

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  




Click Here to Expand Forum to Full Width

HTML5 Development Center