Master Text Animation & Kinetic Typography in Adobe After Effects

1. Course Introduction: Hello and welcome. My name is Sant Kumar, and I'll be your instructor throughout this course. In this course, you'll learn how to create professional text animations and kinetic typography in Adobe After Effects from scratch. Whether you're a complete beginner or already have some experience, I'll guide you through each lesson step by step. Together, we'll explore animation principles, keyframes, easing, graph editor techniques, masking, track mats, shape layers, expressions, and many creative text animation styles that you can use in YouTube videos, social media content, commercials, presentations, and motion graphics projects. The end of this course, you'll have the confidence to design your own professional quality text animations and kinetic typography from scratch. So if you're ready to take your after effect skills to the next level, let's get started. I'll see you in the first 2. Creating a Smooth Text Animation: This lesson, we will learn how to create this type of smooth text animation in Adobe After Effects. First, let's create a text layer. You can write anything you want. For this tutorial, we are using the Bol B one SC font family. Now increase the font size and adjust the letter spacing to make the text look cleaner and more professional. Next, go to the animate menu and add position. Then click on the ad button and select Opacity. And next, we want the text to drop smoothly from the bottom, so we need to adjust the Y position value. Increase the Y position so the text moves downward. After that, set the opacity value to 0%, so the text becomes invisible at the starting point. Now, click on the Range Selector options to control how the animation affects the text characters. Inside the range selector, you will see options like start end and offset. These settings help create smooth text animation character by character. We are using the offset property for this animation because it creates a clean flowing motion across the text. Now click on the offset stopwatch to create the first keyframe and set the value to -100. Move forward on the timeline and change the offset value to 100. This will animate the text from one side to another while revealing each character smoothly. And click on the advanced section inside the range selector. In the shape option, you will see several different animation styles. For this animation, we need to select amp up. For up, the ramp up shape creates a smooth transition between the characters, and now let's adjust the Es high and Es low values to make the animation look smoother and more natural. Increase the Es high value to soften the ending motion and adjust the Es low value to create a smoother start to the animation. These settings help remove hash movement and give the text a clean, professional motion graphics. Finally, let's enable the motion blur effect, which creates natural blur during the animation and makes the movement look more realistic and cinematic. To enable it, click on the motion blur icon for the text layer. If the motion blur icon is not visible, click on the Toggle Switches slash Modes button at the bottom of the timeline panel to display the motion blur options. Now preview the animation, and we have successfully completed the first part of the animation. I think the animation speed is a little slow to increase the speed, select the keyframes and drag them closer together on the timeline. This will make the animation play faster. Now preview the animation again, and it looks much better and more smooth. You can further customize the movement, timing, and easing values to create your own unique text animation style. Now let's move forward on the timeline and add another keyframe. This will make the text stay visible on the screen for a few moments. After that, move further forward in the timeline and set the offset value back to -100. This will animate the text out of the screen. Now play the timeline, and we have successfully created the second part of the animation. Let me show you a few more useful options. If we enable randomize order and adjust its value, the text characters will appear in a random order from the bottom, creating a more dynamic animation style. Now let's create another animation using scale. Add the scale property to the animator. Enable the stopwatch for scale. At the first keyframe, increase the scale value to make the text appear larger. Then move to the next keyframe and set it back to the normal value. For the third keyframe, keep the same normal value so the text stays stable for a moment. Finally, at the last keyframe, increase the scale value again to create an outgoing animation effect. Now preview the timeline. You can see the text coming from outside becoming normal, and then scaling again while exiting. If we turn off randomized order, the characters will animate in proper sequence instead of random order. We can also create interesting effects using text rotation. First, add the rotation property and then animate it the same way we animated the scale property. Now preview the animation again and you will see a smooth rotating text effect. You can also experiment with other animator properties and settings to create your own unique text animations in Adobe After Effects. 3. Creating Bouncy Text Effects: In this video, we will learn how to create this type of smooth and bouncy text animation in Adobe After Effects. First, let's create a text layer and type anything you want. For this tutorial, I am using the word spacecraft. I am using the Calibri font family, but you can use any font you like. Now let's increase the font size to make the text larger and more visible. After that, align the text to the center using the align panel. Now click on the animate button and add the position property. We only need to animate the Y position value, so set the Y position to -120 to move the text upward. Next, go to the first frame of the timeline. Enable the offset stopwatch and set the offset value to -100. Now move forward on the timeline and change the offset value to 100. This creates the basic text animation. Now open the advanced settings inside the range selector. In the shape option, choose ramp down, then set the Es high value to 100%. This helps create smoother character movement. Now duplicate the animator one by pressing Control or Command D. For the animator two, change the Y position value to 60. Then set both Ease high, 50% and Ease low 50%. This creates the secondary bounce movement. Now duplicate animator two. Again, for this new animator, set the Y position value to -20. This adds another layer of motion and creates a more natural bouncing effect. Now select the text layer and press. U, this reveals all animated key frames. Move forward slightly in the timeline and drag the key frames of Animator two a little forward. Do the same for Animator three. By offsetting the animation timing, we create a smoother and more dynamic bouncy effect. Now let's enhance the animation even more. First, select the text layer and create a mask around the visible area. This helps control where the text appears and disappears. Then move the text to the center position properly. To make the animation smoother, let's also animate the opacity property, add opacity and reduce it slightly at the beginning so the text fades in naturally. Now, enable motion blur for the text layer. This creates realistic blur during movement and makes the animation look more professional. Now, preview the animation. You can see we have created a smooth and stylish bouncy text animation in a very simple way. You can also experiment with different Y position values. Higher values create stronger bounce effects, lower values create softer and smoother bounce motion. You can further customize the animation using scale rotation, blur, glow, randomized order, graph editor. These small adjustments can make your animation look more cinematic and professional. 4. Text Reveal and Hide Animation: This lesson, we will learn how to create a smooth text reveal and hide animation in Adobe After Effects. First, let's create a new text layer and type anything you want. For this tutorial, I am using the word Nebulon. I am using the Hettenschweiler font family, but you can choose any font depending on your project style. Now make sure the paragraph alignment is set to center. If the text is not center aligned, the reveal animation will begin from one side instead of the middle. Also, align the text layer to the center of the composition using the align panel. Now, click on the animate button and add the tracking property. Then click on the Add button and also add opacity. First, set the tracking amount value to a negative number so that all the characters move closer together and overlap slightly. Now set the opacity value to 0%. This will make the characters invisible at the beginning. Next, go to the first frame of the timeline. Open range selector one. Now enable the stopwatch for the start property and create the first keyframe. Then move forward on the timeline and change the start value to 100%. Now the text creates a smooth reveal effect character by character. To make the animation look more natural, select both keyframes and apply Easy Ease to the animation. Now open the graph editor and switch to the Speed Graph. Select the graph handles, hold the shift key, and adjust both curves smoothly. This creates softer acceleration and deceleration, making the animation feel more cinematic and professional. Now preview the animation and you can see the smooth text reveal effect. We can also enable motion blur to make the animation look smoother and more realistic. Now let's move to the next step. This part is optional and you can use it depending on your project needs. Move forward in the timeline and create another keyframe for the start property. Then move further forward and set the start value back to 0%. Now the text will animate out and hide again. Preview the animation once more, and you will see both Text reveal and text hide animation. With the help of these simple techniques, you can easily create smooth and effective text animations in After Effects. 5. Smooth Text Scale Animation: This lesson, we will learn how to create a smooth text scale animation in Adobe After Effects. In the timeline, we have two layers. One is a shape layer and the second is a text layer. In the text layer, you can choose any font, size, color, and other text properties depending on your project style. Now click on the animate button and add the scale property and set the scale value to 0%. This makes the characters invisible at the beginning. Now open the range selector and enable the stopwatch for the offset property. At the first frame, set the offset value to -100. And then move forward on the timeline and set the offset value to 100. This creates the basic text scale reveal animation. Now open the advanced section in the shape option, choose ramp up and then set Ease high and Ease low. 100%. These settings create smoother character transitions and softer animation movement. Now preview the animation. If you feel the animation speed is too slow, simply move the second keyframe closer to the first keyframe. This increases the animation speed. Now the animation looks much smoother and more professional. We can also add motion blur to make the animation look smoother and more realistic. Now let's move to the second step, which is optional. Move forward on the timeline and add another keyframe for the offset property. Then move further forward and set the offset value back to -100. This creates an outgoing text animation effect. Now press the key on the keyboard to set the endpoint of the work area in the timeline. This helps preview only the selected part of the animation instead of playing the entire composition. You can also press the B key to set the starting point of the work area. Now preview the timeline again. You can see that with just a few simple techniques, we can create beautiful and professional text animations in After Effects. 6. Fade In & Fade Out Text Animation: This tutorial, we will learn how to create a smooth fade in and fade out text animation in Adobe After Effects. First, we already have a text layer in the composition. You can write any text depending on your project needs. For this tutorial, I am using the Hit and SchweilerFont family, but you can use any font style you like. Now align the text to the center using the align panel. Next, click on the animate button and add the opacity property. Set the opacity value to 0%. This makes the text invisible at the beginning. Now go to the first frame of the timeline. In the range selector, set the offset value to -100 for offset to create the first keyframe, then move forward on the timeline and set the offset value to 100. Now the text creates a smooth fade in animation. Next, open the advanced section. In the shape option, choose ramp up. And then increase Ease high and Ease low. This creates softer and smoother character animation. Now preview the timeline. And we have successfully completed the first part of the animation. If you want to increase or decrease the animation speed, simply adjust the distance between the keyframes and closer keyframes create faster animation, and wider keyframes create slower animation. Now let's move to the second step. Move forward on the timeline and create another keyframe for the offset property. Then move further forward and set the offset value back to -100. Let's preview the timeline again. You can see that we have created a smooth fade in and fade out text animation. Now let's create another variation. If you want the fade out duration to behave differently from the beginning animation, first, delete both end keyframes. Then duplicate animator one. You can duplicate the Animator one by pressing Control or Command plus D. This duplicates Animator one. Now open Animator two and change the shape option to ramp down. Then select both keyframes of Animator two and move them forward in the timeline. And press the key on the keyboard to set the endpoint of the work area in the timeline. Now preview the animation. You can see a smoother and more controlled fade out effect. With these simple techniques, we can easily create professional fade in and fade out text animations in After Effects. 7. Typewriter Text Animation Effect: This lesson, we will learn how to create a typewriter text animation in Adobe After Effects. First, let's create a new text layer. You can write anything depending on your project needs. You can also choose any font family, size, color, and other textles. Now let's increase the font size for better visibility. To make the text look more attractive, let's change the font colors. First, select the first word, go to the fill color option and choose any color you like. Now do the same for the last word. This creates a more stylish and modern text design. Next, align the text to the center of the composition using the align panel. Now, select the text layer, click on the animate button and add the opacity property. Set the opacity value to 0%. This makes the text invisible at the beginning. Now go to the first frame of the timeline. Open the range selector and enable the stopwatch for the start property. This creates the first keyframe, then move forward on the timeline and set the start value to 100%. Now we have created the basic typewriter effect. Preview the animation, and you will see the text appearing character by character like typing. Now, suppose we want to display another text after the first text disappears. For this, we need to animate the text out as well. First, duplicate animator one by pressing Control or Command plus D, then go to the second keyframe and set the offset value to -100. Next, keep the text visible for a few moments. So move forward on the timeline and create keyframes for both start and offset. Then move further forward in the timeline and set both values back to zero. Now, press the end key on the keyboard to set the endpoint of the work area. This allows you to preview only the selected animation area. Now preview the timeline. You can see that we have successfully created a smooth typewriter text animation with both text reveal and text hide defect. Now duplicate the text layer. Move the duplicated layer to the point where the first text animation ends. I then change the text content to anything you want. Now let's increase the preview range. First, zoom out the timeline so you can see more of the animation area clearly. Then place the playhead where you want to extend the preview range and press the end key on the keyboard. This will set the endpoint of the work area and allow you to preview a longer section of the animation. Now preview the timeline again. You will see first text appears and disappears. Then the second text appears. With these simple techniques in After Effects, we can easily create professional typewriter text animations for titles, intros, presentations, and motion graphics projects. 8. Word Up and Down Animation: This tutorial, I'll show you how to create this type of words up and down animation in Adobe After Effects. First, we already have a text layer inside After Effects. For this tutorial, I am using the impact font family, but you can choose any text, font family, size, or style depending on your project. Now, open the text layer, click on the animate button, and add the position property. Increase the Y position value to move the words downward. Then click on the ad button and add opacity and set the opacity value to 0%. This makes the words invisible at the beginning. Next, open range selector one. Go to the first frame of the timeline and set the offset value to -100, and this will create the first keyframe. Then move forward on the timeline and set the offset value to 100. Now the words animate upward one by one. Next, open the advanced settings. In the based on option, choose words. This applies the animation word by word instead of character by character. Now in the shape option, choose ramp up and then increase Ease high and Es low. This creates smoother and softer word animation. Now press the en key on the keyboard to set the endpoint of the work area. Preview the timeline, and we have successfully created the first part of the animation. Now let's move to the next step and animate the words downward. Duplicate animator one by pressing Control or Command D. Now open animator two. In the shape option, change, ramp up to ramp down. This reverses the animation direction. Then select both offset keyframes and move them forward on the timeline. Now increase the work area if needed and preview the animation again. You will see words moving upward and then smoothly moving downward. With these simple techniques, we have completed the up and down word animation in After Effects. 9. Pop-Up Text Animation: This tutorial, we will learn how to create a smooth pop up text animation in Adobe After Effects. First, let's create a new text layer. For this tutorial, I am using Impact regular font family and 255 pixels, but you can choose any font, size, or style depending on your project needs. Now we need to place the anchor point at the center of the text. The easiest way is to hold the control or command key and then double click on the Pan behind Anchor Point tool icon. This will automatically align the anchor point to the center of the text layer. After that, use the align panel to place the text at the center of the composition. Also make sure the paragraph alignment is set to center so the scale animation works properly from the middle. Now open the text layer, go to transform, and then open the scale property. At the first frame of the timeline, set the scale value to zero and create the first keyframe. Make sure the playhead is at the beginning of the timeline. Now hold the control or command key and press the right arrow key five times to move forward in the timeline, then increase the scale value to 140%. Again, hold control or command and press the right arrow key five more times, then set the scale value back to 100%. Now go back to the first frame and set the opacity value to zero. Then move to the second keyframe and set the opacity value to 100%. Now preview the animation, and we have successfully created the pop up text effect. Next, let's add another text animation. And the best way is to split the layer. First, place the playhead where you want the first text animation to end. Then go to the edit menu and choose split layer. Now delete the right side split layer. After that, duplicate the remaining layer and move it to start from the end of the first animation. Now change the text. Again, duplicate the layer, move forward in the timeline. And change the text once more. Now, press the key to define the work area. Preview the timeline, and you will see one text popping up after another. With these simple techniques, we can easily create beautiful and professional pop up text animations in After Effects. For even smoother results, you can also enable motion blur and apply Easy Ease to the key frames. 10. Line Reveal Text Animation: In this lesson, we will learn how to create a line revealed text animation in Adobe After Effects. First, let's create a text layer. And for this tutorial, I have written the word gravity. I am using the impact regular font with a size of 255 pixels, but you can use any font and size according to your project. Now align the text to the center of the composition. Next, let's create a line using the Pen tool. Select the Pen tool, then hold the Alt or the option and click on the fill option to set it to none. Again, hold Alt or option and click on the stroke option to enable the stroke. I am using a stroke size of 46. Now click once on the composition. Then hold the shift key and click again to create a perfectly straight line. First, let's animate the line. Select the line layer, then open stroke one. And in the line cap option, choose round cap. This creates smooth rounded corners on the line. Now click on Add and choose Trim paths. We will animate the start property. First, increase the start value, then move forward on the timeline and decrease it back to zero. Now, preview the timeline and you can see the line animation starting. I think the animation speed is a little slow, so let's move the second keyframe closer to the first one to increase the speed. Also set the first keyframe value to zero for smoother animation. For even smoother motion, select both keyframes and apply Easy Ease. Next, enable the fill option and draw a rectangle shape. I Now place the anchor point of the rectangle at the center. Then move the rectangle shape back to the position where the line animation starts. Also rename the shape layer properly and place the line layer above the shape layer. Now adjust both the rectangle shape and line position according to the text placement. A next, let's create a null object. Go to layer then new and choose null object. Now parent both the shape layer and line layer to the null object. Make sure the playhead is positioned where the line animation completes. Select the null object layer and press the Pikey to open the position property. Create the first keyframe, then move forward on the timeline and create another keyframe. Move further forward and change the position value. Again, move forward and bring the object back to the position where the shape originally started. Now select the text layer and in the Track Mat option, choose the rectangle shape layer. Track Mat creates a masking effect that helps reveal and hide the text. Now play the timeline and we have completed the first part of the animation. I think the animation speed is still a little slow, so let's adjust the key frames again by dragging them closer together. Now preview the animation again. Let's add Easy Ease to make the animation smoother and more natural, and it looks much smoother. Let's move to the second step. First, duplicate the text layer and write another text. Then move this new text layer to the point where the first text becomes fully visible. Now enable the inverse option in the Track Mat settings. Press the end key to set the endpoint of the work area. Now preview the animation. You can see that we have successfully created the line revealed text animation. Finally, adjust the keyframes again if you want to increase or decrease the animation speed. With the help of Track mat and simple shape animations, we can create smooth and professional revealed text effects in After Effects. 11. Animating Text Along a Path: This tutorial, we will learn how to create a text path animation in Adobe After Effects. First, let's create a text layer and write any text you want. For this tutorial, I am using the impact regular font, and the font size is 117. Now, let's create a mask path. First, select the text layer, then create a path. You can use either the shape tool or the Pen tool. For this tutorial, let's use the Pen tool. Click once on the composition, then click again and drag the mouse. This will create a curved path. Click again to continue the path. You can also hold the Alt key on Windows or the option key on Mac to adjust the curve handles and create smoother curves. Now, open the text layer and go to the path option section. In the path option, choose mask one. Now the text will start following the mask path. You may notice the text characters are too close together, so let's increase the character spacing. Now, let's understand some important path option settings. Reverse path reverses the text direction along the path. Perpendicular to path rotates each character according to the direction of the path, making the text follow the curve naturally. Force alignment forces the text to stay evenly aligned on the path and helps keep the characters properly attached to it. First margin controls the starting position of the text on the path. If you increase the value, the text moves forward along the path. If you decrease the value, the text moves backward. Last margin controls the ending position of the text on the path and adjusts where the text finishes. Now let's animate the first margin property. First, decrease the first margin value, so the text moves outside the composition. Then create the first keyframe, move forward on the timeline and increase the value. Now preview the timeline and we have successfully created the text path animation. Now let me show you one more example. First, delete the current mask path. Now create a circular path. Make sure the text layer is selected before creating the shape. After creating the circle, go to path options and again choose mask one. Now enable the reverse path option. Next, hold the Alt key on Windows or the option key on Mac and click on the first Margin stopwatch. This will enable expressions. Now inside the expression code type time times 550. This creates a continuous looping animation. Now preview the timeline and you will see the text moving continuously around the circular path. We can increase or decrease the speed by changing the value. Higher value create faster speed. And lower value create slower speed. This simple trick is very useful for creating looping text animations, circular typography effects, and modern motion graphics in After Effects. 12. Creating Wiggle Text Effects: In this lesson, we will learn how to create wiggle text animation in Adobe After Effects. First, we already have a text layer in the composition. Now go to the Effects and Presets panel and search for Wiggle. Here, you will see different wiggle animation presets. Let's try them one by one. First, let's apply wiggle gelatin to the text layer. Now play the timeline and you can see the text moving like soft jelly or rubber. The animation creates smooth random motion automatically without adding manual key frames. And we can also adjust the settings from the effect controls panel. The wiggle speed wigs per second option controls how fast the wiggle movement happens. Right now, we have the value one. This means the animation changes position one time every second. If you increase the value, the movement becomes faster and more energetic. For example, two creates faster motion, five creates very fast shaking. 0.5 creates slow and smooth move. Let's understand the wiggle amount option. Wiggle amount controls how much the object moves randomly. In this example, the value is 20. This means the layer can move up to 20 pixels randomly. If you increase the amount, the movement becomes stronger and wider. Wiggle, gelatin is commonly used for cartoon animation, playful text effects, liquid motion, and fun motion graphics projects. It helps static objects feel more alive and energetic. Now let's turn off the current effect. Then go back to the effects and presets panel and apply wiggle position to the text layer. Now play the timeline. It creates random movement in the position of a layer. It automatically moves the object in different directions without manually creating keyframes. And if we decrease the wiggle amount value, the movement becomes smaller and smoother. The text will move less and the animation will feel slower and softer. We can also adjust the transform properties like position, scale, rotation and opacity to create different animation style. This effect is commonly used for camera shake, floating animation, handheld effects, dynamic text motion, and energetic motion graphics. It helps make static objects look more natural and alive. Now let's apply wiggle rotation, and it creates random left and right rotation movement in Adobe After Effects. It helps make animations look more dynamic and natural without manually creating keyframes. This effect is commonly used for cartoon animations, camera shake, floating objects, and energetic text effects. It can quickly add life and motion to static layers. Now, let's apply wiggle scale to the text layer. Play the timeline, and you can see the text randomly increasing and decreasing in size. This creates a pulsing and energetic animation effect automatically without manually adding scale keyframes. This effect is very useful for pop up text, music visualizers, cartoon animation, energetic titles, and modern motion graphics. And wiggle shear creates random skew and distortion movement in Adobe After Effects. It stretches and tilts the layer automatically to create a flexible motion effect. This effect is useful for cartoon animations, glitch effects, jelly motion, liquid style movement, and dynamic text animations. It helps add more energy and flexibility to objects. And Wiggle Rama is an advanced wiggle animation preset in Adobe After Effects that creates complex random motion effects automatically. It gives more control compared to normal wiggle presets. Wiggle Rama is commonly used for glitch effects, floating motion, energetic typography, camera shake and dynamic motion graphics animations. It helps create natural looking movement quickly without manually adding many keyframes. Wiggle effects help create automatic random movement in Adobe After Effects without manually adding many keyframes. They make animations look more dynamic, natural and energetic. For better and more professional results, wiggle effects can be combined with motion blur, rotation, scale, and position animations to create smooth, cinematic motion graphics. 13. Flip & Rotate Text Animation: This tutorial, we will learn how to create a flip rotate text animation in Adobe After Effects. First, we already have a text layer in the timeline and I am using the impact regular font with a font size of 210. Next, open the text layer and enable per character three D. Now, click on the animate button and add the rotation property. Before starting the animation, let's understand the rotation properties. X rotation rotates the layer forward and backward, like flipping from top to bottom. Y rotation rotates the layer left and right, similar to a door opening or closing. Z rotation rotates the layer in a circular direction just like a clock hand spinning. Then click on the Add button and also add opacity. First, let's start with X rotation. Increase the X rotation value, then set the opacity value to zero. Now open range selector one. Make sure the playhead is at the first frame, then enable the stopwatch for the offset property. Set the offset value to -100. Now move forward on the timeline and change the offset value to 100. Next, open the advanced settings and in the shape option, choose ramp up. Then adjust the Ease high and Ease low values for smoother motion. Now preview the timeline, and we have created the X axis flip animation. Next, select both keyframes and press F nine to apply Easy Ease for smoother animation. I think the animation speed is a little slow, so let's adjust it by moving the second keyframe closer to the first one. Now, let's adjust the Y rotation value. Preview the animation again, and now we have a left and right flip text animation. You can also experiment with the Ease high and Ease low values for a better and smoother look. Next, let's try Z rotation. Now, the text rotates like a clock hand spinning. Finally, let's combine all the properties, X rotation, Y rotation, Z rotation. Now preview the animation. You can see a dynamic three D flip rotation text effect. 14. Text Reveal Using Track Matte: This video, we will learn how to create a text reveal animation using the Track Matte method in Adobe After Effects. First, I have already created a text layer using the Barlow bold font with a font size of 197 pixels in uppercase letters. Now select the text layer. Then hold the Control key on Windows or the command key on Mac and double click on the pan behind tool. This will automatically place the anchor point at the center of the text. Now select the text layer again and press the Pkey to reveal the position property. Next, change the Y position value and enable the first keyframe. Move forward on the timeline and change the Y position value again. Now, preview the animation. I think the animation speed is a little slow, so let's move the second keyframe closer to increase the speed. Next, select both keyframes and press F nine to apply Easy Ease. Now open the Speed Graph editor. Make sure both keyframes are selected. Then hold the shift key and drag the graph handles toward the left side. This creates smoother acceleration and gives us much better animation flow. Now, let's create the reveal shape. Create a new shape layer and make sure no layer is selected before creating the shape. Draw a rectangle shape over the text area. Now let's apply the Track Matte option. If the Track Matte column is not visible, click on the Toggle Switches Modes button at the bottom of the timeline panel. Now in the text layer, select the rectangle shape layer as the Track Matter layer. Now preview the animation. You can see that we have successfully created the text reveal animation. Track Matte works like a masking layer and helps reveal or hide objects using another shape layer. This technique is widely used in cinematic titles, motion graphics, logo animations and modern typography effects because it creates smooth and controlled transitions without complicated animation setups. Track Matte also gives more creative flexibility, allowing you to create unique reveal styles using different shapes and animated objects. It helps make text animations look more dynamic, stylish, and visually engaging. 15. Liquid Text Animation Effect: This tutorial, we will learn how to create a liquid text effect in Adobe After Effects. First, we already have a text layer in the composition, and I am using the fat Frank regular font with a font size of 457 to create the liquid effect, go to the effects and presets panel. Search for CC smear and drag the effect onto the text layer. Now you can see the distortion effect applied to the text. Let me explain the important effect properties. The from option controls the starting point of the smear effect. First, click on this icon to enable the control point, and then you can adjust the point directly inside the composition panel. This helps you control the direction and stretching area of the smear effect more accurately. You can move this point to control which part of the text starts stretching first. The two option controls the ending direction of the smear effect. The stretch moves from the from point toward the two point. And click on the bottom area of the composition panel to stretch the smear downward, so the liquid effect starts from below. Next, let's understand the reach property. Reach controls the length and strength of the smear effect. Lower values create short and subtle stretching while higher values create long and dramatic liquid motion. Now enable the reach keyframe and set the value two, two. Then move forward on the timeline and increase the reach value. Now preview the timeline. You can see the liquid stretching animation starting. Let's adjust the animation speed for a better look. Press the U key to reveal all animated keyframes. Select both keyframes and press F nine to apply Easy Ease. Now open the Speed Graph editor. Select the first keyframe, hold the shift key, and drag the graph handle toward the right side. This creates slower starting motion and then gradually increases the speed, making the liquid effect feel smoother and more natural. Now suppose we want to apply the liquid effect only on the letter C, duplicate the CC smear effect by pressing Control or Command D key. Then adjust the from end to points, so the smear affects only the C letter. Preview the timeline again. You can also move the key frames to create different animation speeds. Now select both keyframes for the C effect and move them slightly forward in the timeline. Play the animation again, and now the liquid effect appears at different timings. Finally, let's apply the same effect on the capital letter A. Duplicate the effect again and adjust the from and two points around the A letter. A now preview the animation once more. Remember to carefully place the from position around the correct part of the letter. If the point is placed too high or too far away, the liquid effect may not look natural. Always keep the from point positioned properly around the letter shape so the liquid motion looks smooth and realistic. With these simple techniques, we can create amazing liquid text effects and dynamic distortion animations in After Effects. 16. 14 sea lequed text effects 2: This tutorial, I'll show you how to create this type of bubble liquid text effect in Adobe After Effects. In the timeline, we already have three layers. One is the text layer and the other two are video layers. First, let's turn off the text layer and the bottom video layer. Now, go to the Effects and Presets panel and search for CC glue gun, drag the effect onto the top video layer. Then open the Effect Controls panel. The first option is brush position. Brush position controls the starting position of the glue effect. First, move to the first frame of the timeline. Now enable the stopwatch for brush position to create the first keyframe, then click inside the composition panel to place the first brush position. Next, move forward on the timeline and change the brush position. Again, move forward and adjust the position once more. Repeat the same process multiple times to create smooth flowing liquid motion. Now preview the timeline. You can see that we have created a liquid style animation effect with smooth bubble motion. And if you feel the animation speed is too slow, press you on the keyboard to reveal all the animated keyframes. Then select all the keyframes. Now hold the Alt or the option key and drag the last keyframe toward the left to increase the animation speed. If you drag the keyframe toward the right, the animation will become slower. This is a very useful technique because it allows you to adjust the timing of multiple keyframes at once while maintaining the overall animation spacing. Let me show you some more useful properties of the CC glue gun effect that can help create even more realistic bubble and liquid style animations in. Stroke width controls the thickness of the glue trail. Smaller values create thin and sharp glue lines while larger values create thicker and more liquid style stretching effects. Density controls how strong and detailed the glue particles appear. Higher density creates more visible and richer glue motion while lower values create softer and lighter effects. Time span seconds controls how long the glue trail stays visible. Lower values make the trail disappear quickly while higher values create longer lasting sticky motion and smoother flowing animation. Reflection controls the highlight and shine effect on the glue surface. Increasing this value makes the glue look more glossy and realistic, similar to wet liquid or gel material. Strength controls the intensity and pulling power of the glue effect. Lower values create soft and subtle stretching, while higher values create stronger sticky motion and dramatic liquid deformation. In paint style, we have two options plain wobbly. Plain creates a smooth and clean paint stroke without any movement distortion. The stroke remains stable and straight, which is useful for normal paint animation and simple drawing effects. Wobbly adds random shaking and uneven movement to the paint stroke. This creates a hand drawn and organic animation style, making the stroke look more dynamic and natural. Below that, we also have some additional controls. Wobble width controls how wide the wobble distortion becomes. Higher values create stronger side movement in the stroke. Wobble height controls the vertical distortion intensity. Increasing this value creates more irregular and shaky motion, and let's play the animation. Wobble speed controls how fast the wobble animation moves. Higher values create faster and more energetic movement. And these options control the lighting system inside Adobe After Effects. In the using option, we have effect light, A E lights. A E Lights uses the actual After Effects three D light layers from the composition. This allows the effect to react to scene lighting and creates more realistic and professional looking illumination. Effect light uses the built in light system of the effect itself. This means the effect creates its own lighting without needing any external composition lights. It is simple and easy to use for quick lighting setups. Light intensity controls the brightness of the light. Higher values create brighter highlights and stronger lighting effects. Light color controls the color of the light source. You can create warm, cool, cinematic or stylized lighting effects by changing the light color. Light type controls the lighting style, such as spot light or directional light, depending on the effect. Light height controls the distance and elevation of the light source. Higher values make the light appear farther from the object. Light position controls the exact location of the light inside the composition. You can move the light left, right up or down to change the shadow and highlight direction. And shading options control the surface shading and material appearance in Adobe After Effects. They help create realistic lighting, reflections, and three D material effects. Ambient controls the overall base light on the surface. Higher values brighten the object evenly, even in darker areas. It helps reduce harsh shadows and creates softer lighting. Diffuse controls how much light spreads across the surface. Specular controls the high light intensity on the surface. Increasing this value creates brighter, shiny reflections, which is useful for glossy plastic or metallic materials, and roughness controls how smooth or rough the surface reflections appear. Metal controls the metallic appearance of the material. Higher values make the object look more like metal with stronger reflections and shinier highlights. A and now let's delete the effect and to create a proper liquid text animation. First, make the text layer visible again. Then right click on the text layer and choose Create masks from text. This converts the text characters into mask paths. And again, let's apply the CC glue gun effect to this video layer. In this example, we have four characters in the text. So let's duplicate the video layer three times. Now we have four video layers, one for each character. Next, open the text mask layer and locate mask. Select the mask path here you can see a very small box icon on the mask path. This box indicates the first vertex of the path, which means the animation path will start from this point. Right now, the first vertex is not in the position we want. We want the animation to begin from the bottom of the character. To change it, select a point near the bottom of the mask path, then right click and choose set first vertex. Now the small box icon will move to that location. And now copy the mask path by pressing Control or Command C. Next, open the video layer. In the Effect Controls panel, open the CC glue gun effect. Select the brush position property and paste path using Control or Command plus V. After Effects, we automatically create the keyframes and animate the brush position along the mask path. Now preview the animation. You can see that we have created a liquid text animation for the character O. If you want to change the animation speed, you can adjust the keyframe timing. Simply select the last keyframe and drag it toward the left to increase the speed or drag it toward the right to decrease the speed. I And let's create a bubble effect. Now, open the CC glue gun effect. Again, in the brush position property, create a keyframe at the current position. Then move forward on the timeline and create a second keyframe. Now change the X and Y values of the brush position keyframes to fine tune the liquid movement. Next, open the stroke width property, go to the first frame and create a keyframe for stroke width, then move to the last frame of the animation and increase the stroke width value. As the stroke width grows over time, the liquid trail becomes larger and thicker, creating a bubble like effect at the end of the animation. An experiment with different stroke width values to create smaller or larger liquid bubbles. And now let's create the C character animation using the same technique, but in a much quicker way. Now repeat the same technique for the remaining characters. Now let's preview the timeline. You can see that all the characters are animating one by one with smooth liquid motion, creating a beautiful bubble style text effect. You may notice some small dots appearing in the composition during the animation. This happens because when we paste the mask path into the brush position property, the animation affects the brush position, but the stroke width remains visible before the actual animation starts. To fix this issue, go to the beginning of the timeline and set the stroke width value to zero before the animation starts. I then move to the frame where the animation begins and set the stroke width value back to four or any value you are using for the effect. This ensures that the glue effect remains invisible before the animation starts and only appears when the liquid motion begins. Now preview the timeline again and the unwanted dots will disappear. You can apply the same technique to all the remaining characters to keep the liquid text animation clean and professional. And now let's turn on the bottom video layer and preview the animation. Oh To make the effect look more natural and visually appealing, let's duplicate the bottom video layer. Now move the duplicated layer above the original video layer in the timeline. Next, change its blending mode to overlay. This will increase the contrast, highlights and color richness inside the liquid text, making the effect feel more vibrant and realistic. Now preview the timeline again. You can see that the liquid text blends much better with the underwater footage, creating a beautiful effect where the Sea video appears inside the animated liquid character the help of CC glue gun, mask paths, blending modes, and a few simple animation techniques, we have successfully created a professional liquid text animation inside a C video in Adobe After Effects. 17. Sea Liquid Text Animation: In this tutorial, we will learn how to create a particle text animation in Adobe After Effects. In the timeline, we have three layers. The bottom layer is a video layer. Above that, we have a text layer where I have placed the text and animated it. At the first frame, I set the scale value very large, and at the last frame, I set it back to 100%. I have also duplicated the bottom video layer, moved it to the top of the timeline, and changed its blending mode to soft light. For now, let's turn off both the top and bottom video layers. Now select the text layer. Go to the Effects and Presets panel and search for CC particle systems two. Drag the effect onto the text layer. Next, open the Effect Controls panel and expand the particle section. Here you can customize the appearance of the particles. First, adjust the birth color. This controls the color of newly created particles. Since my text is blue, I'll set the birth color to blue. Next, adjust the death color. This controls the color of the particles when they disappear. You can set this color according to your project style. For this example, I'll also use a blue shade to maintain a consistent look. Now go to the particle type option. From the drop down menu, choose shaded and faded sphere. This particle type creates particles with a soft spherical appearance, realistic lighting, and smooth fading edges. It works especially well for bubble effects, underwater particles, glowing particles, and cinematic motion graphics. And now let's adjust the particle size. In the birth size option, set the value to 0.04. This controls the size of the particles when they are first created. A smaller value creates finer and more realistic particles. Next set the death size value to 0.03. This means the particles will become slightly smaller as they disappear, creating a smoother and more natural fade out effect. Now let's increase the birth rate value. Birth rate controls how many particles are generated every second. If the value is low, only a few particles will appear. By increasing the birth rate, more particles will be created, making the effect look denser and more energetic. And set the longevity to 4.5 and longevity controls how long each particle stays visible before disappearing in Adobe After Effects. The value is measured in seconds. A higher longevity value makes particles live longer and travel farther while a lower value makes them disappear more quickly. Now, open the physics section. In the animation option, choose direction axis. This makes the particles move in a specific direction instead of spreading randomly, which helps create a cleaner and more controlled particle animation. Next, set the velocity value to 0.7. Velocity controls how fast the particles move. A value of 0.7 creates smooth and steady particle motion without making the particles travel too fast. Now set the gravity value to -0.5. A negative gravity value causes the particles to move upward, making them behave like bubbles rising through water. This is perfect for underwater and floating particle effects. Next, open the producer section. Here we can control the area where particles are generated. Adjust the radius X value to control the width of the particle emitter. Increasing radius X spreads the particles horizontally while decreasing it makes them appear in a narrower area. Then adjust the radius Y value to control the height of the emitter area by adjusting the producer radius radius Y values, you can match the particle emission area to the size and shape of your text and enable the source Alpha inheritance, and it allows particles to inherit the parch of the source layer. This option is especially useful when using logos, text, PNG images, or custom particle shapes because it helps preserve the original transparency and creates cleaner particle animations. Now you can see that the particles are starting to form the shape of the text. Let's adjust again the velocity value again until we get the movement style we want. You may notice a particle boundary around the effect. To remove this, we can use the CC composite effect. Go to the Effects and Presets panel, search for CC composite and drag it above the CC particle systems to effect. Then in the CC composite settings, set the composite original or background layer option as needed. This helps blend the particles properly and removes the visible particle boundaries. Next, let's adjust the longevity value again. Now let's again fine tune the gravity value. You can see that the particles form a much cleaner text shape with smoother movement and a more natural appearance. Now let's animate the birth rate. First, place the playhead where you want the particle animation to begin. Then click on the birth rate stopwatch to create the first keyframe, move forward on the timeline and adjust the birth rate value. This will automatically create another keyframe. Now open the birth rate property in the timeline and go back to the first keyframe and set the birth rate value to zero. This prevents particles from appearing before the animation starts and creates a smoother particle reveal effect. Now let's move to the second step. We need to animate the producer position so the particles can follow the text animation. To do this, open the producer section and locate the position property. Go to the first frame and click on the stopwatch to create the first keyframe. Then click on the producer position icon and place the emitter at the first position inside the composition. Now move forward on the timeline and change the producer position. Continue placing the producer along the area where you want the particle animation to travel. As the producer moves, new particles will be emitted from different positions, creating a flowing particle trail effect. Now preview the timeline. Now let's duplicate the text layer and remove all the particle effects from the duplicated layer. Next, go to the Effects and Presets panel and search for linear wipe. Drag the effect onto the duplicated text layer. First, adjust the transition completion value. Then set the wipe angle according to the direction in which you want the text to disappear. You can also increase the feather value to create a softer and more natural looking transition. Now move forward on the timeline and set the transition completion value to 100%. This will completely hide the text. Now preview the timeline. I think the animation is a little too fast. Let's select the linear wipe last keyframes and drag them toward the right to slow down the animation speed. Do the same for the producer keyframes in the particle layer so both animations stay synchronized. Now preview the timeline again. You can see that the text is gradually disappearing while transforming into particles. This creates a smooth text destruction effect. Next, let's make both video layers visible again. Now preview the animation. You can see that we have created a beautiful text destruction animation with particles blending naturally into the background video. If you feel the particle count is too low, simply duplicate the particle layer. Then change the random seed value so the duplicated layer generates a different particle pattern. This increases the overall particle density and makes the effect look richer and more detailed. Now preview the animation once more. We have successfully created a professional text particle destruction effect. You can further customize the animation by adjusting the particle colors, birth rate, longevity, gravity, velocity, and random seed values to create your own unique particle text animations in Adobe After Effects. 18. Text Dot Particle Effect: This tutorial, we will learn how to create this type of dot particle text effect in Adobe After Effects. In the timeline, we have four layers. The bottom layer is solid and serves as the background. Above that, we have a video layer that adds motion and visual interest to the scene. Next, we have the main text layer which contains our title text. And finally, we have another text layer that is used to create a reflection effect. For the reflection layer, I transform the text vertically by flipping it upside down. Then I applied a Gaussian blur effect to soften the reflection and make it look more natural. In addition, I applied the wave warp effect to the reflection text layer. The wave warp effect creates subtle wave movement, making the reflection look like it is appearing on the surface of moving water. By adjusting the wave height, wave width, and wave speed, you can create different types of water ripple effects. The combination of vertical flip, gaussian blur, reduced opacity, and wave warp creates a convincing water reflection effect that adds depth and realism to the animation. These small adjustments help create the illusion of text reflecting on a water surface, making the text appear as if it is floating above water with a soft wave like reflection underneath. Now let's apply the CC ball action effect to the text layer. Go to the Effects and Presets panel, search for CC ball action. And drag it onto the text layer. First, let's adjust the ball size value. This controls the size of each particle or dot. Then adjust the grid spacing value. Grid spacing controls the distance between the dots. Lower values create a denser dot pattern while higher values create more space between the particles. Now move forward on the timeline and enable keyframes for ball size, scatter, displace and rotation. Next, go back to the first frame and start adjusting the values. First, increase the scatter value. This spreads the particles away from their original position and creates the beginning of the particle animation. You may notice a visible bounding box around the effect. To remove it, go to the effects and presets panel and apply CC composite. Place the CC composite effect and choose the solid layer as the background source. Now the bounding box disappears and the particles blend properly across the composition. Next, continue adjusting the animation, increase the scatter value to spread the dots further, adjust the displace value to create more random movement and distortion. Then modify the rotation value to add additional motion to the particle pattern. You can also animate the ball size value to make the particles grow or shrink during the animation. Now preview the timeline. You can see the text breaking into animated dots and creating a beautiful particle style transformation effect. Next, let's adjust the reflection layer. Currently, the reflection animation starts at the same time as the main text animation, which does not look very natural. To fix this, select all the reflection layer keyframes and move them slightly forward on the timeline. This creates a small delay between the main text and the reflection. And for a better look, we can also apply glow and gaussian blur effects. A subtle glow effect helps the particle stand out and creates a more vibrant and cinematic appearance. A small amount of Gaussian blur can soften the particles and make the animation blend more naturally with the background. Now preview the timeline. Next, let's adjust the reflection text layer for better visibility and set the first frame to opacity value to 0%. Then move forward on the timeline and increase the opacity value. This creates a smooth fade in effect for the reflection and makes it appear naturally as the main text animation begins. Now preview the timeline again. We have successfully created a beautiful dot particle text effect with a realistic water reflection. You can experiment with different backgrounds, colors, particle settings, glow values, blur amounts, and animation timing to create your own unique and creative particle text animations in Adobe After Effects. 19. Shape-Based Text Animation: This tutorial, we will learn how to create this type of text shape animation in Adobe After Effects. In After Effects, we have four layers in the timeline. The bottom layer is a red shape layer. Above that, we have a text layer, then a white shape layer, and finally, another text layer on the top. First, let's animate the shape layer. Open the shape layer and then expand contents rectangle one and transform rectangle one. Now, locate the scale property. Before animating the scale, you may notice a small dot at the center of the shape layer. This dot represents the anchor point of the rectangle. Since we want the shape animation to begin from the left side and grow toward the right side, we need to move the anchor point to the beginning of the shape. Do this, select the pan behind tool. Then drag the anchor point from the center of the rectangle to the left edge. Now the shape will scale from left to right instead of expanding from the center. This is an important step because the position of the anchor point controls the direction of the scale animation. Now, let's unlock the scale property by clicking on the chain icon because we only want to animate the shape in the X direction. Next, enable the stopwatch for the scale property to create the first keyframe, move forward on the timeline and click again to create another keyframe. Now go back to the first frame and set the scale value to 0%. This will make the shape grow from left to right. Now preview the timeline. You can see that we have successfully created the basic shape animation. Let's fine tune it to make it look more professional. Select both keyframes and press F nine to apply Easy Ease. Next, open the graph editor and make sure Edit Speed Graph is selected. Select the second keyframe, then hold the shift key and drag the graph handle toward the left. This creates a fast start and a smooth slowdown toward the end of the animation. Preview the timeline again. You can see that the shape moves quickly at the beginning and then smoothly eases into its final position, giving us a much more polished and professional looking shape animation. And now let's animate the text layer. First, place the playhead at the position where you want the text animation to begin. Now, open the text layer. Click on the animate button and add the opacity property. Set the opacity value to 0%. Next, open range selector one and enable the stopwatch for the offset property to create the first keyframe. Move forward on the timeline and set the offset value to 100. This creates a simple text reveal animation. Now preview the timeline. The animation already looks nice, but let's enhance it a little more. Now open the transform properties of the text layer. Create the first position keyframe. Move forward on the timeline and create the second position keyframe. Then go back to the first keyframe and move the text slightly toward the left. Then select both keyframes and press F nine to apply Easy Ease. Now open the graph editor and make sure the speed graph is selected. Select the second keyframe, hold the shift key, and drag the graph handle toward the left. Now preview the timeline. The animation is looking much better and more professional. However, you may notice that some of the text is appearing outside the red box, and we need to fix that. Before fixing it, let's adjust the text position a little further to the left to create a stronger reveal effect. Now preview the animation again. To fix the text appearing outside the red box, let me show you a quick and useful trick. First, duplicate the red shape layer. Then move the duplicated shape layer above the text layer in the timeline. Now select the text layer and in the Track Matte column, choose the duplicated shape layer. As soon as you apply the Track mat, the text will only be visible inside the red box. Anything outside the shape area will automatically be hidden. Now preview the timeline once again. You can see that the text stays perfectly inside the red box while animating, creating a clean and professional reveal effect. And with that, we have successfully completed the first part of the animation. Now let's move to the White Box animation. We will follow the same process that we used for the red shape. First, place the playhead where you want the white box animation to begin. Now, open the white shape layer and reveal the scale property. Before animating, make sure the anchor point is positioned on the right side of the shape so the animation grows from right to left. Next, enable the stopwatch for the scale property to create the first keyframe, move forward on the timeline and create another keyframe. Now go back to the first keyframe and set the X scale value to 0%. This will create the left to right box animation. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust the graph handles to create a faster start and a smoother slowdown at the end of the animation. And let's decrease the shape size a little bit. Now duplicate the shape layer and rename it appropriately. Change the fill color of the duplicated shape. Next, open the scale property and increase the size slightly compared to the white shape. This allows a small portion of the red shape to remain visible around the edges, creating a layered design effect. Now, adjust the timing of the white shape keyframes so the animation flows nicely with the first box animation. Preview the timeline. I think the animation looks much better now. Next, let's animate the text. Open the text layer and adjust the text position according to the white box. You may notice that the shape size needs a little more adjustment, so let's quickly resize the shape and fine tune the spacing. Also adjust the text position to ensure it sits perfectly inside the box. And Now preview the animation again. And now open the text layer, click on the Animate button and add tracking. Enable the stopwatch for the tracking amount to create the first keyframe, then move the playhead on the timeline and create another keyframe and increase the tracking amount value. This creates a spacing animation where the characters move closer together as the animation plays. To make the animation more dynamic, let's also add the position property. Adjust the position value slightly so the text moves into place while the tracking animation is happening. Now let's fix the text visibility issue again. We will use the same technique as before. Duplicate the shape layer and move the duplicated layer above the text layer. Then select the text layer and set the duplicated shape layer as the Track Matte. This ensures the text remains visible only inside the shape and creates a clean reveal animation. Now, preview the timeline. You can see that the text visibility issue has been fixed and the animation looks much cleaner. We have almost completed the animation. Finally, let's add some overall movement to make the animation feel more alive. Create a null object. Open the position property of the null object and create the first position keyframe. Move forward on the timeline and adjust the position value to create subtle movement. Now select all the text and shape layers and parent them to the null object. This allows us to animate the entire design from a single control layer. Now preview the animation. You can see that the entire composition moves smoothly while all the individual animations remain intact. And with that, we have completed the animation. Using a few simple techniques such as shape animation, text tracking, Track mats, Easy Ease, graph editor adjustments, and null object controls, we can create beautiful and professional text animations in Adobe After Effects. 20. Text Reveal Shape Animation: This tutorial, we will learn how to create a text reveal animation in Adobe After Effects. In the timeline, we have four layers, two text layers and two shape layers. First, let's animate the line shape. Open the line shape layer and reveal the transform properties. Now open the scale property and unlink the chain icon because we only want to animate the scale in one direction. Please note that I have already positioned the anchor point at the center of the line. This is important because we want the line to grow outward from the center toward both directions. Now, click on the stopwatch to create the first keyframe, move forward on the timeline and create another keyframe. Then go back to the first keyframe and set the X scale value to 0%. Now preview the timeline. You can see that the line grows smoothly from the center toward both sides and the basic animation is now complete. Next, select both keyframes and press F nine to apply Easy Ease. Now open the graph editor and make sure the speed graph is selected. Select the second keyframe, then drag the graph handle toward the left. This creates a fast start and a smooth slowdown at the end of the animation. The animation feels much smoother and more professional, and the line reveal effect looks much more polished. Now duplicate the line shape layer, open the transform section, and change the Y position value, so the duplicated line moves to a different location. Now preview the timeline. You can see that both lines animate smoothly at the same time, creating a clean and stylish design. Next, let's animate the red shape layer. We will follow the same process again. First, place the playhead where you want the animation to begin. Now, open the red shape layer. You may notice that the anchor point is not centered. Let's fix that. Hold the control or the command key and double click the pan behind tool icon. This will automatically place the anchor point at the center of the shape. Now open the transform section. In the scale property, unlink the chain icon because we only want to animate the width of the shape. Click on the Stopwatch to create the first keyframe. Move forward on the timeline and create a second keyframe. Now return to the first keyframe and set the scale value to 0%. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe, hold the shift key, and drag the graph handle toward the left. This creates a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. Perfect. The shape expands smoothly and feels much more natural. We have successfully completed the shape layer animation and it blends nicely with the animated line elements. And now let's animate the text layer. First, place the playhead at the frame where you want the text to appear. Now, open the text layer, click on the Animate button and select tracking. Enable the stopwatch for the tracking amount to create the first keyframe, move forward on the timeline, and create a second keyframe. Now go back to the first keyframe and increase the tracking amount value. You can see that the text characters spread apart from left to right. However, we want the spacing to expand from the center of the text. To achieve this, open the paragraph panel and set the text alignment to center. And now let's reposition the text again so it sits perfectly inside the shape. Now increase the tracking amount again. You can see that the characters now spread outward from the center, creating a much more balanced and professional animation. Now preview the timeline. The animation looks good. At the moment, you can see that some of the text appears outside the shape area, but we want the text to be visible only inside the red shape. Let's fix that quickly. First, duplicate the red shape layer, then move the duplicated shape layer above the text layer in the timeline. Now, select the text layer and set the duplicated shape layer as its track mat. As soon as you apply the track mat, the text becomes visible only inside the shape. Now preview the timeline again. You can see that the text reveal is perfectly contained within the shape. The animation looks good, but let's adjust the tracking amount a little more to get a better visual result. Now the animation looks perfect. Next, let's animate the bottom text. First, open the text layer, click on the animate button, and add the position property. Now adjust the Y position value so the text starts slightly below its final position. Next, open the offset property and click the stopwatch to create the first keyframe. Set the offset value to -100, then move forward on the timeline. And change the offset value to 100. Now open the advanced section. In shape, select ramp up, then increase the E's high and Es low values to create smoother animation. Let's add opacity as well to make the animation smoother and more natural. Now preview the timeline. I think I selected am down by mistake. Let's fix it very quickly to change it from am down to ramp up. Now preview the timeline. You can see the text animating smoothly from the bottom. Finally, let's create a new shape layer, position the shape where you want the text to be revealed. Now, select the bottom text layer and set the new shape layer as its track mat. This ensures the text is visible only inside the shape area, and with that, we have completed the main animation. Now, let's create the reverse animation. It is very simple. Select all the layers and press to reveal all animated keyframes. First, let's hide the line shapes. Move the playhead to the point where you want the reverse animation to begin. Create a new keyframe for the scale property, move to the last frame and set the scale value to 0%. This will make the line disappear. Now repeat the same process for the remaining shape layers. For the text layer, create two keyframes. At the last keyframe, increase the tracking amount value so the characters spread apart as they disappear. For the track mat, shape layers animate the scale property in the same way as we did for the shape animations. Now, move to the bottom text layer. Create two keyframes for the offset property. At the final keyframe, set the offset value to -100. This will animate the text out of the composition. Finally, press the end key to define the end of the work area. Now preview the animation. You can see the text reveals smoothly, stays on screen, and then reverses back out with the same elegant motion. With a few simple techniques such as shape animation, tracking animation, text animators, Track mats, Easy Ease, and graph editor adjustments, we can create creative and professional text animations in Adobe After Effects. Keep experimenting with different shapes, colors, timings, and textles to create your own unique motion graphics animations. 21. Zoom In & Zoom Out Text Animation: This tutorial, we will learn how to create this type of animation in Adobe After Effects. In the timeline, we have two text layers and two shape layers. For the text, I am using the Open Sans bold font with a font size of 156 pixels. First, let's animate the gravity shape layer. Select the shape layer. Since we want the shape to animate from left to right, we first need to move the anchor point to the left side of the shape. Now open the shape layer and reveal the scale property. Unlock the chain icon because we only want to animate the shape in the horizontal direction. Make sure the playhead is at the first frame. Click on the stopwatch to create the first keyframe, then move forward on the timeline and create another keyframe. Now go back to the first keyframe and set the scale value to 0%. This creates the basic left to right shape animation. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe, hold the shift key and drag the graph handle toward the. Creates a fast start and a smooth slowdown at the end of the animation. And now let's animate the gravity text. First, place the playhead at the position where you want the text animation to begin. Now open the text layer, click on the animate button, and add opacity and set the value to zero. Open Range Selector one and click on the Start Stopwatch to create the first keyframe. Then move forward on the timeline and set the start value to 100%. This creates a smooth text reveal animation from left to right. For even smoother motion, we can enable motion blur if you don't see the motion blur option in the timeline, you can enable it by clicking on the Toggle Switches Modes button at the bottom of the timeline panel. And now let's move to the second shape. Let me show you a quick trick to animate the shape. First, select both scale keyframes from the first shape layer and copy them. Now, open the second shape layer, reveal the scale property, and paste the keyframes. You can see that the shape is expanding from the center instead of from right to left. This happens because the anchor point is currently positioned in the center of the shape. To fix this, move the anchor point to the right side of the shape. I now preview the timeline again. You can see that the shape is now expanding from right to left, which is exactly the effect we want. Finally, let's animate the text. First, place the playhead where you want the text animation to begin. Open the text layer, click on the animate button and add opacity. Set the opacity value to 0%. Since we want the text to reveal from right to left, we will animate the end property instead of the start property. Open Range Selector one and click on the end Stopwatch to create the first keyframe. Move forward on the timeline and set the end value to 0%. This creates a right to left text reveal animation. Now preview the timeline, and with that, we have successfully completed both the shape and text animations. Let's add a Zoom effect. First, place the playhead where you want the Zoom animation to begin. Then create a null object. Select all the layers and parent them to the null object by dragging the parent link to the null object. Now open the scale property of the null object. Create the first scale keyframe, move forward on the timeline, and increase the scale value. This will create a Zoom in animation for the entire composition. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe, hold the shift key and drag the graph handle toward the left. This creates a fast Zoom at the beginning and a smooth slowdown at the end. Now preview the timeline. I think the animation looks perfect. To make the Zoom stay on screen for a moment, move forward on the timeline and create another keyframe with the same scale value. This will keep the composition at the Zoomed in position for a short duration. Then move forward again and set the scale value back to 100%. Now select the new keyframes and press F nine to apply Easy Ease. Open the graph editor and adjust the graph handles to create smooth acceleration and deceleration. Now preview the timeline again. You can see that the composition smoothly zooms in, stays on screen for a moment, and then zooms back out to its original size. And now let's create the Otro animation. Now open red shape one. Create a keyframe for the scale property, move forward on the timeline and set the scale value to 0%. Since the anchor point is on the right side, the shape will now disappear from right to left. Next, select the new keyframes, open the graph editor, and adjust the graph handles to create smooth acceleration and deceleration. I and because at this stage, the shape is disappearing from right to left, we need the text to disappear in the same direction. So for the text layer, we will animate the end property. First, click on the end stopwatch to create a keyframe, then move forward on the timeline and set the end value to 0%. This causes the text to gradually disappear from right to left, matching the shape animation perfectly. Now preview the timeline. You can see that both the shape and text disappear together in the same direction, creating a clean and synchronized animation. It's good. We can repeat the same process for the remaining shape and text layers to complete the outro animation. I And for the text layer, we will do the exact opposite animation. Click on the start Stopwatch to create the first keyframe, then move forward on the timeline and set the start value to 100%. This causes the text to gradually disappear in the opposite direction, creating a smooth exit animation. Now, adjust both the shape and text keyframes so the timing matches perfectly, and the text disappears cleanly inside the. Preview the timeline and fine tune the keyframe positions if needed to achieve a smoother transition. Now let's play the animation. You can see that the shapes and text animate in smoothly, stay visible for a moment, and then animate out in a clean and professional way. And with that, we have completed a simple but very effective animation using shape layers, text animators, Easy Ease, graph editor adjustments, motion blur and track mats. We can create beautiful and creative animations in Adobe After Effects. 22. Text Tracking Animation: This tutorial, we will learn how to create this type of text and shape animation in Adobe After Effects. In the timeline, we have three text layers and one shape layer. For the text, I am using the Open Sans font with different font sizes to create a visual hierarchy. The shape layer is placed between the text layers, and I have applied two drop shadow effects to the shape layer. Also, both the top and bottom text layers are positioned below the shape layer so that the shadow effects appear on the text, creating more depth and dimension. First, let's animate the shape layer. To do that, we need to make sure the anchor point is perfectly centered. If not, then hold the Control or command key and double click on the pan behind tool. This will automatically place the anchor point at the center of the shape. Now, open the shape layer and reveal the scale property. Unlock the chain icon because we only want to animate the shape in one direction. Next, click on the stopwatch to create the first keyframe, move forward on the timeline and create another keyframe. Return to the first keyframe and set the scale value to 0%. This creates the basic shape reveal animation. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe and drag the graph handle toward the left side. This creates a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. You can see that the shape grows smoothly and naturally, creating a clean and professional animation. And with that, we have successfully completed the shape layer animation. Now let's animate the text layer. First, place the playhead at the position where you want the text animation to begin. Open the text layer, click on the Animate button and add tracking. Reduce the tracking amount value so that all the characters are compressed closer together and appear almost in the same position. Next, click on the Add button and add Opacity. Set the opacity value to 0% so the text is initially invisible. Now open Range Selector one. Click on the Start Stopwatch to create the first keyframe. Move forward on the timeline and set the start value to 100%. This creates a smooth text reveal animation where the characters gradually spread out and become visible. Now preview the timeline. You can see the text smoothly appearing while expanding into its normal spacing. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe and drag the graph handle toward the left side. Now preview the timeline again. And now let's move to the bottom text. First, place the playhead at the position where you want the animation to begin. Open the text layer. Click on the animate button and add tracking. Reduce the tracking amount value. You can see that the characters move toward the center. However, for this text animation, we want the characters to move from the right side. To achieve this, align the text to the left and then reposition the text layer as needed. Now adjust the tracking amount again. You can see that the character is now compressed toward the left side, creating the effect we want. Next, click on the Add button and add opacity. Set the opacity value to 0% so the text starts invisible. Now open Range Selector one. Click on the Start Stopwatch to create the first keyframe, move forward on the timeline, and set the start value to 100%. This creates the text reveal animation. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe and adjust the graph handle to create a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. You can see that the bottom text smoothly reveals from the right side while expanding into its normal character spacing. Let's add the position property for a better looking animation, open the transform properties of the text layer. Click on the position stopwatch to create the first keyframe, then move forward on the timeline and adjust the position value. This creates a subtle horizontal movement that makes the text animation feel more dynamic and natural. Now preview the timeline. Let's adjust the position values again. Now preview the timeline once more. The text now slides gently into place while revealing itself, which adds extra motion and makes the animation more engaging. I think it looks much better now, and now let's animate the top text. We will follow the same process as before. Open the text layer, click on the animate button and add tracking. Now, reduce the tracking amount value. You may notice that the characters are shifting from left to right. Why is this happening? It's because the text is right aligned. When the tracking amount is reduced, the characters compress toward the right side causing the animation to behave differently compared to left aligned text. Now let's add opacity. Click on the ad button inside the animator and select opacity. Set the opacity value to 0% so the text starts completely invisible. Next, open range selector one. Click on the start Stopwatch to create the first keyframe. Move forward on the timeline and set the start value to 100%. This creates a smooth text reveal animation. Now select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe, then drag the graph handle toward the left to create a fast start and a smooth slowdown at the end of the animation. Now, let's add the position property to make the animation more dynamic. Adjust the position value slightly so the text slides gently into place as it reveals. Now, preview the timeline. Finally, let's add a Zoom effect to make the animation more dynamic. First, create a null object, then select all the text and shape layers and parent them to the null object by using the PI Whip tool or by dragging the parent link to the null object. Now open the scale property of the null object. Click on the stopwatch to create the first keyframe, move forward on the timeline and increase the scale value. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the last keyframe and drag the graph handle toward the left to create a fast start and a smooth slowdown at the end. Now preview the timeline. I think it looks perfect. To keep the zoomed in view on the screen for a moment, move forward on the timeline and create another keyframe with the same scale value. Then move forward again and set the scale value back to 100%. Select the last two keyframes, press F nine, and adjust the speed graph again for a smooth Zoom out animation. Now preview the timeline once more. The composition smoothly zooms in, stays for a moment, and then zooms back to its original size. Now let's create the reverse animation. It's very simple. Open the shape layer and create a new scale keyframe. Move to the last frame and set the scale value to 0%, apply Easy Ease and adjust the speed graph to create a smooth exit animation. And now, let's do the same process as we did before, but this time we'll do it much faster. I Now preview the animation again. I think it looks perfect. With these simple techniques such as shape animation, text animators, Easy Ease, graph editor adjustments, and null object controls, you can create beautiful and creative text and shape animations in Adobe After Effects. Keep practicing and experimenting with different shapes, colors, fonts, and animation timings to create your own unique motion graphics projects. 23. Stroke Text Tracking Animation: This lesson, we will learn how to create this type of text stroke animation in Adobe After Effects. In the timeline, we have three text layers. Let me quickly show you all the layers. For the top text layer, I have disabled the fill and enabled the stroke, so only the outline of the text is visible. First, let's animate everything that exists in space text. To make the animation easier to manage, you can also create a precompose by right clicking on the text layer and choosing precompose or press Control Shift C on or Command Shift C on Mac, and you can give the composition a name and click Okay. Now open the precomposed text layer. Click on the Animate button and add tracking. Reduce the tracking amount so the characters are compressed closer together. Next, click on the Add button and add opacity. Set the opacity value to 0% so the text starts invisible. Now open Range Selector one. Click on the offset stopwatch to create the first keyframe, move forward on the timeline and set the offset value to 100%. This creates the text reveal animation. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the second keyframe and drag its graph handle toward the left. Then select the first keyframe and drag its graph handle slightly toward the right. This creates a smooth ease in and ease out motion, making the animation feel much more natural. Now preview the timeline. You can see that the stroke text reveals smoothly with a clean and professional animation. Now let's move to the constellation text. First, convert the text layer into a precompose. You can use the shortcut or simply right click on the layer and choose precompose. Next, open the pre-composition. Go to the composition menu and choose Crop Comp to region of interest. This crops the composition so that only the text remains visible inside the composition area. Now, open the text layer, reveal the position property, click on the position stopwatch to create the first keyframe, move forward on the timeline and create a second keyframe. Now go back to the first keyframe and adjust the Y position value so the text starts slightly below its final position. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the second keyframe and drag the graph handle toward the left to create a fast start and a smooth slowdown at the end. Now preview the timeline. Perfect. And now let's move back to the main composition. First, adjust the position of both text layers so they align perfectly with the overall design. Now preview the timeline. I think it looks good. Next, let's adjust the timing of the stroke text. Move the stroke text layer further down the timeline so it appears at the right moment in the animation. Now, let's animate the top two text layers together. First, create a null object. Then select both text layers and parent them to the null object. Next, click on the position stopwatch to create the first keyframe, move forward on the timeline and change the Y position value. This creates a smooth upward movement for both text layers at the same time. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust the graph handles to create a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. Next, duplicate the stroke text layer several times. Arrange the duplicated layers in the timeline according to the effect you want to create. Select one of the duplicated layers and open the position property. Create the first position keyframe, move forward on the timeline and create a second keyframe. Now adjust the Y position value to create the movement. Select both keyframes and press F nine to apply Easy Ease. Open the graph editor, make sure the speed graph is selected, and adjust the graph handles to create a smooth speed variation. Next, let's animate the remaining text layer. We'll use the same technique as before, but this time we'll animate the text from the bottom. To save time, let's complete this animation quickly using the same steps. Now we have finished animating all the text layers. Preview the timeline. It looks perfect. Now let's create the reverse animation, select all the layers and press to reveal all the animated keyframes. For each animated layer, create two new keyframes where you want the outtro animation to begin. Now copy the first keyframe and paste it at the last keyframe. Repeat the same process for all the remaining layers. Next, select the keyframes, open the graph editor, and adjust the graph handles toward the left to create a smooth speed variation. Finally, press the end key to define the end of the work area. Now preview the timeline. You can see that the text animates in smoothly, stays on the screen for a moment, and then reverses back out with the same smooth motion. With these simple techniques, you can create this type of professional text animation in Adobe After Effects. Keep experimenting with different fonts, timing, easing and animation values to create your own unique and creative text animations. 24. Show & Hide Text Animation: This tutorial, we will learn how to create this type of animation in Adobe After Effects. In the timeline, we have six layers. Let me quickly show you all the layers. One of them is a shape layer and the remaining five are text layers. First, let's enable the title Action Safe Guides because we want to position the text accurately above and below the interstellar title. Now let's animate the shape layer. Before animating, make sure the anchor point is placed at the bottom center of the shape. If it isn't, select the pan behind tool and drag the anchor point to the bottom. For a perfectly centered position, hold the control key on Windows or the command key on Mac while moving the anchor point. Now move to the first frame. Select the shape layer and press S to reveal the scale property. Unlock the chain icon because we only want to animate the shape vertically. Click on the stopwatch to create the first keyframe, move forward on the timeline and create a second keyframe. Now return to the first keyframe and set the Y scale value to 0%. This makes the shape grow upward from the bottom. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Select the second keyframe, then drag the graph handle toward the left to create a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. Perfect. The shape grows smoothly from the bottom. And now let's animate the text. First, duplicate the text layer and hide one of the text layers for now. Select the visible text layer and press P to reveal the position property. Click on the position Stopwatch to create the first keyframe. Move forward on the timeline and adjust the Y position value. This automatically creates the second keyframe. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust the graph handles to create a fast start and a smooth slowdown at the end of the animation. Now, let's animate the second text layer. First, duplicate the text layer. To save time, simply copy the two position keyframes from the first text layer. Select the text layer, press P to reveal the position property and paste the keyframes. After Effects automatically creates the position animation for this layer. Now you only need to adjust the text position according to your design. There is no need to create the keyframes again. Repeat the same process for the remaining text layers. Y Finally, preview the timeline. And now we want the text to remain hidden until it starts. There are several ways to achieve this. For example, we could animate the opacity property, but in this tutorial, we'll use the Track Matte method because it gives a much cleaner and more professional result. First, create a new shape layer, resize and position the shape so it covers the area where you want the text to be visible. Now rename the layer to text mat to keep your timeline organized. Next, select the text layer. In the Track mat column, choose the text mat shape layer as the mat. Now repeat the same process for the remaining text layers. Finally, enable invert mat for text layer. Now preview the timeline. Perfect. And now let's animate the remaining text layers. We'll follow the same process as before. First, duplicate the text layer. Then select the duplicated text layer and press P to reveal the position property. Click on the position stopwatch to create the first keyframe, move forward on the timeline and change the position value. Now select both keyframes and press F nine to apply Easy Ease. Open the graph editor, make sure the speed graph is selected, and adjust the graph handles to create a smooth speed variation. To save time, simply copy these position keyframes. Select the next text layer. Press P to reveal the position property and paste the keyframes. Then adjust the position values to match the new text placement. Repeat the same process for the remaining text layers. Now, let's hide the text while it begins to animate. We'll use the same Track Matte technique that we used earlier. First, create a new shape layer and rename it, resize and position the shape so it covers the visible area of the text. And now, finally, let's animate the Interstellar text. First, place the playhead at the frame where you want the animation to begin. Open the text layer, click on the Animate button, and add tracking. Reduce the tracking amount so the characters start closer together. Next, click on the Add button and add opacity. Set the opacity value to 0% so the text is initially invisible. Now open Range Selector one. Click on the offset stopwatch to create the first keyframe, move forward on the timeline and set the offset value to 100%. Now preview the timeline. If needed, adjust the keyframe timing to make the animation smoother. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust the graph handles. We can also add a subtle position animation to make the text feel more dynamic. Open the transform properties and reveal the position property. Create the first position keyframe, move forward on the timeline and adjust position value slightly. I needed, reposition the text layer for better alignment. A now preview the timeline. I think it looks perfect. Now, let's create the reverse animation. First, create additional keyframes for all the text and shape layers so they remain visible on the screen for a short moment. Then move forward on the timeline and create another set of keyframes for each animated layer. For the bottom text layers, adjust the Y position value so the text moves back to its starting position. Once the animation looks correct, copy the final position value and paste it onto the remaining bottom text layers, so they all animate consistently. Repeat the same process for the upper text layers. Just the Y position for one layer, then copy and paste the position values to the other upper text layers. Now, open the interstellar text layer, create a new keyframe for the offset property, move forward on the timeline and set the offset value back to 0%. This creates a smooth reverse text animation. Finally, open the graph editor and adjust the graph handles to create smooth speed variation during the exit animation. And finally, let's animate the shape layer for the outrow. Open the shape layer and create a new keyframe for the Y scale property. Move forward on the timeline and set the Y scale value to 0%. This makes the shape smoothly shrink back toward the bottom, matching the exit animation of the text. I needed, apply Easy Ease and adjust the speed graph for a smoother motion. Now press the end key to define the end of the work area. Finally, preview the timeline. You can see that all the text layers animate in smoothly, stay on the screen for a moment and then reverse out with matching timing and creating a clean and professional title animation in Adobe After Effects. With these simple techniques, using text animators, track mats, shape layers, Easy Ease, and the graph editor, you can create simple but highly effective title animations in Adobe After Effects. Keep experimenting with different fonts, colors, spacing and animation timings to create your own unique and professional motion graphics. 25. Advanced Text Tracking Animation: In this lesson, we will learn how to create this type of animation using the tracking effect in Adobe After Effects. In the timeline, we have a single text layer. I'm using the fat Frank regular font with a font size of 169 pixels, and the text is aligned to the center. First, let's animate the text layer, open the transform properties and enable the stopwatch for both the scale and opacity properties to create the first keyframes. Move forward on the timeline and create a second keyframe for both properties. Now return to the first keyframe. Increase the scale value, so the text starts larger than its final size. Then set the opacity value to 0%, so the text is completely invisible at the beginning. Next, select all the keyframes and press F nine to apply Easy Ease and open the graph editor and make sure the speed graph is selected. Then select the last keyframe and drag the graph handle toward the left to create a fast start and a smooth slowdown at the end of the animation. Now preview the timeline again and you can see that the text scales down while fading in. Then move forward on the timeline and place the playhead where you want the tracking animation to begin and click on the animate button and add tracking. Then enable the tracking amount stopwatch to create the first keyframe and move forward on the timeline and set the tracking amount value to 80. This increases the spacing between the characters and creates the tracking animation. Now select both keyframes and press F nine to apply Easy Ease. Open the graph editor, make sure the speed graph is selected, and adjust the graph handles to create a smooth speed variation just as we did before. Next, move forward on the timeline and create another keyframe for the tracking amount. Move forward again and set the tracking amount back to zero. This smoothly brings the characters back to their original spacing. Now select both keyframes and press F nine to apply Easy Ease. Open the graph editor, make sure the speed graph is selected, and adjust the graph handles to create a smooth speed variation just as we did before. Now place the playhead where you want the outtro animation to begin. Open the transform properties and create new keyframes for both scale and opacity. Move forward on the timeline, increase the scale value slightly, and set the opacity value to 0%. This creates a smooth scale up and fade out animation. Now preview the timeline. You can see that the text smoothly fades in, expands with the tracking effect, returns to its normal spacing, and finally scales up while fading out, creating a clean and professional title animation. And now let's move to the next step. First, duplicate the text layer and for the duplicated layer, disable the fill and enable the stroke. Now we have an outline version of the text, and we want the stroke text to appear at this point in the timeline. Set the opacity value to 0%. Then move forward on the timeline to the point where you want the stroke text to become fully visible and set the opacity value to 100%. Now let's animate the position property. Click on the position stopwatch to create the first keyframe, then move forward on the timeline and adjust the Y position value. This creates the second keyframe automatically. Now, let's preview the timeline. I think the animation is a little slow, so let's adjust the keyframes. Next, select both keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust the graph handles to create a fast start and a smooth slowdown at the end of the animation. Now preview the timeline. Now move forward on the timeline and create another keyframe for the Y position. Then copy the first position keyframe and paste it here. This makes the text return to its original position, creating a smooth in and out movement. Next, let's animate the opacity. We want the text to fade out as it moves back to its original Y position. It's very simple. First, create a keyframe for the opacity property at the point where the text is still fully visible. Then move forward on the timeline and set the opacity value to 0%. Now preview the timeline. A Perfect. Now let's move to the next step. First, duplicate the text layer. Then move the duplicated layer a little further along the timeline. Press P to reveal the position property, then adjust the Y position value to place the text at its new location. Now copy the second position keyframe and paste it over the third keyframe. This keeps the text at the same Y position between these two keyframes before it starts moving again. Repeat the same process for the remaining top text layers. To save time, let's complete these animations quickly using the same technique. Duplicate each text layer, reposition it, and adjust the position keyframes accordingly. Now, preview the timeline. Perfect. Now let's animate the bottom text. Again, duplicate the text layer and press P to reveal the position property, adjust the Y position value to place it correctly. Copy the second position keyframe and paste it onto the third keyframe to hold the text in place before it moves. Repeat the same process two more times for the remaining bottom text layers. Finally, press the end key to define the end of the work area. Now preview the timeline. You can see that all the text layers animate smoothly with consistent timing and motion. With this simple technique of duplicating layers and reusing keyframes, you can quickly create creative and professional text animations in Adobe After Effects. 26. 3D Box Text Animation: This tutorial, we will learn how to create this type of three D box flip text effect in Adobe After Effects. In the timeline, we have the word moon. I have already separated each character into its own individual text layer so that we can animate each letter independently. First, let's animate the M character. Select the text layer and convert it into a pre compose. You can do this by right clicking the layer and choosing pre compose or by pressing Control or Command plus Shift plus C. If you enable the open New composition checkbox, while creating the precompose, After Effects will automatically open the new composition for. Now let's adjust the composition size. Go to composition settings and change the composition size to 400 by 400 pixels. This gives us enough space around the character to build the three D box effect. Now center the character inside the composition. You can use the align panel or manually position the text, so it is perfectly centered. Next, convert this layer into another precompose. Again, enable open new composition if you want it to open automatically. This time, change the composition size to 300 by 300 pixels. Finally, position the character exactly at the center of the composition. Now create a new shape layer. A quick way to do this is to select the rectangle tool, then hold Control or command and double click on the tool. This automatically creates a shape layer that fills the composition. Move the text layer above the shape layer, then return to the main pre-composition and enable the three D layer switch for layers. Next, select the pan behind tool, hold the Control key on Windows or the command key on Mac while dragging the anchor point to the bottom center of the shape layer. Ensures the layer rotates from the bottom edge, which is essential for creating the box flip effect. Now duplicate the composition. Open the duplicated layer and reveal the transform properties. Set the X rotation value to -90 degrees. You'll notice that the duplicated shape rotates downward, forming the bottom face of the box. Next, duplicate the shape layer once again and move it to the top. Use the control or command key while dragging to help align it accurately with the other faces. At this point, we have created three sides of the box. To better understand the three D structure, let's create a null object, enable the three D layer switch for the null object. Now parent all the box layers to the null object using the PIC whip tool. Open the transform properties of the null object and adjust the X rotation value. As you rotate the null object, you can clearly see the three D box structure. You'll also notice that one side of the box is still missing. So we need to create one more composition layer to complete the fourth side and fully close the three D box before we begin the flip animation. First, select all the layers and center align them in the composition. Now select the bottom face of the box, duplicate it, and move the duplicated layer to the top. You can zoom into the composition for more precise alignment. Next, rotate the X rotation value. Now you can see that the box is complete. However, there are still two issues. The text on two sides is facing the wrong direction because it is mirred. Let me show you a quick trick to fix. Select the layer. Open the scale property and unlock the chain icon. Set the Y scale value to -100% to flip the text vertically. Then open the anchor point property and set the Y anchor point value to zero. This corrects the orientation of the text. Repeat the same process for the other text layer. Now, all the text faces are oriented correctly. Next, let's give the box a little more depth by changing the color of two sides. Go to the Effects and Presets panel and search for Channel Mixer. Apply the effect to one of the side layers. In the Effects Controls panel, adjust the color channels to create a different color. For example, increase the blue and red values to create a pink tint. Repeat the same process for the other side layer. Using slightly different colors on each face makes the three D box look much more realistic. Now let's animate the box. Select the null object that controls all the box layers, open the transform properties. Click on the X Rotation stopwatch to create the first keyframe. Move forward on the timeline and increase the X rotation value to create the flip animation. Now preview the timeline. You can see the entire box rotates smoothly in three D, creating a clean and realistic three D box flip animation. And now let's move back to the main composition. We have successfully created the box. You can now repeat the same process for the remaining three characters. To save time, I've already completed all four character boxes. Now let's preview the animation. Perfect. Next, let's animate all the boxes together. Select the first box layer and reveal the scale and position properties. Create the first keyframes, move forward on the timeline and create the second keyframes. Now return to the first keyframe, reduce the scale value slightly and adjust the position so the box starts a little lower. This creates a smooth scale up and upward movement. Repeat the same process for the remaining three box layers. You can offset the layer timing slightly to create a more dynamic and natural animation. Now preview the entire sequence. It looks great. If you want to add even more movement, simply double click the Mbx layer to open its pre-composition. Open the null object that controls the box and create another X rotation keyframe. Move forward on the timeline and adjust the X rotation value to add an extra flip. To save time, I've already repeated the same process for all the remaining character layers. Now press the end key to define the end of the work area. Finally, preview the timeline. You can see that all the three D box characters animate smoothly with consistent timing and motion, creating a clean and professional three D box flip text animation. You can also experiment by rotating the boxes in the opposite direction, changing the rotation speed or animating the Y rotation and z rotation properties. Combining different transform properties such as scale, position and rotation will help you create even more unique and creative three D text animations. 27. Rotating Circular Text Loop Animation: This tutorial, we will learn how to create this type of rotating circular text animation in Adobe After Effects. We'll begin with a 1920 by 1080 composition. First, create a white background, select the rectangle tool, set the fill color to white then hold the control or the command key and double click the rectangle tool. This automatically creates a shape layer that fills the entire composition. Next, convert the shape layer into a precompose. You can right click on the layer and choose precompose or press Control or Command Shift plus C. You can give the composition a suitable name and make sure the open new composition option is checked, so it opens automatically. Inside the new composition, convert the shape layer into another precompose. At this point, we have three compositions in our project. The first one is the main composition where we will create the final animation. The other two are pre-composition which we created to keep the project organized and make the animation easier to manage. Now go to composition settings and change the composition size to 1,000 by 1,000 pixels. This creates a square composition which is ideal for circular animation. Next, select the Ellipse tool. Make sure the tool is set to mask mode instead of shape mode. Hold the Control key or the command key and double click the Ellipse tool. This creates a perfectly centered circular mask. Now reveal the mask properties. Duplicate the mask by pressing Control or Command D. Change the duplicated masks mode to subtract. Open the mask properties and reduce the mask expansion value. As you decrease the expansion, the inner portion creating a clean circular ring. Now we need to create a half circle. Select the rectangle tool and make sure it is still in mask mode. Draw a rectangle over one half of the circular ring. Adjust its position until it covers exactly half of the circle. Finally, change the rectangle masks mode to subtract. And now let's duplicate the half circle shape layer. Convert one of the duplicated shape layers into a precompose. Open the new pre-composition. Go to composition settings and change the composition height to 500 pixels. Now use the align panel to center the half circle and adjust its position so it fits perfectly inside the composition. Next, create a new text layer. You can type any text you like. In this example, I'm using found in space. Change the text color to black and choose any font that suits your design. Now, copy the mask path from the half circle shape. Select the text layer and paste the mask path. After Effects automatically creates a text path for the text. Adjust the size and position of the path so the text fits neatly inside the half circle. Open the path options and set the path to mask one. Enable reverse path so the text flows in the correct direction. Then adjust the first margin value to position the text perfectly along the inside edge of the circle. You can also adjust the tracking or character spacing so the text fills the curve evenly. Perfect. Now copy the text layer, move back to the previous pre-composition. Convert the second half circle shape layer into another precompose. Open this pre-composition and again, adjust the composition settings and the position of the half circle so everything is centered. Now, change the color of the half circle. I'm going to use red. Paste text layer into this composition. You can change the text, adjust the font settings if needed, and keep the text color white for better contrast. Now return to the previous pre-composition. Reposition the white half circle if necessary. Then rotate the red half circle by 180 degrees. Finally, adjust its position so it aligns perfectly with the white half circle. Now the two halves combine to create a complete circle, one half white and the other half red with curve text following each semicircle. And now let's create a new null object. Parent both half circle layers to the null object using the PI whip tool. Now open the transform properties of the null object and change the rotation for better animation effects. First, let's animate the rotation and scale properties. Create the first keyframes for both scale and rotation. Reduce the scale value so the circle starts smaller. Move forward on the timeline, set the scale value back to 100%, and also increase the rotation value to create the spinning animation. I needed, go back to the first keyframe and fine tune the scale value. Now select all the keyframes and press F nine to apply Easy Ease. Open the graph editor and make sure the speed graph is selected. Adjust both graph handles to create smooth speed variation. Now preview the timeline. The animation looks smooth. Next, we want the animation to loop continuously. We can do this using an expression. Hold the Alt or the option key on and click the scale stopwatch. In the expression field, type, loop out, and then choose Ping Pong. Now copy this expression, open the rotation expression and paste the same code there. Now preview the timeline. The animation loops continuously, creating an endless rotating circle. Next, move back to the previous pre-composition. Reduce the size of the composition. Then duplicate it again and move it slightly to the right on the timeline. Increase its scale slightly to create depth and variation. Now let's add a drop shadow. Go to the Effects and Presets panel and search for drop shadow. Double click the effect to apply it to the selected layer. In the effect controls panel, increase the softness value and reduce the distance value to create a subtle shadow and now copy the effect and paste on the duplicated layer. Now duplicate the layer again, repeat the same process, adjust the size, offset the timing slightly. Continue duplicating the layers until they fill the entire composition. Finally, return to the main composition, shift the duplicated layer slightly to the left on the timeline so they appear one after another. Finally, press the end key to define the end of the work area in the timeline. This ensures that only the required portion of the animation is previewed and rendered, making it easier to review your final result. Now, preview the timeline. You can see multiple rotating circular text elements animating in sequence, creating a smooth and visually appealing looping motion. With this simple technique using pre-composition, null objects, expressions, and drop shadows, you can create stylish and creative rotating circular text animations in Adobe After Effects. 28. 3D Ring Text Animation Using CC Cylinder: This lesson, we will learn how to create this type of three D ring animation in Adobe After Effects. We'll start with a 1920 by 1080 pixel composition. First, select the rectangle tool. Set the fill color to black and the stroke color to white, adjust the stroke width according to your design. Now draw a rectangle like this. Next, convert the shape layer into a precompose. You can right click on the layer and choose precompose or press Control or Command plus Shift plus C. Now create a new text layer, type any text you like. You can use any font family, font style, and color that suits your design. Select the text layer. Go to the Effects and Presets panel and search for Motion Tile. Double click the effect or drag it onto the text layer. Now, open the Motion Tile settings. Set the Tile center X value to zero. Next, we'll create an infinite horizontal scrolling animation using an expression. Hold the Alt key on Windows or the option key on Mac and click the stopwatch for the Tile center X property. Then use an expression that continuously moves the value in the X direction like this. This creates a seamless looping horizontal motion. Now preview the timeline. You can see the text scrolling continuously. Next, return to the main composition. Go to the Effects and Presets panel and search for CC Cylinder. Apply the CC Cylinder effect to the precomposed layer. Instantly, the flat scrolling text wraps around a cylinder, creating a ring like appearance. Now let's look at the main CC Cylinder properties. The position controls allow you to move the cylinder along the X, Y, and Z axis. The rotation controls let you rotate the cylinder around the X, Y, and Z axis to create different viewing angles. Rotation X rotates the cylinder forward and backward around the horizontal X axis. It changes the viewing angle from the top or bottom, making the ring appear to tilt toward or away from the camera, and rotation Y rotates the cylinder around the vertical Y axis. This spins the ring from left to right, allowing you to view different sides of the cylinder and create a horizontal rotation effect. Rotation Z rotates the cylinder around the depth Z axis, just like turning a steering wheel or spinning a coin. This creates a circular spinning motion while keeping the cylinder facing the camera. In the lighting section, you can adjust the light intensity, light color, light height, and light direction to control how the cylinder is illuminated. These settings help add depth and realism to the three D effect. Now, preview the timeline, and now you can see that the text is moving, but it's scrolling in the opposite direction. Let's fix that. Open the pre-composition that contains the scrolling text. In the expression, simply add a minus sign before the time value. Now, preview the timeline. Perfect. Next, duplicate the composition layer two times. Position the duplicated layers as needed. At this point, you'll notice that the text ring is need to split into an upper half and a lower half. Let's fix this. First, duplicate the composition layer once more and temporarily turn off its visibility. Now open the CC Cylinder settings, enable render outside. This displays only the outer surface of the cylinder while the inner surface is hidden and now enable the visibility of this layer. Then open the CC Cylinder effect. Change the render option from to inside. The inside option displays the inner surface of the cylinder while hiding the outer surface. Next, duplicate the composition layer again. For the first layer, set the render option to outside. For the second layer, set it to inside. Move one layer above the other in the timeline. Now you can see that the left side of the ring is fixed. Repeat the same process for the right side until both sides look seamless. Finally, press the end key to define the end of the work area. Now, preview the timeline. Perfect. We have successfully created this type of rotating text ring animation. With these simple tricks and techniques using Motion Tile, CC Cylinder expressions, and the inside and outside render options, you can create many different styles of creative three D ring animations in Adobe After Effects. 29. Deep Cone Text Animation: This lesson, we will learn how to create this type of deep cylinder cone text animation in Adobe After Effects. In the composition, we have four layers, two text layers and two shape layers. First, select all the layers and convert them into a precompose. Make sure the open new composition option is checked so that the new composition opens automatically. Inside the new composition, select all the layers again and convert them into another precompose. Now select the player and go to composition and select Crop Comp to layer bounds. This crops the composition to fit the contents of the layer. Now return to the previous pre-composition. Go to the Effects and Presets panel and search for Motion Tile. Apply the Motion Tile effect to the precomposed layer. Increase the output width until it completely fills the composition horizontally. Then increase the output height until the tiled pattern covers the entire composition vertically. Now the composition is fully covered with repeated text. Next, let's create a continuous vertical scrolling animation. Hold the Alt key on Windows or the option key on Mac and click the stopwatch to enable an expression. Use this simple looping expression to animate the Y direction continuously. Now preview the timeline. Perfect. The text scrolls smoothly in the vertical direction, creating a seamless looping pattern that we use to build the deep cylinder animation. And now let's adjust the tile center values so that all the text is visible inside the main composition. And now move back to the previous main composition. Go to the Effects and Presets panel, search for CC Cylinder, and apply it to the layer. The flat layer is now wrapped around a cylinder. Next, set the rotation X value to 90 degrees. Then reduce the position Z value to push the cylinder farther away from the camera. Now adjust the radius value until the cylinder looks more like a cone. Preview the timeline. You'll notice that the text is mirrored. Let's fix that. Double click the pre-composition to open it. Right click on the layer, go to transform and choose flip horizontal. Now return to the main composition. The text is now facing the correct direction. Next, duplicate the cylinder layer, reduce its size slightly to create an additional layer of depth. Now preview the timeline. If you want to add even more depth, here's a simple trick. Temporarily disable the CC Cylinder effect on the layer, create a new adjustment layer, go to the Effects and Presets panel, search for optics compensation and apply it to the adjustment layer. Enable reverse lens distortion. Then adjust the field of view value until you achieve the desired depth effect. Now re enable the CC Cylinder effect. I think the field of view value is a little too high, so let's reduce it slightly. Now, preview the animation one final time. Perfect. We've successfully created this deep cone style text animation in Adobe After Effects. You can experiment with different CC Cylinder, Motion Tile, and optics compensation settings to create your own unique three D text designs and motion graphics. 30. Object Mask Text Animation: This video, we will learn how to create this type of object track mask text animation in Adobe After Effects. In the timeline, we have an eight second video clip. First, let's mask the woman in the video. To do that, double click the footage in the composition panel to open it in the layer panel. Then select the object selection tool. Move over the subject and then click. After Effects automatically detects and masks the object. Now return to the composition panel. You can see that only the subject is visible. Preview the timeline to make sure the mask tracks correctly throughout the shot. Next, duplicate the video layer. For the bottom layer, remove the masking effect so the original video is fully visible again. Now select the bottom video layer and create a new text layer, type any text you like. Then adjust the text position and size according to your project. Next, open the transform properties of the text layer. Click on the scale stopwatch to create the first keyframe, move forward on the timeline, and increase the scale value. This creates the second keyframe automatically. Now preview the timeline. Perfect. As the woman runs forward, the text scales up behind her, creating the illusion that the text is moving closer to the camera while remaining partially hidden by the subject. With this simple masking technique, you can create a variety of creative text animations where the subject naturally interacts with the text, producing a clean and professional motion graphics effect in Adobe After Effects. 31. Slice Text Animation: This lesson, we will learn how to create this type of slice text animation in Adobe After Effects. We already have a text layer in the composition using the impact font family with the regular style at 441 pixels, and the text is center aligned. First, select the text layer and convert it into a precompose. Then open the new composition, select the text layer again and create another precompose. Now, open the transform properties of the precompose layer. Go to the scale property and create three keyframes. Move to the second keyframe and increase the scale value to 150%. Then move back to the first keyframe and set the scale value to 0%. This creates a smooth scale up animation with a slight overshoot before settling at its final size. Next, select all the keyframes and press F nine to apply Easy Ease. Open the graph editor and switch to the Speed Graph. Adjust the keyframe handles by dragging them toward the left to create a faster start and a smoother finish. Now preview the timeline. Perfect. Now move back to the precomposed layer. Here, we'll create the masks that will split the text into two separate parts. First, enable the proportional grid, so it's easier to position the mask accurately. Select the layer, choose the rectangle tool and draw a mask that covers the top half of the text. Next, duplicate the layer. Open the mask properties of the duplicated layer and enable inverted. Now we have two precomposed layers, one displaying the top half of the text and the other displaying the bottom half. Move the playhead to the point where you want the text to split. Select both layers and press P to reveal the position property. Create position keyframes. For the first layer, move the text upward. For the second layer, move the text downward, select all the keyframes and press F nine to apply Easy Ease. Open the graph editor, switch to the Speed Graph and drag the handles toward the left to create a faster start and a smoother finish. Now preview the animation. Perfect. The text split smoothly into two separate pieces and then move back to the main composition window. Next, place the playhead where you want the second text to appear. And then create a new text layer and type your desired text. Adjust the font family font size, and position to match your design. A Move forward on the timeline to the point where the text should appear. And let's adjust the font size again so the text fits perfectly within the split text. Then set the anchor point to the center by holding control or command while clicking. Open the transform properties and adjust the text position so that it fits perfectly in the center. Move the layer to the right on the timeline until it reaches the point where you want the text to begin appearing and animate the scale. Create two keyframes. At the first keyframe, set the scale value to 0%. At the second keyframe, leave the scale at its normal size. Select both keyframes, press F nine for Easy Ease, then open the speed graph and adjust the handles to create a smooth scaling animation. Now preview the animation. Now, select the gravity pre-composition layer, open its transform properties, create the first scale keyframe, move forward on the timeline and increase the scale value until the text grows large enough to disappear from the composition, return to the first keyframe and enable opacity animation, move to the second keyframe and reduce the opacity value to 0%. Select all four keyframes, press F nine to apply Easy Ease, then refine the motion in the speed graph by adjusting the handles for smoother acceleration and deceleration. Finally, add one more scale animation to the new text layer, create keyframe at its normal size, move forward on the timeline and increase the scale value to make the text grow. Select both keyframes, press F nine, and fine tune the animation in the speed graph for a smooth and natural motion. Now preview the final result. With this masking technique, combined with smooth position, scale and opacity animations, you can create stylish slice text animations in Adobe After Effects. Experiment with different fonts, colors, and timing to create your own unique text animation styles. 32. Course Conclusion: Is on completing this course. I hope you now have a solid understanding of how to create professional text animations and kinetic typography in Adobe After Effects. Throughout this course, we've explored a wide variety of creative techniques, including slice text, object masking, track mats, deep cylinder effects, particle animations, shape animations, graph editor workflows, expressions, and much more. Remember, the key to becoming a great motion designer is consistent practice. Don't be afraid to experiment with the techniques you've learned and combine them to create your own unique animation style. Thank you so much for learning with me. If you enjoyed this course, I'd really appreciate it if you could leave a review and share your class project with the community. I'm Sant Kumar, and I'll see you in my next course. Happy Animating.