ting the letter spacing in selected letters.<\/li>\n\n\n\n<li>Opacity &#8211; Ranges from 0 to 100% and is the transparency of a layer or object.<\/li>\n\n\n\n<li>Type on &#8211; Replicates someone typing on a screen.<\/li>\n\n\n\n<li>Blur &#8211; Lets you control how much Gaussian blur to add to a character. You can explicitly define the horizontal and vertical blur amounts.<\/li>\n\n\n\n<li>Skew &#8211; This means that the object or text is neither parallel nor at a right angle based on an implied line.<\/li>\n\n\n\n<li>Rotation &#8211; A function to rotate objects and ranges from 0 to 360 degrees.<\/li>\n\n\n\n<li>Anchor point &#8211; The center of all manipulations and is mapped on the adjustable x and y-axis.<\/li>\n\n\n\n<li>Position &#8211; This feature lets you point precisely where you want to layer the x and y-axis.<\/li>\n\n\n\n<li>Scale &#8211; Designed to keep the original ratio of your layer. It is measured by x and y values, representing the width and height.<\/li>\n\n\n\n<li>Stroke width &#8211; Allows you to adjust the width of the stroke you have applied to the text layer.<\/li>\n\n\n\n<li>Line anchor &#8211; Indicates the alignment&nbsp;racking&nbsp;for each line of text.<\/li>\n\n\n\n<li>All transform properties &#8211; Used when you need to create an effect using multiple text animator properties. So, you can select all transform properties instead of applying each property.<\/li>\n<\/ul>\n\n\n\n<aside class=\"sb-cta sb-cta--theme-blue-100 sb-cta--alignment-horizontal-left sb-cta--alignment-vertical-center sb-cta--additional-content-position-right wp-block-storyblocks-wp-blocks-call-to-action\" data-cta=\"\" data-cta-theme=\"blue-100\" data-cta-heading=\"Easily add advanced effects and motion graphics with customizable After Effects templates\" data-cta-content-id=\"\">\n\n\t\t<div class=\"sb-cta__copy\">\n\n\t<p class=\"sb-cta__heading\">\n\t\t<a class=\"sb-cta__heading__link\" href=\"https:\/\/www.storyblocks.com\/templates\/after-effects-templates\" target=\"_blank\" rel=\"noopener noreferrer\">\n\t\tEasily add advanced effects and motion graphics with customizable After Effects templates\t\t<\/a>\n\t<\/p>\n\n\t<p class=\"sb-cta__body\">\n\t\t\t<\/p>\n\n\t\t\t\t\t<a class=\"sb-cta__button\" href=\"https:\/\/www.storyblocks.com\/templates\/after-effects-templates\" target=\"_blank\" rel=\"noopener noreferrer\" data-cta__button>\n\t\tExplore AE Templates\t\t<\/a>\n\t\n\t<\/div>\n\n\t\t\n<\/aside>\n\n\n\n<h3 id=\"h-creating-animated-text-using-a-nbsp-path\" class=\"wp-block-heading\"><strong>Creating Animated Text Using a&nbsp;Path<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Path <a href=\"https:\/\/www.storyblocks.com\/resources\/tutorials\/how-to-make-an-animated-background-using-after-effects\" target=\"_blank\" rel=\"noreferrer noopener\">animation<\/a> is a little more limited compared to other methods. It, however, still has its uses. The techniques involve consolidating multiple elements, which often seem unrelated. It is, however, easy to create animated text on a path once you understand how the various elements complement each other. What is more, this is a creative way of adding an element of fun into your design. There are numerous unique possibilities when animating along the Path. Here is how to go about it.<\/p>\n\n\n\n<h4 id=\"h-1-select-a-layer\" class=\"wp-block-heading\">1. Select a layer<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Choose a layer that your text will be added on.<\/p>\n\n\n\n<h4 id=\"h-2-create-the-path\" class=\"wp-block-heading\">2. Create the Path <\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Make the path that the text will move along. You can use a shape tool or a pen tool for this.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"583\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path-1024x583.png\" alt=\"Create the path. You can use a shape tool or a pen tool for this.\" class=\"wp-image-27316 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path-1024x583.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path-500x285.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path-768x437.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path-1536x874.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Text_Path.png 1950w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/583;\" \/><\/figure>\n\n\n\n<h4 id=\"h-3-change-path-to-mask\" class=\"wp-block-heading\">3. Change Path to Mask<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Click the Text menu and select Path options. Then change Path to the Mask that you just drew.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"755\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Path_Options-1024x755.png\" alt=\"Click the Text menu and select Path options. Then change the Path to the Mask .\" class=\"wp-image-27315 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Path_Options-1024x755.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Path_Options-500x369.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Path_Options-768x566.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103835\/Path_Options.png 1226w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/755;\" \/><\/figure>\n\n\n\n<h4 id=\"h-4-update-frames\" class=\"wp-block-heading\">4. Update frames<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Set a Keyframe for First Margin at frame 0. You can lower the value to what suits your Path. When you get to frame 30, change the First Margin value to 0 and apply Easy Ease to the frame.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"363\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-1024x363.png\" alt=\"Animated text in After Effects - Easy Ease\" class=\"wp-image-27314 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-1024x363.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-500x177.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-768x273.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-1536x545.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103836\/Easy-Ease-2048x727.png 2048w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/363;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Next, move to Frame 45, add another Keyframe of similar value and apply Easy Ease as well.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, move to frame 75 and choose a high number for the First Margin value to animate it off the screen.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"541\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-1024x541.png\" alt=\"Move to frame 75 and choose a high number for the First Margin value to animate it off the screen.\" class=\"wp-image-27317 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-1024x541.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-500x264.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-768x406.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-1536x811.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/27103834\/Final_Keyframes_Fullscreen-2048x1082.png 2048w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/541;\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image aligncenter\"><img decoding=\"async\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/01\/27104322\/Video-editor.jpg\" alt=\"A male editor sitting in the office editing and managing a portfolio. Creating text animation with After Effects.\" class=\"wp-image-49204 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" \/><\/figure>\n\n\n\n<h3 id=\"h-creating-a-text-animation-with-a-track-matte\" class=\"wp-block-heading\"><strong>Creating a text animation with a Track Matte<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">A classic technique in text motion design is having your text slide into view as if emerging from behind an invisible wall. But if you\u2019re new to After Effects, it can be confusing to figure out how to do this animation without impacting other elements in your composition.. To do it, we need to take advantage of Track Mattes. Let\u2019s have a look:&nbsp;<\/p>\n\n\n\n<h4 id=\"h-1-create-a-shape-that-covers-your-text\" class=\"wp-block-heading\"><strong>1. Create a shape that covers your text<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">With your text in place, make sure no layer is selected, then switch to the rectangle tool. Draw a shape that fully covers the text.&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"549\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1-1024x549.png\" alt=\"Screenshot of text in After Effects with a shape covering it.\" class=\"wp-image-31353 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1-1024x549.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1-500x268.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1-768x411.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1-1536x823.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123043\/image-8-1.png 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/549;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">In this example, I\u2019ve lowered the opacity of the shape so you can still read the text.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Once you\u2019ve created it, you should turn the shape layer off while we focus on the animation.&nbsp;<br><\/p>\n\n\n\n<h4 id=\"h-2-create-your-keyframe\" class=\"wp-block-heading\"><strong>2. Create your keyframe<\/strong><\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">For this animation, we want the text to rise up from below and settle dead center of the composition. First, create a Position keyframe by moving the playhead to the desired start point (usually the first frame of the composition), pressing P, and clicking the keyframe icon (small diamond).<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"373\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123403\/image-9-1-1024x373.png\" alt=\"Screenshot of a timeline in After Effects showing the keyframe icon.\" class=\"wp-image-31355 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123403\/image-9-1-1024x373.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123403\/image-9-1-500x182.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123403\/image-9-1-768x280.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123403\/image-9-1.png 1191w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/373;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Then pull the text down to the bottom of the composition. Move the playhead forward a few seconds, and then bring the text up to its final position. Now, when you hit play, the text animates into view with a natural, organic motion.<\/p>\n\n\n\n<h4 id=\"h-3-turn-the-shape-layer-on-and-set-your-track-matte\" class=\"wp-block-heading\">3. Turn the shape layer on and set your Track Matte<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Next, let\u2019s add the magic by making the text appear from nowhere. First, turn the shape layer back on and ensure your text is positioned at the start of its animation. Position the shape layer so it covers the text.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"594\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1-1024x594.png\" alt=\"Screenshot of a shape layer in After Effects covering text.\" class=\"wp-image-31357 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1-1024x594.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1-500x290.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1-768x445.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1-1536x891.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123624\/image-11-1.png 1999w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/594;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Select the text layer, then set its track matte to the shape layer. Next, choose <strong>Invert Matte<\/strong>. At first, it might just look like the shape layer has been turned off, but if you open the text layer\u2019s Position and pull it downward, you\u2019ll see the text now hides behind where the shape layer would be if it were visible. This is what a track matte is.&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"572\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123728\/image-12-1024x572.png\" alt=\"Screenshot of a shape layer over text with Invert Matte applied in After Effects\" class=\"wp-image-31358 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123728\/image-12-1024x572.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123728\/image-12-500x279.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123728\/image-12-768x429.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123728\/image-12.png 1399w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/572;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">All we are doing here is using the shape layer\u2019s data to hide the text inside the composition. Magic!<\/p>\n\n\n\n<h4 id=\"h-4-adjust-the-opacity-and-apply-easy-ease-optional\" class=\"wp-block-heading\">4. Adjust the opacity and apply easy ease (optional)<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">However, there are two more optional steps we can follow to improve the animation.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The first is to adjust the opacity. Set the text to 0% at the starting keyframe, then 100% at its final position. Shift that 100% keyframe slightly forward so the text reaches full opacity about halfway through the movement. This creates a more natural reveal, as the text now seems to brighten as it comes into view.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The second is to&nbsp; refine the motion, as it\u2019s still quite rigid when it comes into view. Open the position keyframes, select the final one, and press <strong>F9<\/strong> to apply Easy Ease. This slows the motion as it settles.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For an even smoother finish, open the Graph Editor. This is a tool that allows you to make mathematical adjustments to the movement for an animation. Here we\u2019re going to grab the handle (yellow line) at the bottom of the final keyframe, and drag it forward. This gives the text a quick entry that eases into its resting point.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"246\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123900\/image-13-1024x246.png\" alt=\"Screenshot of a Graph Editor in After Effects for an animation\" class=\"wp-image-31361 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123900\/image-13-1024x246.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123900\/image-13-500x120.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123900\/image-13-768x185.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123900\/image-13.png 1257w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/246;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the final result:&nbsp;<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"450\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29123951\/image-14.gif\" alt=\"Example of animated text in After Effects created using a track matte\" class=\"wp-image-31362 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/450;\" \/><\/figure>\n\n\n\n<h3 id=\"h-using-presets-for-text-animation\" class=\"wp-block-heading\"><strong>Using presets for text animation<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">This is considered one of the easiest methods for creating animated text using <a href=\"https:\/\/www.storyblocks.com\/video\/templates\/after-effects\" target=\"_blank\" rel=\"noreferrer noopener\">After Effects<\/a>. Packed within the After Effects program are numerous animation presets you can try out to discover the possibilities of text animation. Another benefit of using presets is saving time, as they come ready to use. There are free and paid preset options.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Browse and apply the text animation presets under the menu panel \u2018Effects and Presets\u2019 or Adobe Bridge.<br><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"319\" height=\"1024\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124154\/image-15.png\" alt=\"Screenshot showing animation presets in After Effects\" class=\"wp-image-31365 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124154\/image-15.png 319w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124154\/image-15-156x500.png 156w\" data-sizes=\"(max-width: 319px) 100vw, 319px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 319px; --smush-placeholder-aspect-ratio: 319\/1024;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">To apply, drag and drop the preferred animation or double-click on the preset if a layer is selected. Any of these actions will automatically apply to the preset. Afterward, you can make adjustments like changing the speed of the animation by dragging the Keyframes whichever way you desire.<\/p>\n\n\n\n<h3 id=\"h-creating-a-typing-animation\" class=\"wp-block-heading\"><strong>Creating a typing animation<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Given there are so many presets,&nbsp; let\u2019s have a look at how we can use and adjust a fan favourite: the typing animation.<\/p>\n\n\n\n<h4 id=\"h-1-apply-the-typewriter-preset\" class=\"wp-block-heading\">1. Apply the typewriter preset<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">With your text in the composition, open the <strong>Effects and Presets<\/strong> panel. If you don\u2019t see it, go to <strong>Window &gt; Effects and Presets<\/strong>, or press <strong>Ctrl+5<\/strong> to bring it up. Search for <strong>Typewriter<\/strong>\u2014you\u2019ll see two Animate In options: Blinkin Cursor Typewriter Console and Typewriter. For this tutorial, choose Typewriter.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"938\" height=\"665\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124443\/image-16.png\" alt=\"Screenshot showing the typewriter animation presets available in After Effects\" class=\"wp-image-31368 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124443\/image-16.png 938w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124443\/image-16-500x354.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124443\/image-16-768x544.png 768w\" data-sizes=\"(max-width: 938px) 100vw, 938px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 938px; --smush-placeholder-aspect-ratio: 938\/665;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Before applying it, ensure your playhead is positioned at the start of the composition, or at least where you want the text animation to begin. Once applied, hit Play to preview the effect. You\u2019ll notice it works, but it feels a bit slow.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"450\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124533\/image-17.gif\" alt=\"Example of a typing animation created in After Effects using the Typewriter preset\" class=\"wp-image-31369 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/450;\" \/><\/figure>\n\n\n\n<h4 id=\"h-2-adjust-the-settings\" class=\"wp-block-heading\">2. Adjust the settings<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">To adjust the speed of this animation, we need to do something a bit differently than going to the <strong>Effects Controls panel.<\/strong> Unlike most effects, you won\u2019t see parameters here, because this preset is built using the <strong>Animator Range Selector<\/strong> (a text-specific function) rather than a standard effect like Blur.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"815\" height=\"447\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124703\/image-18.png\" alt=\"Screenshot of an empty Effects Control panel in After Effects\" class=\"wp-image-31371 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124703\/image-18.png 815w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124703\/image-18-500x274.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124703\/image-18-768x421.png 768w\" data-sizes=\"(max-width: 815px) 100vw, 815px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 815px; --smush-placeholder-aspect-ratio: 815\/447;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">There\u2019s nothing here in the Effects Control panel\u2014abort!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To access these parameters, just select the layer and then press <strong>U<\/strong> on your keyboard. This will reveal all active keyframes. Here you\u2019ll see Start and End keyframes added automatically when you applied the typewriter preset. Simply drag the End keyframe closer to the Start to speed up the typing effect.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"359\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124834\/image-19-1024x359.png\" alt=\"Screenshot of the typewriter effect with keyframes applied\" class=\"wp-image-31372 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124834\/image-19-1024x359.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124834\/image-19-500x175.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124834\/image-19-768x269.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29124834\/image-19.png 1122w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/359;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">This is the revised animation. Much better.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"800\" height=\"450\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125032\/image-20.gif\" alt=\"Example of another faster typing animation\" class=\"wp-image-31374 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/450;\" \/><\/figure>\n\n\n\n<h4 id=\"h-going-beyond-presets\" class=\"wp-block-heading\">Going beyond presets<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">If there\u2019s one downside to some of the built-in After Effects presets, it\u2019s that they can be a bit bland. They lack character, for better words.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you\u2019re still fairly new to After Effects and want a typewriter effect but with something that has more grandeur, look no further than the Storyblocks library. There\u2019s a wide variety of templates and MoGRTs that implement unique typewriting animation design, such as this one:<\/p>\n\n\n\n<div class=\"wp-block-epic-storyblocks-sb-library\">\n\t\t<div class=\"asset skin-dark asset-videos asset-id-352711156\">\n\t\t<div class=\"asset-media lazyload\" style=\"background-image:inherit;\" data-bg-image=\"url(&#039;https:\/\/dm0qx8t0i9gc9.cloudfront.net\/thumbnails\/video\/BhuTrwVQ9l1gczlnj\/videoblocks-typewriter_rw92onl5xl__p_thumbnail-360_07.jpg&#039;)\"><\/div>\n\t\t<div class=\"asset-content\">\n\t\t\t<div class=\"asset-content-type\">Template<\/div>\n\t\t\t<h4 class=\"asset-title\">Typewriter | After Effects<\/h4>\n\t\t\t<a class=\"asset-cta\" href=\"https:\/\/www.storyblocks.com\/video\/stock\/typewriter-after-effects-352711156\">Download Now<\/a>\n\t\t<\/div>\n\t<\/div>\n\t<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">This template includes eight different typewriting animations, allowing you to add that missing flair that some of the built-in presets lack.&nbsp;<\/p>\n\n\n\n<h3 id=\"h-go-further-animating-text-with-expressions\" class=\"wp-block-heading\"><strong>Go further animating text with expressions<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Expressions are a staple way to introduce organic life into specific object and layer properties, such as position, opacity, and scale, through the use of JavaScript code. An expression is essentially a coded instruction that tells an object how to behave.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">However, and it\u2019s a big however, they\u2019ve historically always been tied to the entire word or sentence within the text field. Meaning if you wanted the expression to affect individual characters or words, these would have to be separated into individual text layers. And this, if you\u2019ve spent more than an hour on After Effects, can be a big headache.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This all changed with a 2024 update, which introduced per-character text and paragraph styling! This has been a long-requested addition to expressions, and one welcomed warmly, because the benefits enhance the motion graphic artist&#8217;s life tenfold. For example, one advantage of per-character control is the automatic reflow of text when scaling letters or switching fonts. You can see this in an example from the GIF below, provided by Adobe.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"999\" height=\"384\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125542\/image-21.gif\" alt=\"Screenshot example of an image gif.\" class=\"wp-image-31378 lazyload\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 999px; --smush-placeholder-aspect-ratio: 999\/384;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/community.adobe.com\/t5\/after-effects-beta-discussions\/now-in-beta-per-character-text-and-paragraph-styling-in-expressions\/td-p\/14624910\" target=\"_blank\" rel=\"noreferrer noopener\">Image via Adobe<\/a><\/p>\n\n\n\n<h4 id=\"h-how-to-access-per-character-expressions\" class=\"wp-block-heading\">How to access per-character expressions<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Sound great? We think so too. Here\u2019s how you can find your way to these expressions.&nbsp;<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">1. Set your Expression Engine to JavaScript and open the menu<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">First, ensure that your Expression Engine is set up to use JavaScript.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Then, open the expressions menu. You can do this by alt-clicking the stopwatch on Source Text to bring up the expressions panel, then selecting the expression language menu (the play icon).&nbsp; (It\u2019s important that you alt-click the Source Text parameter, and not anything else that features a stopwatch, otherwise the expression will fail.)<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here, under the Text&gt;Styling menu, there is a wide variety of expressions to play with to create unique text animations.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"562\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22-1024x562.png\" alt=\"Screenshot of the Text &gt; Styling menu options in After Effects\" class=\"wp-image-31381 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22-1024x562.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22-500x275.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22-768x422.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22-1536x843.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125806\/image-22.png 1832w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/562;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">For example, if we were to go Text&gt;Styling&gt;TextProperties&gt;Font, we could then put in this expression to alter the font of a singular text layer.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">text.sourceText.style<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.setFont(&#8220;Montserrat-Light&#8221;)&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">.setFont(&#8220;Gigantic&#8221;, 0, 6).setFont(&#8220;Gigantic&#8221;, 10, 6).setFont(&#8220;Gigantic&#8221;, 20)<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"124\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125918\/image-23-1024x124.png\" alt=\"\" class=\"wp-image-31383 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125918\/image-23-1024x124.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125918\/image-23-500x61.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125918\/image-23-768x93.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29125918\/image-23.png 1483w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/124;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"http:\/\/adobe.com\" target=\"_blank\" rel=\"noreferrer noopener\">Image via Adobe.com<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ok, time for a little self-admission. I\u2019ve been using After Effects since 2006, and to this day, expressions somewhat elude me. I\u2019m not overtly proficient with coding, and well, expressions run on that language. So, outside of some of the basics, I often have to refer to an expression handbook when I\u2019m working on my designs.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It can, after all, feel like a foreign language. If you feel the same, be sure to visit the <a href=\"https:\/\/community.adobe.com\/t5\/after-effects-beta-discussions\/now-in-beta-per-character-text-and-paragraph-styling-in-expressions\/td-p\/14624910\" target=\"_blank\" rel=\"noreferrer noopener\">Adobe Community Board<\/a> where this update was first shared. An Adobe staff member also shared an Expression API document, which lists a vast array of expression codes you can use to take your text animations even further.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Alternatively, if you have the time, MoGraph Mindset offers a one-hour video that provides a comprehensive overview of this new update. One hour!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.youtube.com\/watch?v=yG8UbiKKeYw&amp;\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/www.youtube.com\/watch?v=yG8UbiKKeYw&amp;<\/a><\/p>\n\n\n\n<h3 id=\"h-increase-efficiency-with-text-styling-property-pasting-nbsp\" class=\"wp-block-heading\"><strong>Increase efficiency with text styling Property Pasting&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Okay, yes, this is an article about After Effects, but bear with me on this one because, if there&#8217;s one thing I love about DaVinci Resolve, it&#8217;s its Paste Attributes function. This allows you to copy a video clip and then paste its attributes, such as position, crop, effects applied, and any other adjustable parameters, onto a different video clip. It saves so much time when I need to quickly apply the properties of one video clip to another.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">When it comes to After Effects, you\u2019re often working with countless text layers in any motion design project involving typography. The real frustration here is when a new idea comes to light, or perhaps client feedback necessitates restyling specific words throughout the animation.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Previously, you would have to go through every single text layer and make adjustments. However, thanks to a new update that was released only several weeks ago, this is no longer necessary, as you can now paste the text formatting only, such as font, size, color, and style, without actually changing the text itself. This allows you to match text styles across various layers and quickly apply formatting from one text element to another.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now, all you need to do is find the layer with the text that you intend to copy its properties, highlight the text, press Ctrl-C to copy, and then go to the other text layers, highlight the text right-click, and select Paste Text Formatting Only. This will then copy and apply all of the attributes from the text layer.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"1024\" height=\"413\" data-src=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24-1024x413.png\" alt=\"Screenshot showing the option for Paste Text Formatting Only in After Effects\" class=\"wp-image-31387 lazyload\" data-srcset=\"https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24-1024x413.png 1024w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24-500x202.png 500w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24-768x310.png 768w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24-1536x620.png 1536w, https:\/\/sb-wp-assets.storyblocks.com\/resources\/wp-content\/uploads\/2024\/03\/29130147\/image-24.png 1551w\" data-sizes=\"(max-width: 1024px) 100vw, 1024px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 1024px; --smush-placeholder-aspect-ratio: 1024\/413;\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s important to note that this option only appears when you\u2019ve highlighted the text itself; you can\u2019t right-click the layer from the timeline.<\/p>\n\n\n\n<h3 id=\"h-explore-text-animation-templates-for-after-effects\" class=\"wp-block-heading\"><strong>Explore text animation templates for After Effects<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Text animation is just one of the effects you can create within After Effects to set your videos and projects apart. Explore more of our <a href=\"https:\/\/www.storyblocks.com\/resources\/topics\/after-effects\" target=\"_blank\" rel=\"noreferrer noopener\">After Effects tutorials<\/a> here to learn even more tips and tricks for getting the most out of your favorite video editor, including how to <a href=\"https:\/\/www.storyblocks.com\/resources\/tutorials\/after-effects-logo-animation\" target=\"_blank\" rel=\"noreferrer noopener\">animate a logo<\/a>. If you\u2019re looking for an easier way to add animated text into your projects, explore our selection of <a href=\"https:\/\/www.storyblocks.com\/video\/collections\/after-effects-text-templates\">text templates to us<\/a><a href=\"https:\/\/www.storyblocks.com\/video\/collections\/after-effects-text-templates\" target=\"_blank\" rel=\"noreferrer noopener\">e with After Effects<\/a>. All of our templates can easily be downloaded and completely customized. AE templates are easy to use and require minimal technical skills to edit.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Typography is a specific subset of motion design in which the artistry derives from the words and text themselves. If you&#8217;ve ever watched a well-produced lyric video, you&#8217;ve more than likely seen typography put into play.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-4-3 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe title=\"Darling, I - Typography\" width=\"800\" height=\"600\" data-src=\"https:\/\/www.youtube.com\/embed\/9-3RLq9jF20?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen src=\"about:blank\" class=\"lazyload\" data-load-mode=\"0\"><\/iframe>\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now, unlike creating a lower third for some of the simpler animations we&#8217;ve discussed throughout this article, typography is something that requires considerable practice and knowledge with After Effects.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">But if you&#8217;re looking to skip the queue, there are a wide variety of templates available in the Storyblocks library, such as the <a href=\"https:\/\/www.storyblocks.com\/video\/stock\/kinetic-typography-for-after-effects-348772678\" target=\"_blank\" rel=\"noreferrer noopener\">Kinetic Typography Template<\/a><a href=\"https:\/\/www.storyblocks.com\/video\/stock\/kinetic-typography-for-after-effects-348772678\"> <\/a>or the <a href=\"https:\/\/www.storyblocks.com\/video\/stock\/chaotic-typography-hqga5wfk_kk9i7tdy\" target=\"_blank\" rel=\"noreferrer noopener\">Chaotic Typography Template<\/a>. These allow you to hit the ground running with that type of motion design. Perfect for lyric videos.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">With a Storyblocks subscription, you get built-in access to all of our content, plus <a href=\"https:\/\/www.storyblocks.com\/adobe-creative-cloud-plugin\" target=\"_blank\" rel=\"noreferrer noopener\">our plugin that brings 6 million stock assets right into After Effects<\/a>. Our library of over 8 million assets includes high-quality royalty-free stock videos, templates, images, and audio. So you not only get AE templates to create advanced animated text effects, but you also get other tools to edit and enhance your video content. Our plans are designed to fit your budget through affordable subscription packages that include licensing for both individual creators and businesses of any size.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Text animation is a technique used to add flair and movement to letters, words, sentences, and sometimes whole paragraphs. It is a creative concept with limitless possibilities. The text can be made to move side to side, up and down, recede from view or move along a specific pattern. In most cases, the movement is coded to a replicating pattern, which replays endlessly.<\/p>\n","protected":false},"author":102,"featured_media":26263,"template":"","topic":[19,18,14],"class_list":["post-26261","tutorial","type-tutorial","status-publish","has-post-thumbnail","hentry","topic-templates","topic-after-effects","topic-video-editing"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial\/26261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/tutorial"}],"about":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/types\/tutorial"}],"author":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/users\/102"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media\/26263"}],"wp:attachment":[{"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/media?parent=26261"}],"wp:term":[{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.storyblocks.com\/resources\/wp-json\/wp\/v2\/topic?post=26261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}