On this tutorial, I will present you the right way to construct a great-looking textual content animation therapy utilizing Adobe After Results. The animation could be very fashionable and a good way to enhance the look of your undertaking.
That is half 2 of the tutorial, so we’ll decide up proper the place we left off in half 1. We’ll do some animation and make it look as if the textual content is being revealed from behind these rectangles. It should look nice.
Now, we’ve got this actually cool composition that is going to be actually versatile for textual content that may be a totally different dimension or that has plenty of totally different characters in it. And we are able to do a number of issues in a short time to switch this in plenty of alternative ways.
The following a part of that is to do some animation. So I have to animate my Rectangle 1 and Rectangle 2. Insert a place keyframe.
Return to the start of the timeline after which simply click on and drag within the x to drag it over to the left.
As soon as it will get to the purpose the place it is being lined up by the matte, you’ll be able to cease transferring it additional.
Do the identical with the second rectangle. If you’re clicking and dragging, you may as well maintain down Shift, and that’ll make the motion 10 occasions sooner than regular.
So now whenever you hit the play preview button, you will see that the rectangles transfer from left to proper!
Now choose the keyframes and Proper Click on > Straightforward Ease.
Then go into the Graph Editor and alter this curve just a bit bit, in order that it seems one thing just like the picture beneath.
To get an offset impact, it’s essential choose the second rectangle and pull it forwards within the timeline a bit of bit. It is actually that easy to get a cool offset impact.
The following half is to animate the textual content, and I would like to start out that at two totally different occasions. The textual content really does not want to point out up till a bit of additional into the timeline, so let’s transfer it ahead a bit.
And I will animate the tip place. So I will go to perhaps 3.5 seconds and create a place keyframe by urgent Alt-Shift-P.
Go to the start of the textual content layers within the timeline and slide them to the fitting, stopping after they attain simply behind the rectangle.
Repeat this for the underside textual content line as nicely. You may proceed to regulate the timing of the textual content actions by both transferring the keyframes or the layer alongside the timeline. Press play preview to see what it seems like and alter as you see match.
Bear in mind to straightforward ease the keyframes (right-click > Straightforward Ease) and alter the pace utilizing the graph editor.
You too can use a third-party extension like Movement-3 to regulate the pace. You may seize this at mtmograph.com/movement.
Now that we’ve got our animation full, let’s shortly undergo how we are able to modify it to go well with the size of the textual content. So if we wished so as to add one other phrase to the underside and prime strains, you will discover that the matte covers the textual content on the left.
The is simple to switch. All it’s essential do is simply prolong the left facet out utilizing the slider management in Matte Management layer. And you may see that the textual content is now seen.
You might also discover that it’s essential alter the place values of the keyframes in order that they’re lined in the fitting locations on the proper occasions.
And it is a good method to have the ability to get this animation and have it adjustable and modular in a user-friendly means.
Now if this textual content is not positioned precisely the place you wished it, you may as well transfer it and not using a drawback. Merely choose all of those layers highlighted beneath and use the decide whip to mum or dad it to the Matte Management layer.
Open the place of the Matte Layer and alter the place values from there to maneuver all the things.
And since I made these mattes a bit of bit bigger (so that they’re sticking off the display there a bit of bit), it will not have an effect on our animation so long as they proceed to bleed off the display whenever you reposition all the weather.
Congratulations
Congratulations! And that is how one can create a stylish-looking text-reveal rectangle animation in Adobe After Results. Now that you have discovered the fundamentals, take a look at a few of the different tutorials we’ve got on Adobe After Results beneath.
I hope you’ve got discovered this tutorial helpful, and I will see you subsequent time on Envato Tuts+!
