Tracking Forums, Newsgroups, Maling Lists
Home Scripts Tutorials Tracker Forums
 
  HOME    TRACKER    Flash




Line Animation - From A Dot To Outline Of Graphic?



i had a talk to a friend of mine as to how this would be achieved. i can't seem to achieve the answer.

basically what i want to do is this. the screen is basically empty initially in the animation, with only a dot. but as soon as the dot blinks, i want it to begin moving, and eventually outlining the shape of a human, and also outlining background details. afterwards, i would like the real photograph to fade in, behind the outlining, to create a photograph with the edges basically all outlined.

really appreciate it. i have a string of other things i'm looking at too. i have a client interested, and our flash team just left for further persuing their graphic design careers at york university.



thanks,
danny




View Complete Forum Thread with Replies

See Related Forum Messages: Follow the Links Below to View Complete Thread

Line Animation - From A Dot To Outline Of Graphic?
i had a talk to a friend of mine as to how this would be achieved. i can't seem to achieve the answer.

basically what i want to do is this. the screen is basically empty initially in the animation, with only a dot. but as soon as the dot blinks, i want it to begin moving, and eventually outlining the shape of a human, and also outlining background details. afterwards, i would like the real photograph to fade in, behind the outlining, to create a photograph with the edges basically all outlined.

really appreciate it. i have a string of other things i'm looking at too. i have a client interested, and our flash team just left for further persuing their graphic design careers at york university.



thanks,
danny

Outline Animation
I want to know how to create the effect where you have an outline of a shape (resonably complex), and you make it appear to draw itself. I dont want to use frame by frame animation or a mask layer with frame by frame animation because this wont be as smooth and its more time consuming. Is it possible to achieve this with tweens? or even actionscript?

Help On Thick Outline On Animation
hey guys, dis is my first thread i hope i can get a reply back....

this might be hard to explain but..

im trying to put a thick black outline on a symbol which has already been animated on.

for example 2 overlapping circles are moving around in many variations inside a symbol. i am lookin to take the silhoutte of the 2 shapes and put an outline for every frame....

any suggestions are more then welcome.. the closest thing i managed to come up with is creating 4 duplicate symbols of the animations and sticking them under the original animation.. nudging each one to a different direction and changing the animations to pure black. this caused a bad resault on corners of the animation.

if there is a way to smooth edges on a symbol then that might fix my previous method..

hope somebody has an answer and thank you very much.. awsome forum

Drawing Outline Animation
i was wondering if anyone could please help me and tell me the best way to do the effect where it appears white lines are tracign the outline then the picturre fades in example

Outline Drawing And Animation
I wish to animate the drawing of an objects shape and then fade the object in once the drawing has been completed.

If some one knows how or what is the best way to do this then I would be very grateful.

MP

Animation Of The Outline Of A Walking Person.
You know those iPod-commercials where you just see the outline of a person moving around?
I want to do something like that myself, in flash. With a person walking in a direction and then stopping up, and the 'camera' zooms in on the head. Or you know, whatever.

Does anyone have any examples of this, or something similar being done in flash?
Or does anyone have any good tutorials for doing something like this?


Thank you in advance.

How To Create The Animation Of Running Outline
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!

Dynamic Line (Hidden Behind Graphic Elements)
Hi,

I have a MC that is moving randomly and another MC that follows it with gravity, friction attributes etc (a bit like a mouse toy) - I have a dynamic line that connects the two but it is hidden behind the other graphic elements on the stage.

I know it is working as I've attached one end of the dynamic line to the cursor x & y and you can see it when you move the cursor beyond the limits of the stage/graphics.

Does anyone know how to sort this?

TIA.

Graphic/button In Multi Line Text Box
hi

Is it possible to put a graphic/button in a multi line text box so it appears where it is placed within the scrollable text box?

thanks

Mak

Animation And Graphic
can i get a detail explanation on how to do a simple animation and graphic in flash
thnx

Graphic Animation In Flash 5
I have made a castle on frame 1 of layer 1. On frame 1 of layer 2 I have made the door for the castle. On frame 7 I have copied the frame1 by pressing F5. On frame 12, I have drawn the door horizontally. After, that I highlighted all the frames on layer 2 and used shape tweening. The purpose, was to animate the castle door, so that it would appear to open. However, the animation is not working properly. By the way, I also copied frame1 on layer1 on to the frame 12 of that layer. Can somebody guide me? Thanking in advance.

How To Stop A Graphic Animation
how to stop a object which is been animated in the graphic symbol?

Help With Graphic Animation Issue
In Flash MX 2004
I am having a problem animating some text which I converted to bitmap. When the animation is running the edges are really fuzzy. Why does this happen and how can I avoid this issue?

Thanks

Text Graphic Animation Bog Down
i have a pretty large text graphic with a lot of links within them. i have that text graphic fading in when that page opens up and i've done that with a simple motion tween and just key framing the alpha from 0% to 100% over 20 frames. When i test the movie and it gets to the part where the text is going to fade in, it slows down considerably until that animation of the text is done and then everything else seems to run at normal speed. (i have other animation on the page). is the best way to deal with is to break up the text or is there something else i can do?

New To Flash - Trying To Apply This Animation To A Graphic
I bought a web template last week and I am trying to figure out how they created the animation! The link is below.
http://inquery.biz/beta/flash/header.swf
I want to be able to create that same animation to the graphic below. I have the source flash file if need be. I am new to flash so any help or pointers would be great! Thank you.
http://inquery.biz/beta/flash/default.swf

Very Basic Graphic/animation Request
I use flash a lot but this is the first time really that I have been asked to do a bit of graphical work, and I cant do it.

All I need is a graphical wall, either brick or castle stone which is just static, and the other thing is blood.

No its ok, im not looking for any, I need to animate some blood flowing down the screen at the end of a animated horror scene.

LOL! give me code anyday.

The blood is sort of slowly flowing down the page to end up as a red screen, can anybody help?

cheers

Lee

Graphic Based Animation Sequence Using Insane Amounts Of Ram?
I am trying to imitate 3d rotation of a piece of equipment in flash CS3. Currently we are creating the 3d models in 3d Max and exporting animation sequences in the form of 120 PNG files per complete rotation of each piece of equipment. The total size of the graphics for one sequence is currently around 8mb or smaller. Each graphic gets put on its own frame in a movieclip and then that clip is played when the user presses the control to rotate that piece of equipment. When the sequence is played flash is using an insane amount of ram though. When the application is launched it uses less then 20mb of ram. After one single animation sequence 8mb in graphic size is played the ram usage balloons to 200-250mb. I don’t understand why displaying a sequence of graphics totaling 8mb in size is using 200+mb of ram. The problem is greatly compounded with the fact that we need multiple pieces of equipment with multiple animation sequences depending on the state of the equipment at the time the rotation is requested. This is the demo/test piece for multiple large training simulations that might contain 200mb worth of graphics so if 10mb is turning into 250mb ram usage we have serious problems…

Is there a problem with CS3 using more ram then it should or are we just doing something wrong? I can’t believe flash needs 250mb of ram just to display a sequence of graphics totaling less then 10mb.

Graphic Card For Smooth Animation In Flash & Director
Can anyone suggest or recommend a graphic card which enhances and can cope with Macromedia Flash or Director movies of sizes up to 1280 x 1024 resolution and with frame rates up to 70fps+. I have tried a G-Force 5200 256MB with Direct 9X. Does not seem to make a huge difference. My machine has a P4 3.0Ghz , 512MB.

I am not too fimilar with the different types of cards, what ive read is most seem to be directed at gaming application. Can anyone shed some light on this one?


Line Animation
I am still trying to figure this out. I am trying to creat a Flash Intro for a construction company. The intro is going to be of a house in Line Art. I want to animation to draw the house (much like a pen writing on paper). Can anyone help. I know of one tutorial in FK, but it doesn't work for what I was going to do. Anyone that can help please respond. The more the better.

Line Animation?
I'd like to know what Eric Jordan of http://www.2advanced.com/flashindex.htm did to make the lines of the tables appear one by one, glean, and then to dull out.

How did he do it?

Sidenote: If this topic has been posted up before, I'm sorry. I tried searching under line animation and 2advanced.com to find it, but nothing came up.

Thanks for your help.

Line Animation
does anyone know a good script for random line movement?
lines should move from left to right and from right to left, including random postion of begining and random alpha.
the effect is really old, i have seen it so often, but i can´t find a script.

Line Animation
Does anyone have a sample of a line animation that shows a line being drawn from point A to point B. There a quite a few verbal explainations, but no visual samples. If you have one, there are quite a few of us that would appriciate one.

Thanks for any help.

Line Animation
I am a newbie to flash. I am trying to make an Indiana Jones-like animated line over a map. I am using the tween function and whenever there is a turn in the road i build a new line. I am having two problems.

1. About halfway through my sequence the different segments start moving all around the screen.

2. When i export my sequence as a Quicktime, none of my animations show up, only my map layer.

Please help me flash gurus!

-Grommit

Line Animation
hello, i have this portion of code:

Code:
var my_line:Sprite=new Sprite();
my_line.graphics.lineStyle(0, 0x000000);
this.addChild(my_line);
my_line.graphics.moveTo(0,0);
my_line.graphics.lineTo(35, 40);
my_line.graphics.lineTo(60, 60);
my_line.graphics.lineTo(180, 100);
my_line.graphics.lineTo(60, 160);
that as you see as 4 lineTo method, waht i would like to achieve is an effect as the line are actually being written(in real time), what is the way to achieve this, do i need to make a timer for each lineTo method or is there something more practical?

Line Animation
can any one help me. im am tryin to create an animation where it looks like a line is being drawn, i can do a steaight line but having difficulty with it curving. anyone know how i can do this??

this website is the kind of effect im tryin to achieve http://www.glorbox.com/site2.html

would be very greatful for the help.....

Line Animation
to any expert out there, plz help, i wanted to know how to make an animation of a dot forming a line. any idea? plmk. thanks lot! jinro

Line Animation Using MC
Hi

I'm making a crack animation in a surface, using MC to lengthen a line. But the line gets bigger the longer I go.

I can remember a line animation tool in flash, with points you allocated to control the line.

Anyone know it?

Extending Line Animation
I was wanting to a line that is drawn along where my menu will appear, like appears at the bottom of the page @ http://www.ckc-clan.co.uk/xl/
Please take a look and let me know if you can help, in flash or maybe another prog
thx
lev

Simple Line Animation
hello i wanna do i simple line animation starts off small then streches the length of my project window sort of like drawing a straight line with a pencil. my begining and endframes are graphic symbols when i tween it doesnt work any help would be appreciated

Line Animation Under Jpeg
Small problem. On stage I load a jpg in a empty movieclip. The movieclip has a mask. I have an animation (a square that get wider and wider until it is the size of the jpg + 2 pixels)

When I test, the animation opens under the jpg, so you can only see the sides! I thought it might be the depht so I've set it with swapdepths. The animation is on top but still "hides" under the jpg.

What can be the problem ??

Diagonal Line Animation
I'm currently looking to create a diagonal line animation within Flash MX.

I've thrown together a really quick example (attached) using a JPEG with motion tween, but I'm really interested in creating this effect within Flash instead of having to import an existing image. Is this possible?

Many thanks,
Ricoz.

Help: Line Animation Effect
I'm looking for this kind animation found at:
http://www.luckyvoice.co.uk/
Lines go self-drawing until an outline image is completely formed.
Does anyone know if it's an effect or was just made step by step?
I'm working with Flash MX.
Thanks a lot!

Tracing Line Animation
Hello,
this is my first post here, so please be kind to me
What I am trying to do is to have this line being revealed as the mask is moving along to it. Like that after the mask has revealed an area it stays revealed. so that in the end the line will have grown.

I have been looking and looking a lot but can't find how to do this. Could it also be that there is a simple trace function that could help me to simply have a line being traced as an object is moving on the screen? like for these scripts that let you draw dynamically. except that what draws the line here is simply an object in the flash file?

I bet this can be very easily done.

Thanks in advance for your help !

How To Do A Simple Line Animation?
Hey guys,

New to flash and I was wondering if anyone here knows how to animate a line drawing -to make it look like i put a pen on a sheet of paper and started to draw...!

I'm sure it may have been discussed here but I don't know what you would call this type of animation.

Thanks for any help!

Zupr.

Animation Line Drawing
I have a drawing that looks like an outline.

I have drawn it in illustrator and imported it as a PNG and have used mask to make it looks as if it being drawn in front of the viewers face.

masks are tedious as is motion tweening.

Has anyone had expeience with this and have done it a different way?

I am trying to learn advanced animation to supe up my sites

ie. http://www.petermatra.com

Problems With Line Animation
hi

i am trying to animate a letter, below is an example of what i wish to do, http://www.actionscripts.co.uk/tutor...b/flower_tute/. not sure how the drawing is possible.


ps
im not very good with flash

Line Animation Using Actionscript
hey all, I have what seems like a rather easy effect to acheive here, but I'm having troubles with it.

Basically, I want a line to scale from the left side of my movie to the right. When I use "this.line._width = 20", it scales on both sides. I want it to only scale to the right. Is there a way to do this with actionscript? I'm going to make the line scale at a variable rate in the future, so it starts out scaling fast, then slows down as it reaches its destination. If anyone has any suggestions, I'd appreciate it.

Gene

Line Animation Question...
How do you achieve this animation in the loading screen of 2advanced where all those lines animate?

How To Do A Simple Line Animation?
Hey guys,

New to flash and I was wondering if anyone here knows how to animate a line drawing -to make it look like i put a pen on a sheet of paper and started to draw...!

I'm sure it may have been discussed here but I don't know what you would call this type of animation.

Thanks for any help!

Zupr.

Complex Line Animation
greetings all,

my problem is this: I want to animate a line like it was being written on the computer screen with pen and ink. I have the final image that I want to produce, I just don't know how to make an animation form it.

what I've tried so far is creating a mask tween to slowly expose parts of the final image until it's all shown, but this process is pretty ugly to me. I've also tried shape tweening it, but all I can get out of this method is a bad morphing effect. the final image is complex, and I imported it from illustrator, so creating it totally in flash is pretty much out of the question.

anyone know a tutorial on this kind of thing? or can anyone at least point me in the right direction? thanks.

Animation Line Drawing
I have a drawing that looks like an outline.

I have drawn it in illustrator and imported it as a PNG and have used mask to make it looks as if it being drawn in front of the viewers face.

masks are tedious as is motion tweening.

Has anyone had expeience with this and have done it a different way?

I am trying to learn advanced animation to supe up my sites

ie. http://www.petermatra.com

Line/Tracing And Animation
Hello there,

I have been wondering about one effect. We can see this effect very often in PowerPoint, where a line or a connector line is being drawn from start to finish. I know that we can do that using masks in Flash but is there anyother way so it would appear more realistic when using curves or complex drawings using lines. For example if I want to trace an object, like a car and woud like to animate that trace so that the audience would have the feeling that the line by itselt is drawing a car from start to finish. How can I do this effect in Flash MX. Is there a third party software that can help me do that?

If I want to first show that a line is drawing a car and before the line (trace) finishes tracing/drawing the car the image of the car fades in. What is the best way to do this?

I hope I made myself clear enough.

Thanks anyway,

Greeting from Brazil,
Fabio Mattos

Scripted Line Animation
Hey fellow shockers.

I'm in need of a scripted line animation. I got a horizontal line which is supposed to vibrate like a guitar string for example. but not at a high frequency. much slower like a guitar string filmed in slow motion.
the tremble should happen when the cursor is moved over the line from top to bottom or vice versa. anyone got a clue where to find that effect (i've seen it somewhere, but don't remember wher that was). or how to do something like this myself.

Random Line Animation
Hello, i'm trying to make a line randomly move to a different point. (curveTo).

Now the first time the line moves it goes smoothly, but after that it doesn't go like i want it.

This is the as i currently have, i hope somebody can help me out
Code:

var controlX:Number;
var controlY:Number;
var currentX:Number;
var currentY:Number;

var firstMove:Boolean = false;

var amount:Number = 10;

stage.addEventListener(Event.ENTER_FRAME, randomLine);

function randomLine(e:Event):void {
   if (firstMove == false) {
      controlX = Math.round(Math.random() * stage.stageWidth);
      controlY = Math.round(Math.random() * stage.stageHeight);

      currentX = Math.round(Math.random() * stage.stageWidth);
      currentY = Math.round(Math.random() * stage.stageHeight);
      firstMove = true;
   }
   
   if (currentX > controlX) {
      currentX -= amount;
      controlX = Math.random() * stage.stageWidth;
   } else if (currentX < controlX) {
      currentX += amount;
   }
   if (currentY > controlY) {
      currentY -= amount;
      controlY = Math.random() * stage.stageHeight;
   } else if (currentY < controlY) {
      currentY += amount;
   }
   
   graphics.clear();
   graphics.lineStyle(1);
   graphics.moveTo(0, stage.stageHeight / 2);
   graphics.curveTo(currentX, currentY, stage.stageWidth, stage.stageHeight / 2);
}

Animation Of A Vector Line Being Drawn
Does anyone know of an efficient way to have flash "draw" a vector, like in the animated gif attached? Perhaps with actionscript?

Thanks,

jencarnac@yahoo.com

Loading.Animation.Line Art.Help.FlashMX
Basically, I want to make a similar type of loading sequence that can be found in the beginnin of any of the "view" links at
http://www.brendandawes.com/headshop/

I want to create a loading sequence where a vector piece of line art appears to "draw" itself out. Does anyone have a .fla or actionscript of this. How does this animation work??? Flash MX only.

Changing Line Animation Direction
Can "tweening" make animated lines draw at right angles or does this effect have to be done with AS? Does anyone have a sample?

Thanks to all those that volunteer their time.

Line Animation Script Problem
i simply want to move a line from a to b with actionscript.i create a movie in _root and use lineTo moveTo and clear.the problem i encountered is this: the line is blinking if i use lineTo and clear and the same thing happens when i use lineTo and then lineTo with backgorund colour.so what i need is something to make the the transition smooth and cut out that crazy flickering.thanks

Continuous Moving Line Animation
http://www.la-sight.com/LS_how_near.asp

Can some one tell me how to do this animation ( the continuous moving line animation)


I have gone through the Tutorials at Kirupa for Continous movement it it didnot help me out

Thanks

Copyright © 2005-08 www.BigResource.com, All rights reserved