How to create the animation of running outline

1

I have seen in many websites that it has an image such as a cubic box or something that looks like 3d drawing which is drawn by itself. I mean the outline of the image starts running from one corner until it finished as an image of a cubic box <auto drawing> . Is this technique created by flash? Anyone who knows this technique ,please tell me how. I would like to know very much. Thanks!

2

there are several ways to do it that i know. there may be others as well. one way is with scripting and duplicating movie clips but i won’t get into that here b/c it’s very length. the easiest way i know of is to create the 3d image in swift3d or whatever you want, import it to flash as a symbol, edit it so that it’s just outlines by tracing it or deleting the fills … whichever you choose, then create a lot of key frames. each new frame you will erase a piece of the line in the opposite order you want it to be drawn. once you have gotten to the last keyframe and deleted all the lines then select all the frames by clicking once on the layer name and right click the frame and select reverse frames. play your animation and the lines will appear to draw whatever 3d shape you just finished deleting.

simple, but fairly time consuming.

hope this helps =)

3

thanks a lot=)

4

Hi,

You can also do the same with a mask that can be tweened for smoother effect of lines been drawn.

The best way (well,in my opininion) is to actually draw the lines with action script using the lineTo() command.

Hope this helps.

Cheers

SHO

5

I like the thread of shuga. Good job - easy for newbies to get:)