Things you need:
Now you’re asking. For what should I use a cardiogram??
Let’s see.. maybe to show it on a small screen in your movie, as background animation, just as an add-on.. there are many ways to use it. Free your Mind!
Let’s get to work
Step 1:
Create the waveline in Photoshop or Illustrator, here you can see my picture as a reference. Use it for your project or create your own. I personally recommend you to create your own, there is a bigger learneffect if you do so.

Step 2:
Create a new composition in AE with a size of 320×240 and a length of 2 seconds.
We will now import the waveline we’ve done in photoshop in after effects, to do so just do a rightclick in your project window and choose Import -> File.

moving on, Turn off the eyeball Icon so that the layer becomes invisible, the eyeball icon is located on the left side of the timeline beneath the layer.
Now create a new Solid with a black background and apply the Vegas effect (it can be found under: Effect – Render)
Now we will gone set some parameters, you can either use my settings or try on your own.

As you see I’ve chosen as Input layer the image we created before and I’ve inverted the input. otherwise the line would flow in the wrong direction
Please notice that I’ve also animated the rotation parameter. If you scrub around you will see what it does ![]()
Just create a keyframe at the beginning and one at the end to animate the rotation.
Step 3:
As an eyecandy we will put some glow to the flowing line, here my settings

What do you think? Does it look nice?
Step 4:
To make it a little bit more realistic we’ll put a grid as a background.
There are 2 way to make it.
1. Create a grid in Photoshop, import into AE and put it between the Black Solid and your picture, and apply a HardLight trasnfer mode to the Black Solid layer.
2. Create a White Solid and apply the FE Griddler Plugin from FinalEffects with these settings.

NOTE: In the meantime with version 7 there already grid plugins available without having to buy an expensive Plugin package
Place that new solid between the black solid and your Picture and apply the HardLight mode to the Black Solid Layer.

We’re done with it, apply some cool soundeffect to it or add some other nifty stuff..
As always please play around with your settings. There are many more possibilities to increase this effect.
Have fun with those Cardios, and watch out for the Heartattack
Tiago




Hey Tiago!
Great work dude I really love it! I am a very beginner with After Effects, although I am modestly more advanced with flash. I tried to reproduce you cardiogram but mine is not animating , would you please help me out i really followed your instruction, could it be some of my settings?!? Have a great Xmas!
Thanx for your time and devotion for sharing your tutorial, can’t wait to get it right
Lordnord
Thank you for sharing this tutorial, just what I needed to add some content to my chirurgical background
Simple and effective.
Happy I could help
Hi there
Excellent tutorial since your the only one who has been able to post it
. I too like Mr Nord cannot animate it nor add keyframes. Any help would be very much appreciated.
Thanks
Mav, thanks for the appreciation
Have a look at the end of step 2
Thanks for the reply. This may be a stupid question but which layer to you add the keyframe to? The solid or the image? I have tried both but doesn’t want to animate. Could it be something I have not done. Is there A particular way to render the movie?
Thanks again for your time.
you just need to create one keyframe at frame 0 from the rotation parameter and then scrub all the way to the end of your layer and create a new keyframe by rotating the parameter until it reaches 360° eg. 1×0.0 (one full rotation)
That needs to be done on the layer where you applied the effect to, in thi case the imported layer.
a great post keep good working