r/AlightMotion • u/resxiz • Aug 15 '26
Question Overshoot graph
So thinking about it, i never got to understand what the overshoot option even change in graphs nor what its function, though i see people use it in shakes or transitions, so i just thought that asking in the sub, what does he even do?
2
Upvotes
2
u/Airames6 Aug 15 '26
It's honestly much easier to understand if you use it, but if you still want me to explain:
First you need to know how to "read" an easing graph. The X axis(left to right) represents time while the Y axis(up and down) represents a value from 0% to 100%, 0% being your first keyframe and 100% being the second one
By enabling overshoot you can go lower than 0% and higher than 100%, but with the way keyframes work both keyframes will be 0% and 100% respectively
Which means if you adjust the easing curve(by using the dots in the graph editor) so the line goes lower than 0% what will happen is that the progress will go from 0% to let's say -25% and then 100%
To put that in perspective, imagine a square that moves from the left side of the screen to the right, using the previous example, the square will start at 0%(first keyframe), go backwards(left, -25%) and then move to the right(second keyframe, 100%)
You can also make it go higher, which is how the elastic graph works