RSS link icon

Heartbeat graph animation with flash 

 

In this Flash animation tutorial you will see how to use a layers mask to make a heartbeat graph effect in just a few easy steps.

 

 

First start by drawing a straight line across the stage as shown below.

 

flash heartbeat tutorial

 

Now hold down alt and click and drag some places on the line, both up and down to create new break points and make a wave like line, like the one below.

 

flash heartbeat tutorial

 

In the layers panel make a new layer above the other layer with the heartbeat, in this layer create a bit black box out side of the stage to the left as shown below.

Then right click and convert it to a movie clip.

 

flash heartbeat tutorial

 

flash heartbeat tutorial

 

Go up to the timeline control and make a new key frame at frame 20 for both layers, as shown below.

 

flash heartbeat tutorial

 

Select the top layer at frame 20 and now drag the big black box across the stage to the other side, then in the timeline right click between frame 1 and 20 and choose motion tween.

 

Now your box should animate from left to right.

 

The last thing we need to do is to add a mask to the top layer, so go back to the layers panel and right click on the top layer and choose mask.

 

Test your movie and you should have a heartbeat animation.

 

 


Admin Bob says: Monday, September 22, 2008

Are you sure you selected the top layer, and choose to mask that over the layer below it


Jax says: Sunday, September 21, 2008

All I see I a black box going across the screen even with the mask on.


Admin Bob says: Tuesday, August 05, 2008

Hi JK, no im not sure what the problem can be, but try sending me the flash file and I will see what I can do. support@0tutor.com


JK says: Tuesday, August 05, 2008

Great tutorial. IChr(34)ve tried using it in another project underneath an animated logo and it looks fine in Flash, but when I publish and view the file I canChr(34)t see the heartbeat layer anymore. Any ideas why this might be


Asia Agragamee says: Wednesday, July 23, 2008

it is very good project.Give me lots more

   


 

 

 

 2

 
 
   Web Premium
 
 

All rights reserved, Copyright 2008. Contact