After Effects: Overshoot Logo Animation

After Effects CC 2022: Overshoot Logo Animation

This tutorial will show you how to create a ‘bouncy/smooth’ overshoot logo animation using Adobe After Effects CC 2022. The logo starts at the top and animates down past the center point, then up past the center point, and then back down to stop at the center of the composition.

Overshoot in Animation:When an abject misses or goes past the ’stopping point’ a little and then ‘bounces’ back to the stopping point. Visualize a pendulum that swings past the stopping point, but then returns back to the expected stopping point.

In this tutorial video, I use the word ‘Bouncy’ as this is how the animation of the logo movement feels to me, but technically, bounce in animation involves ’squash + stretch’ so the object looks like it is realistically bouncing off a surface as a ball would do.

Keyboard Shortcuts:Position Property: P

Bonus Tip:
Click on ‘Position’ (or any property with keyframes) under the layer name to select all keyframes on the Timeline (instead of dragging out a selection)

———————

To try or buy Adobe After Effects CC 2020:

———————

How To Create an Overshoot Logo Animation in After Effects:
1. Create a new composition at 1920 x 1080, 30 fps
2. Add a logo or object and center in the middle using Align Panel
3. Drag playhead to the 2-second mark
4. Tap ‘P’ for Position Property
5. Click the stopwatch next to Position to add a keyframe
6. Drag playhead to the beginning of the timeline
7. Click on the object in Comp
8. Press the ‘Shift Key’ and drag the logo/object up until it is no longer visible on the Composition
9. Let go of the logo with the mouse cursor to add a new keyframe
10. Press the Spacebar to preview the animation (boring at this point)
11. Drag the playhead to a 1-second mark on Timeline
12. Click in the ‘Y Value’ (up/down) and type in 750
13. Drag Playhead forward 15 frames and click in ‘Y Value’ and type in 350
14. Press Spacebar to Preview and you should have ‘Overshoot’ animation where the logo starts at the top, goes past the center, comes back up past the center, and then eventually stops at the center.

Finishing Touches:
1. Select all Position Keyframes (click on the word ‘Position’ to select all)
2. Tap F9 to ‘Easy Ease’ the keyframes for smoother animation
3. Click the ‘Motion Blur’ icon above the Layer Panel to enable Motion Blur for the entire composition
4. Tick the box under the Motion Blur icon in your logo/object layer to enable Motion Blur for the layer.
5. Press the Spacebar to preview your awesome overshoot animation

---------------------------------------------------------------

➜Screencast Software: 

---------------------------------------------------------------

➜ VISIT MY WEBSITE:

➜ SUBSCRIBE TO PODCAST

➜ SOCIAL MEDIA:

Amazon Associates Disclosure:

[nollopart]

Hi,
thanks for your lessons. I learned a lot thanks to you :)
Greetings from Poland

[I_Mackenzie]

Great video for beginners like me. Not overly complicated. I'm trying to do the same thing with a logo but instead of a soft bounce, I want it to hit the bottom with a thud. The logo has the word impact in it. Would be good to see a vid in the future like this?

[IndianaGraphics]

Can these animations be used in or with Screenflow?