Monday , May 29 2023

Easily Create Heart Rate Monitor in Adobe After Effects

SUBSCRIBE! It’s free and I will continue to give out free downloads!

In this tutorial, you will learn to create a simple Heart Rate monitor animation in Adobe After Effects.

Step 1: First of all open Adobe After effects then create a new composition. Rename it to the Background. Set the resolution to 1920×1080 Pixels, the frame rate to 30 Frames per second, and set the duration to 10 seconds.

Step 2: Go to the toolbar, and Select the rectangle tool. Set the Fill color to solid white color. Then double-click on the rectangle tool, and rename it to Grid Small or whatever name you like. Go to Effects & Presets and search the effect Grid. Drag and drop to the shape layer and change the Size from corner point to Width & Height Sliders. Change the width & Height value to 25 and the border value to 3, and change the color to Green.

Step 2: Select the shape layer and make it duplicate by pressing the Control+D key on the keyboard. Rename it to Grid large. Change the width & Height value to 200, and change the border value to 5. Then change the color to white.

Step 3: Go to the Layer Menu > New > Select the Solid with the same green color. Drag and drop just below the shape layers. Select the rectangle tool, and change the color to black. Double-click the rectangle tool to create a shape.
rename it to vignette.

Step 4: Go to the toolbar and Select the Ellipse tool. Then click this little icon which is Tool Create Mask and create a mask. Click the Inverted check box and Press F to open Mask Feather and change the Feather amount to 300.
Select the Grid small, and grid large shape layers and Press T to open opacity and decrease the opacity to 50%.

Our Background composition is ready.

Step 5: Go to the File > Import the Heart rate image. Yes, we are going to trace this shape with the Pen tool.
By the way, you can download the shape image. I will add a download link.

Step 6: Create a new composition and rename it to Main Composition. Drag the background composition to the Main composition. Then drag the Heart rate shape image and lock the image layer. Select the Pen tool from the toolbar then change the fill color to None and change the stroke value to 12 Pixels and the stroke color to red.

Step 7: Zoom in the screen and start tracing the shape. After tracing the image, delete the heart rate image. We don’t need it. Select the Shape layer and change the stroke value to 10 Pixels and change the stroke color to white then Rename the shape layer to heart rate.

Step 8: Click the little add button and choose Trim paths. Under the Trim Paths > Add a keyframe on End value and decrease the End value to 0%. Go about 3 seconds forward, and change the End value to 100%.

Step 9: Go to file > New > Select the solid. Right-click on the solid layer, Go to the layer style, and Select Gradient Overlay. Go to the gradient option and change the angle to 180 degrees. Select the gradient layer and Press the P key on the keyboard to open Position.

Step 10: Make sure you are at the first frame and select the Move tool. Then drag the Gradient to the Left side and add a keyframe. Go to about 4 seconds on a timeline, then drag it to the right side of the screen. Click the toggle switches, and Modes button then Select the Heart rate layer. Go to Track matte and select Luma Matte.

Step 11: Select both layers and make them duplicate. Then drag both layers for about 4 Seconds and select the layers. Right-click on it and choose pre-compose. Go to Effects & Presets and search the Effect Glow, Drag, and drop to the Screen. Change the glow radius value to 30 and change the heart rate color from white to light green.

Step 12: Now, unlock the background layer then Select both layers and enable the 3D option.

Step 13: Go to the Layer > New > Select the Camera. Go to the camera options, Hold the alt key on the keyboard and Click the little stopwatch icon to add an expression. Then type Wiggle (2,22)

We are done! Our Heart Rate Monitor Animation is ready.

Here you can download the free project file (File Size: 116 KB)

Password: rizatGraphics331

Check Also

Colorful fire in After effects

Create Colorful Fire in Adobe After Effects

It’s free and I will continue to give out free downloads! If you want to …