After Effects — Vegas Effects and Animating Text with Range Selectors

After Effects — Vegas Effects and Animating Text with Range Selectors

I recently ran into the comprehensive tutorial to make animated texts using the vegas effects and few other tricks by Avnish Parker. For this week?s assignment for the After Effects class at the SVA, I wanted to explore the way to combine this trick with animating texts using the range selector, which I learned in my recent class. This entry is to share key steps I took to create the animations below, but for more detailed tutorial, please see the video by Avnish Parker at the end of this entry.

Image for postLeft: Vegas effects typographies Ver. TYO, Right: Vegas effects typographies Ver. NYC

Adding multiple Vegas Effects

Step 1. Create text outline by making the blend mode transparent

Find the Vegas Effect and apply it to a composition with some text.

Set the blend mode to transparent to create the outline of the text. Customize the look by changeing colors, width, or other properties (adding too much width could lose the sharpness). By making the segment and the end opacity values to 1, the outline becomes a continuous line rather than chopped.

Image for post

Step 2. Animate the line with length values

Keyframe the length (from 0 to 1) and rotation (some rotation values to 0) to animate the line along the text outline. Turn on the random phase, so each letter shows different movements.

Image for post

Step 3. Add depths by duplicating the layer and changing the random seed value

Duplicate the layer and change its color of the vegas effect. By adding different random seed value to differentiate the motion from the original layer. Shifting its timeline or changing values to emphasize randomness.

Image for post

Step 4. Duplicate again and thicken the Vegas effect?s width and apply Minimax effect to create the layer to fill the text

To create a fill, duplicate the layer again and animate the width from small to much large value that fill up the majority of text. Add minimax effect, set its operation to minimum, and increase radius value to bring the bleed out element inward. In addition, add the choker effect and increase its choke matte to remove the element?s softness.

Image for postMuch thicker width covers the text, but it also bleeds out too much.

Step 5. Use the original text composition to mask out parts that bleed out completely

Although minimax effect might have helped containing elements within the text form, the original text composition can be used to mask the elements sharply. To do so, add the alpha matte in the track matte column of the composition with effects, which should be under the original text composition.

Image for postImage for postThis is the outcome of the animated text when it?s masked with the text composition.

Animate text with Range Selectors

Step 1. Add some properties to animate a text

With the range selector, we can specify a particular portion of the text to change or animate ? if the text is made up with five letters, we can specify to animate only the first two letters, for example. To do so, we need to add some properties to animate, such as opacity, scale or anything as many as we need.

Image for post

Step 2. Select the range where we want to apply

Then open the range selector to specify the portion of the text. If we want to apply only to the first two letters, there is an units option that let us select by index in the advanced options, instead of the default percentage. This way, the first two letters can be specified by setting the start value to 0 and the end value to 2.

Image for post

Step 3. Keyframe individual properties

Add keys to properties If we want to animate properties for only those specified letters. For example, scale of the only first two letters animate in the screenshot below.

Image for post

Step 4. Keyframe the range selector to apply the same change gradually to different texts

The range selector can be animated as well so some property values may be applied to different letters gradually in a sequence or random order. In the screenshot below, the end range selector animates from the index 0 to 5, so the scale value gradually applies to each letter.

Image for post

Combine the Vegas Effects and the animation from the Range Selector

Image for postThis is when the animated text is combined with the vegas effect created earlier.

The original tutorial video by Avnish Parker

Liquid Text Animation in After Effects ? After Effects Tutorial ? Easy Method by Avnish Parker


No Responses

Write a response