All classes After Effects Syllabus · Episode 26 of 104

Checking access...

Want to go deeper?

Join one of our courses or ask us directly on WhatsApp.

View the full 104-episode syllabus View After Effects Courses Ask on WhatsApp

Recommended classes for you

Picked from the software, topic, and level of “Class After Effects #26: Overshoot and Bouncing Pop-Up Animation”.

104 episodesFree preview

Adobe Audition · Beginner–Advanced

Complete Adobe Audition

104 video lessons with PDF guides, 10 h 33 min in total.

10 h 33 min 5 0

View class

105 episodesFree preview

Adobe Premiere Pro · Beginner

Complete Adobe Premiere Pro

105 video lessons with PDF guides, 6 h 22 min in total. Starts with: Getting to Know the Premiere Pro Interface: Panels, Monitors, and Timeline.

6 h 22 min 6 0

View class

104 episodesFree preview

Adobe Animate · Beginner–Advanced

Complete Adobe Animate

104 video lessons with PDF guides, 8 h 56 min in total.

8 h 56 min 5 0

View class

Need more than a video?

Other ways we can help with Adobe After Effects.

Learn with a mentor

Scheduled Video Editing courses with live guidance and a certificate.

Course

Course/Training Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 4.9 (3)

Course

Course/Training Resolume Arena — Resolume Arena Mastery: Visual Mixing and VJing

★ 5.0 (12)

Course

Adobe Premiere Pro CC 2019 Basic to Ultimate Training Course

★ 5.0 (9)

See all in Video Editing →

Have it built for you

No time to learn Adobe After Effects? Our team can do the project for you.

Service

Development Service: Bimbingan Skripsi/Tesis/Disertasi Adobe After Effects

★ 5.0 (3)

Service

Development Service: Adobe After Effects — Expressions Expert

★ 5.0 (3)

Service

Adobe Premiere Pro Creation Service — Video Editing for Internet Marketers

★ 5.0 (4)

See all in Video Editing →

Get notified about new Adobe After Effects classes

At most one email a week. Unfollow anytime with one click.

Transcript

The full narration of this video. The current sentence is highlighted while the video plays; click any sentence to jump there.

Show transcript

Introduction

This is the result we'll create, a promotional sticker that appears with a bouncy bounce, overshoots its size, slightly shrinks, then settles, over footage of baked cake. Let's get started. Hello, welcome back to the complete Adobe After Effects series from Cerdas Inovasi Digital. Overshoot is a motion that passes the target and then returns, like a spring being released. This effect makes the animation feel cheerful and lively. We create it using several keyframes and check it in the graph editor.

Step 1: Promotion Sticker

Create a composition from the cake footage in the oven. Create a large red circle in the top right, add two-line text 'fresh from the oven' inside it, then pre-compose both into a sticker. Center the anchor point of the sticker in the middle of the circle so it scales from the center.

Step 2: Basic Keyframe

At frame 0, press Alt Shift S and type Scale 0. At frame 0.3, type 120%, overshooting the final size. This is the first overshoot, the sticker grows too large.

Step 3: Bounce Back

At frame 0.5, type 95%, slightly smaller than the final size. At frame 0.7, type 100%. The sticker now bounces twice before settling, like a jelly being pressed.

Step 4: Ease All Keyframes

Select the four scale keyframes and press F9. Open the graph editor with the value graph.

Step | " all ora

The curve rises above the line, dips slightly below it, then returns to flat at 100. These smooth peaks and valleys are the characteristics of a good overshoot. To make it more lively, add rotation.

Step 5: Small Rotation as a Flavor

Minus 12 degrees at frame 0, 6 degrees at frame 0.4, and 0 at frame 0.7, then press F9. The sticker now slightly wobbles as it appears.

Step 6: Preview

Close the graph editor and play the preview. The sticker bounces up and appears bouncy exactly when the cake looks done. This overshoot keyframe pattern can be reused for icons, buttons, or logos.

Done!

Done. We've understood overshoot, created keyframes for scale that go beyond and return, added easing, read the value graph, and added a small rotation as a touch. In the next episode, we'll combine all e-asing techniques in one information card exercise. Need a promotional video, logo animation, motion graphics for social media, or visual effects for a short film. Cerdas Inovasi Digital provides motion graphics and visual effects services, as well as opens After Effects courses from beginner to advanced. Want to master the entire series, 104 episodes from the interface to the final project? All episodes, complete with PDF step-by-step guides, source footage, and project scripts, are available for premium tutorial subscribers. Subscribe starting at Rp69.000 per month, save 28% with the 12-month package, or pay once Rp999.000 for lifetime access. Want just one class? Buy a single class with lifetime access. Subscribe now on the premium page at cerdasinovasidigital.com. Contact us via WhatsApp, or visit cerdasinovasidigital.com. Thank you for watching, see you in the next episode.

Ask the class material

Type a question or keyword; we find the part of this episode that explains it and jump the video there.

My notes

Notes are saved with the current video time and are only visible to you.

Questions & answers

Stuck on a step? Ask here; the instructor and other learners can answer.

No questions yet.

Your instructor

Cerdas Inovasi Digital Team

Software developers, BIM & 3D engineers, and AI practitioners

53 video classes1,279 episodes

We build software, BIM models, games and AI automations for clients every day, and turn that hands-on work into step-by-step classes: every step is shown on screen and comes with a PDF guide you can keep.

See our clients →

Memuat

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:38Step 1: Promotion Sticker

1:10Step 2: Basic Keyframe

1:25Step 3: Bounce Back

1:41Step 4: Ease All Keyframes

1:48Step | " all ora

2:03Step 5: Small Rotation as a Flavor

2:16Step 6: Preview

2:31Done!

Ask the class material

My notes

Questions & answers

Your instructor

Recommended classes for you

Need more than a video?

Transcript

0:03Introduction

0:38Step 1: Promotion Sticker

1:10Step 2: Basic Keyframe

1:25Step 3: Bounce Back

1:41Step 4: Ease All Keyframes

1:48Step | " all ora

2:03Step 5: Small Rotation as a Flavor

2:16Step 6: Preview

2:31Done!

Ask the class material

My notes

Questions & answers

Your instructor

Introduction

Step 1: Promotion Sticker

Step 2: Basic Keyframe

Step 3: Bounce Back

Step 4: Ease All Keyframes

Step | " all ora

Step 5: Small Rotation as a Flavor

Step 6: Preview

Done!

Introduction

Step 1: Promotion Sticker

Step 2: Basic Keyframe

Step 3: Bounce Back

Step 4: Ease All Keyframes

Step | " all ora

Step 5: Small Rotation as a Flavor

Step 6: Preview

Done!