Graph Editor ➡ Perfect Ball Bounce | Animation in After Effects
Learn how to create a ball bounce using the graph editor. Are you team Speed Graph or team Value Graph?
This series of five videos gives you an Introduction to Animation in After Effects, taught by Michael Jones. Mograph Mentor recently joined the School of Motion family, which means more content for us to share with you!
In the next video we'll go into more depth with shape layers and parenting in After Effects.
🚀 After Effects Kickstart
www.schoolofmotion.com/course...
00:00:16 1.3 Animating in After Effects Introduction
00:02:02 Position Property
00:03:40 The Graph Editor
00:07:36 Beginning the Bounce Animation
00:09:56 Bezier Handles
00:12:05 Timing vs Spacing
00:16:08 Adding Movement on the X Axis
00:18:40 1.4 Smashing Into Animation
00:22:24 Absorbing the Impact
00:25:08 Masking the Ball
00:26:59 1.5 Easing Around Animation
00:28:07 Adding More Elements
00:32:44 Offsetting the Layers
00:33:39 Removing the Pauses
00:35:01 Adding Motion Trails
Пікірлер: 23
Glad to see the acquisition of Mograph Mentor. It clearly wasn't enough of a competitor, but this way the talent was able to be absorbed.
If you just double click the Shapelayer (with the perferred type of shape selected), the shape will be created and placed in the dead center of the comp.
Thank you for contributing to the motion design community. Good luck to you!
Thank you so so much for this tutorial. it was super interesting, and useful. And the most important - clear and simple. 🌷
All KZread channels seem to use this same bouncing ball example, and although it explains the most simple basic graph function, very few people are using bouncing balls in their projects. Even novices like myself are trying to achieve smooth motion with the movement of character limbs with multiple joints, or trying to achieve believable movement with rotation of puppet pins (ie: a horse nodding its head, a knight lifting his sword while moving his head so that the movements synchronize), etc. But when I do a search for 'mastering' the graph editor in After Effects, I only find examples of this ultra-basic bouncing ball example, dating back to pre-internet animation manuals. I think most people understand the basic concept of easy-ease, ease in, ease out ... those key frames are already easily automated with the keyframe assistant. When people delve into the graph editor, they want to take full control of subtle intricate movements which go far beyond the bouncing ball example. :-)
@masonthompson3284
Жыл бұрын
While I can see the kind of rite of passage the bouncing ball is for brand new animators, I completely agree with you! I never actually did the bouncing ball when I started; what was much more invaluable to me was studying and trying to remake the timings from (insert Cool Studio X here). The carryover also of the transitions/match cuts, proper anticipation et. al. was also more useful for me at least! Jake In Motion's recent videos give great technical starts to it though I've found.
@Kagemusha247
9 ай бұрын
Are you talking about rigged character animations inside after effects?
This is so helpful!
Thanks a lots!
This is amazing...
Super!
Thanks.
He doesn't miss.
Thanks for this really helpful information, you're a great teacher. The only thing I wasn't clear on was when you had the ball impact on the line on the right. When you parented the line to the ball, why didn't the line just go off screen to the right when the ball moved towards it?
@polkablues
Жыл бұрын
It was a little confusing because the layers weren't labeled, but he actually parented the ball to the line, not the other way around.
I'm having a little trouble @34:22 when I do that, it messes up all of my Bezier curve and the animation looks funky and jittery at some areas. Why can't I move these yellow points without making so much change to the curve? Also, thank you very much for this tutorial.
Which mouse Are you using? is it Magic trackpad or Mouse?
I have a question. When I "scale" the position keyframes with the selection box, the Y position values change when the ball lands. I have to move each keyframe to the left so that it maintains its original landing position. Why is this happening?
How can I make an object bounce against something, such as a ball that travels from the left to the right side of the screen and bounce against the right side but that the loss of speed is gradual throughout the path, that is, non-linear?. I mean that the ball gradually loses movement energy both on the way out and on the way back after bouncing but without acceleration in any part of the path.
When I move my shapes it goes to a point and does not have a curve like his. any ideas? at 30:50 **edit, change interpolation to continuous bezier and that worked out. Maybe theres another work around, but this worked for me. Hope this helps someone too!
@zmaul187
6 ай бұрын
it helped me ty!
OVERSHOOT amp = 0.2; // amplitude freq = 4.0; // frequency decay = 2.0; // decay 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); value + v * amp * Math.sin(freq * t * 2 * Math.PI) / Math.exp(decay * t); } else { value; } BOUNCE BACK e = 0.7; // elasticity g = 4000; // gravity nMax = 14; // max bounce n = 0; if (numKeys > 0){ n = nearestKey(time).index; if (key(n).time > time) n--; } if (n > 0){ t = time - key(n).time; v = -velocityAtTime(key(n).time - .001)*e; vl = length(v); if (value instanceof Array){ vu = (vl > 0) ? normalize(v) : [0,0,0]; }else{ vu = (v } tCur = 0; segDur = 2*vl/g; tNext = segDur; nb = 1; // number of bounces while (tNext < t && nb
@visualsbyorion
Жыл бұрын
🤝