On this After Results animation tutorial, we are going to take a look at the way to animate inertial bounce expressions in Adobe After Results through the use of an instance undertaking.
In our instance, we’ve some leaf parts damaged out into particular person parts, which makes it simpler for us to animate them in a enjoyable and attention-grabbing method. We will add a really refined rotation to make them look as in the event that they’re blowing within the wind.
Earlier than we do this, although, let’s end the format. We will duplicate these leaves and exchange 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 wish the anchor level of our leaves within the right place, prepared for animation and rotation.
Create a brand new Null Object by going to Layer > New > Null Object or through the use of 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 Instrument and clicking on the checkbox within the prime menu bar. You can too briefly allow it or reverse the enabling by holding down the Management button on the keyboard.
So whether it is enabled, once you maintain Management, it’s going to disable. And if it is not enabled, once you maintain Management, it’s going to 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 every part first earlier than duplicating, it’s going to 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 deliver 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 specific leaf component.
Now we’ll return to the start of the timeline and set the Scale all the way down to 0.
So over the primary ten frames, this specific leaf component will develop from 0 to its authentic measurement. Now what we’ll do is improve that with one thing known as Inertial bounce. That is also referred to as overshoot, and it is an important method that can make this animation look extra life like.
First, let’s copy the expression beneath. You can too discover this expression underneath Inertial bounce model 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 beneath.
If you preview the animation, it’s going to seem far more dynamic. So it is doing an overshoot calculation.
If I’m going into the graph editor and activate the Put up Expression Graph, you possibly can see it’s displaying you what the expression is doing through the graph. We get this sinusoidal wave with a decay within the amplitude.
The animation may have a really pure look to it as a result of that is how a variety of issues transfer in the true world, which could be very cool.
What if you happen to don’t love the precise motion that we’re getting right here? Effectively, 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 it will trigger it to decay sooner. It will trigger that Put up Expression to cease extra shortly. So let’s simply flip this as much as 5 or 6, which is able to make the animation sooner.
And if we take a look at the graph editor, it’ll mirror that. So we simply get a little bit little bit of overshoot, we get a little bit little bit of bounce again, after which it settles in a short time in comparison with earlier than.
Slightly than tweak the animations for each single leaf, we will 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 Decide Whip and Decide 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 Decide Whip to Decide Whip as much as the Decay Slider.
Now set the values for each the Freq and Decay sliders. For instance, we are going to set the Freq to 1.5 and the Decay to 5 once more.
That method, if we wish to globally change that, we do not have to run again by way of 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 will need to undergo. So that is going to be lots 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’ll paste the expression to the Scale properties.
Now, the entire leaves ought to develop and do this very good overshoot animation.
If you wish to get a little bit bit extra life out of this animation, we will change the space between the keyframes. So if we shorten this, we will 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 straightforward ease them.
However having all of them come out on the identical time does not actually look too scorching. So what I might most likely do is offset these by possibly a body or two, in order that they arrive out in a staggered method. This may make the animation appear extra pure and random.
This Inertial bounce expression can be utilized in a bunch of enjoyable and alternative ways. You need to use it on scale, rotation, place, and a bunch of different properties to provide you with some actually attention-grabbing appears to be like.
Congratulations
Congratulations! That is the tip of this bounce expressions After Results tutorial. Now that you’ve got discovered the fundamentals, try a few of the different tutorials we’ve on Adobe After Results beneath.
I hope you’ve got discovered this After Results animation tutorial helpful, and I am going to see you subsequent time on Envato Tuts+!
