On this After Results animation tutorial, we’ll take a look at the way to animate inertial bounce expressions in Adobe After Results by utilizing an instance challenge.
In our instance, we have now some leaf parts damaged out into particular person parts, which makes it simpler for us to animate them in a enjoyable and attention-grabbing manner. We’ll add a really delicate rotation to make them look as in the event that they’re blowing within the wind.
Earlier than we try this, although, let’s end the structure. We’ll duplicate these leaves and substitute the opposite flat leaf parts within the picture.
To do that, we have to ensure that our leaves are ready correctly to keep away from duplicating any errors. For instance, we would like the anchor level of our leaves within the appropriate place, prepared for animation and rotation.
Create a brand new Null Object by going to Layer > New > Null Object or by utilizing the keyboard shortcut Management-Alt-Shift-Y.
Transfer the null object to the nook the place the leaves are within the prime left.
If you do not have snapping enabled, you possibly can allow it by selecting the Choice Device and clicking on the checkbox within the prime menu bar. You can too quickly allow it or reverse the enabling by holding down the Management button on the keyboard.
So whether it is enabled, if you maintain Management, it should disable. And if it is not enabled, if you maintain Management, it should allow.
Rename the Null layer “Leaf_Cont_1”, after which from right here we wish to take into consideration how we wish to animate this earlier than duplicating it. If we animate the whole lot first earlier than duplicating, it will save us from needing to repeat the animations additional down the road.
So let’s choose one of many leaf layers and hit S on the keyboard to carry up the Scale properties.
Transfer down round 10 frames within the timeline by hitting Shift-Web page Down on the keyboard, after which create a Scale keyframe in that place. This would be the finish scale for this explicit leaf aspect.
Now we’ll return to the start of the timeline and set the Scale right down to 0.
So over the primary ten frames, this explicit leaf aspect will develop from 0 to its authentic dimension. Now what we’ll do is improve that with one thing known as Inertial bounce. That is often known as overshoot, and it is a fantastic approach that may make this animation look extra life like.
First, let’s copy the expression under. You can too discover this expression below Inertial bounce version 1.2.
amp = .1;
freq = 2.0;
decay = 2.0;
n = 0;
time_max = 4;
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 && t < time_max){
v = velocityAtTime(key(n).time - thisComp.frameDuration/10);
worth + v*amp*Math.sin(freq*t*2*Math.PI)/Math.exp(decay*t);
}else{worth}
Alt-click on the Scale stopwatch and paste an expression as proven under.
Once you preview the animation, it should seem rather more dynamic. So it is doing an overshoot calculation.
If I’m going into the graph editor and activate the Publish Expression Graph, you possibly can see it’s displaying you what the expression is doing by way of the graph. We get this sinusoidal wave with a decay within the amplitude.
The animation can have a really pure look to it as a result of that is how a number of issues transfer in the actual world, which may be very cool.
What in case you do not like the precise motion that we’re getting right here? Properly, we will modify a few of these parameters within the expression and alter issues just like the Frequency. For instance, let’s change the worth to 1.5 as a result of I feel 2 is just a bit an excessive amount of.
If the overshoot animation or expression is lasting too lengthy, we will flip up the decay, and this may trigger it to decay quicker. It’s going to trigger that Publish Expression to cease extra rapidly. So let’s simply flip this as much as 5 or 6, which can make the animation quicker.
And if we take a look at the graph editor, it should mirror that. So we simply get just a little little bit of overshoot, we get just a little little bit of bounce again, after which it settles in a short time in comparison with earlier than.
Relatively than tweak the animations for each single leaf, we’ll use the leaf controller layer that we created earlier. Let’s add some slider controls to the leaf controller layer. So with the leaf controller chosen, go to the Results and Presets panel and sort in “Slider Management”. Apply this to the Layer Management by double-clicking on it.
Rename the slider “Freq” for frequency.
Duplicate it by urgent Management-D and name it “Decay”.
Within the expression, choose 1.5, after which seize the Choose Whip and Choose Whip it as much as the Frequency Slider by clicking and dragging with the mouse.
Now we wish to repeat the identical course of for the decay. Choose that decay worth (which is 5 on this instance) and use the Choose Whip to Choose Whip as much as the Decay Slider.
Now set the values for each the Freq and Decay sliders. For instance, we’ll set the Freq to 1.5 and the Decay to 5 once more.
That manner, if we wish to globally change that, we do not have to run again by all of those expressions. Do not forget that once we duplicate all 5 of those leaves, that is going to be 20 completely different layers we’ll need to undergo. So that is going to be quite a bit faster.
From right here, let’s open up the remainder of our leaf layers and create an ending keyframe for Scale. This must be across the identical time place because the one we created earlier.
Return to the start and set all of them to zero once more.
Then, on the leaf layer containing the expression, we’re going to right-click and choose Copy Expression Solely.
And now, if we simply choose these keyframes and paste the expression (Management-V), it should paste the expression to the Scale properties.
Now, all the leaves ought to develop and try this very good overshoot animation.
If you wish to get just a little bit extra life out of this animation, we will change the space between the keyframes. So if we shorten this, we’ll get a faster animation with a extra drastic overshoot bounce.
However we will additionally clean out the start by simply deciding on the start keyframes and hitting F9 on the keyboard to simple ease them.
However having all of them come out on the identical time would not actually look too scorching. So what I’d most likely do is offset these by possibly a body or two, in order that they arrive out in a staggered manner. It will make the animation appear extra pure and random.
This Inertial bounce expression can be utilized in a bunch of enjoyable and alternative ways. You should utilize it on scale, rotation, place, and a bunch of different properties to provide you with some actually attention-grabbing seems.
Congratulations
Congratulations! That is the tip of this bounce expressions After Results tutorial. Now that you have discovered the fundamentals, take a look at among the different tutorials we have now on Adobe After Results under.
I hope you have discovered this After Results animation tutorial helpful, and I am going to see you subsequent time on Envato Tuts+!
