A Flash Developer Resource Site

Results 1 to 7 of 7

Thread: thing that draw themselves

  1. #1
    Member
    Join Date
    Aug 2006
    Location
    Suffolk, UK
    Posts
    37

    Flash animation drawings

    Does anyone know of a tutorial that could help me out?

    I am trying to create the effect of something drawing itself on screen.
    Example: http://www.jacobbailey.co.uk/flash/flash.htm

    The effect that i am looking for is after the opening frames, its when you get to the home page and the cup & saucer draw themselves then the rest of the pic fades in. Think that makes sense.

    Any help or pointers would be fantastic.

    cheers

    creative.watson
    Last edited by creative.watson; 08-02-2006 at 11:01 AM.

  2. #2
    Senior Member
    Join Date
    Jun 2004
    Location
    UK
    Posts
    451
    There are several ways to do this. The easiest to explain is the "do it in reverse" process:

    - Draw your object (eg cup and saucer in the example)
    - It's an easier process if you remember to draw things on different levels; top of cup on one layer, sides on another, handle on another etc.
    - Make a copy of your work!
    - Make a keyframe on frame 2 (F6). Rub out the end of one line.
    - Repeat the process on frame 3. Rub out a little more.
    - Repeat this process, making keyframes as you go. Youre going to slowly rub out your drawing. You need to decide which order to do this in...can't help you there!
    - When you've finished, highlight all the layers you've worked on
    - Select: "Modify | Timeline | Reverse Frames"
    - Now you have something which draws itself...

    Good luck

    G

  3. #3
    Senior Member
    Join Date
    Sep 2005
    Posts
    1,764
    Nice mini tute goliard.

  4. #4
    Character Animator The_e-Tahn's Avatar
    Join Date
    Jul 2002
    Location
    cube #45, calarts
    Posts
    635
    Yeah, what Goliard said probably works better than what I've done-- which is basically drawing a line, F6, adding a little more, F6... etc etc until I have completed my drawing (and that takes quite a few keyframes!) erasing might need to take place, and in that case the animation might look a litle odd.
    Butt he effect shown here looks much smoother, like it's a single fluid line. Maybe he's got a mask that has to do with it...
    Say you've got a linedrawing. Then you create a mask of it, and with that mask you have a guide. The mask will be hiding everything, but then you could have like a rounded white dot that goes along the guide track... And you could color in every frame behind where it goes, but... in the end it's probably easiest to do what Goliard said

    Good luck!

  5. #5
    Member
    Join Date
    Aug 2006
    Location
    Suffolk, UK
    Posts
    37
    Thanks for the replies. These seem to make a lot of sense!
    I shall give them a try and see if I can create what I want.

    Cheers

  6. #6
    Senior Member
    Join Date
    Jun 2004
    Location
    UK
    Posts
    451
    Quote Originally Posted by Natsia
    Nice mini tute goliard.
    Thanks, Natsia! Go, Creative.Watson!

  7. #7
    Member
    Join Date
    Aug 2006
    Location
    Suffolk, UK
    Posts
    37
    Tried it, Done it, Works, Love it. Cheers People!

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