How To Create a Beating Heart Animation in After Effects (Full Process)

Hi there! Today, using simple transform tools and a Bulge effect, I will show you how to create an animated “heartbeat” effect in Adobe After Effects. It’s a quite straightforward process, you only need to figure out the proper keyframe timing and beat frequency.

Here’s the structure of this tutorial:
0:00 - Final Result
0:08 - Creating the Heart shape
1:20 - Creating the Main Composition
1:56 - Creating another precomp to rotate the heart
2:26 - Adjusting the size (comp) and position (heart)
3:55 - Animating the heart (scale)
7:08 - Adding the Bulge effect
9:04 - Adjusting
9:50 - Easing the movements
10:00 - Copying the animation to create a loop
12:35 - Adding a background
13:29 - Applying drop shadow to add depth
14:35 - Applying a gradient to the heart
15:45 - Previewing
15:55 - Final Result
16:07 - SUBSCRIBE

How To Create a Beating Heart Animation in After Effects (Full Process)

Enjoyed this walkthrough?
LEAVE A LIKE!

Any questions of suggestions?
LEAVE A COMMENT!

Want to see more?
SUBSCRIBE!

———————————————

© 2020 Mavi Design

[mavidesign]

Today, a beating heart animation 💗
Have a great day!
Mavi

Psst- don’t forget to subscribe 😉

[kyte_tv]

This is an amazing tutorial, thank you so much! I'm trying to get into After Effects, and it was super encouraging to follow along with this video to make something simple that looks so good! I can't wait to impress my friends by showing them the heart I made! Please keep making more videos!

[tts]

I did this for my church streamings, thanks you

[nhacuathuan]

Your tutorial helped me a lot in my assignment. Thanks bro 😎

[emiliedavid]

Thanks so much!! I love this tutorial and as beginner it was easy for me to follow it! I'm so glad! Thanks again :)))

[myx]

Who the fuck downvotes tutorials like this? Thanks, dude. This was helpful.

[ronnystefanus]

alt click to your scale time vary-stop watch, and insert this code, than animate scale as usual, and let magic happen

// Inertial Bounce (moves settle into place after bouncing around a little)
n = 0;
if (numKeys > 0){
n = nearestKey(time).index;
if (key(n).time > time){
n--;
}
}
if (n == 0){
t = 0;
}else{
t = time - key(n).time;
}
if (n > 0){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
amp = .05;
freq = 2.0;
decay = 3.0;
value +
}else{
value;
}

[commanderroot]

Hi I am very new to After Effects and I was wondering how you got the show layer 3 and 4 in 0:55.

[taydd]

how did you get the transparent gradient? i dont have that option?

[baybulatov]

It would be great if we can download the file)