On this After Results animation lighting tutorial, you may learn to animate strokes and glow results in Adobe After Results. Taking an instance mission, we’ll punch up the textual content with some superior textual content results and provides it a very cool digital look.
What You will Have to Animate Glow in After Results
The next belongings had been used in the course of the manufacturing of this After Results animation lighting tutorial:
On this mission, the textual content is an imported Adobe Illustrator file contained inside a pre-comp. If you need extra animation choices, we’ll want entry to the precise textual content as a textual content layer.
We will do that through the use of the Kind Software and selecting the identical font as what’s displayed right here. Or we are able to merely copy and paste the textual content immediately from Adobe Illustrator into the mission. By doing so, any formatting that may have been completed inside Illustrator transfers over to After Results.
Now, what I would love to do is convert this textual content into form layers. You are able to do this by right-clicking on the layer and selecting Create > Create Shapes From Textual content, which can create a brand new shapes layer and robotically cover the unique textual content layer.
Open up the layer choices. What I wish to do is give it a stroke impact and animate the strokes across the textual content in an attention-grabbing method.
To do that, let’s broaden the entire layers. And when you hit the Tilde key on the keyboard, this gives you a greater have a look at all of your layers.
Seize all of the fills and strokes and delete them.
Click on on the Add button and select Stroke.
And that is going to place a stroke down on the backside of this stack. That method, I can management one stroke for all the layer, and all of the shapes may have this stroke, which makes it simpler to animate.
Hit the Tilde key once more to return to the conventional view, and modify the stroke dimension by altering the Stroke Width worth.
I am additionally going to have the stroke match the colour of the textual content. Simply choose the shapes layer, after which click on on the stroke button on the prime. Then use the Eyedropper Software to match the colour of the textual content layer beneath (you’ll need to unhide the layer to do that).
Click on on the Add button and select Trim Paths.
And that can put the trim paths on the backside of all of those teams, which signifies that the trim paths will primarily have an effect on the whole lot that is above them.
Now, to animate the strokes, return to the start of the timeline and drop a keyframe for each Finish and Offset.
Then go forwards about three seconds. I will put the tip at 100%, and I will put the offset to 1. This can do one full revolution or rotation of the offset.
Click on on the play preview button to preview the stroke animation, which reveals a form of wrapping line impact.
Now it’s possible you’ll discover that the animation for the ‘O’ is doing a little unusual issues. That is as a result of the ‘O’ form is made up of two teams, every with a path and a merge path utilized. The merge path is there to subtract the center form from the outer form in order that it has a ‘gap’ when stuffed (in any other case it’s going to simply appear to be an oval).
Nevertheless, we do not want that as we’re coping with strokes. So let’s take away the Merge Path and do the identical for the letter ‘R’ and the opposite ‘O’. As soon as you have completed that, the animation ought to play correctly.
Choose the keyframes and apply Simple Ease with the F9 key on the keyboard.
You may as well change the Butt Caps to Spherical Caps when you choose that look. And you’ll change the Be a part of Type to Spherical to easy out the corners of the letters.
I would love the fill layer to return in at 3 seconds, so let’s transfer it accordingly.
Then, on my stroke layer, I’ll animate the stroke width, so add a keyframe for that at 3 seconds.
Transfer ahead to about 5 seconds and alter the stroke width to 0. You may as well straightforward ease the keyframe for a greater animation.
From there, hit the Play Preview button to see the timing of the animation and make any changes to it accordingly. For this instance, I’ll velocity the animation up a little bit bit by shifting the keyframes nearer collectively.
Now that we’ve got the textual content animation, let’s return to the unique composition so we are able to begin including another results like glows.
Choose the Textual content comp and add a Glow impact to it utilizing the Results and Presets console or by going to Impact > Stylize > Glow.
Enhance the Glow Radius and the Glow Threshold till you get a glance that you simply like.
You may as well duplicate the impact to stack it, which might enhance the impact additional.
Going again into the Textual content Comp, you can even activate Movement Blur for the stroke, which can enhance the look of the animation.
From right here, we are able to faux some extra intense glowing by duplicating the define layer. Go to the place the stroke is being animated within the timeline, and alter the stroke width to one thing smaller while altering the colour to white.
Then add a Gaussian Blur impact to create an internal glow impact.
Press the play preview button to see what your animation appears like.
Congratulations
Congratulations! And that is how one can animate strokes and glows in Adobe After Results. When you’re completed, experiment with settings such because the depth to create an impact that you’re proud of. Now that you’ve got realized find out how to animate glow in After Results, take a look at a few of the different After Results tutorials we’ve got beneath.
I hope you have discovered this After Results animation lighting tutorial helpful, and I will see you subsequent time on Envato Tuts+!
